@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.brand {
    background-color: #007FC3;
}

.aside {
    background-color: #007FC3;
}

.aside-menu {
    background-color: #007FC3;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
    color: #ffffff;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon {
    color: #ffffff;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff;
}

.aside-menu .menu-nav>.menu-section .menu-text {
    color: #ffffff;
}

@media (min-width: 992px) {
    .brand .btn .svg-icon svg g [fill] {
        fill: #ffffff;
    }
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: #F7F6FE;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon {
    color: #151965;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #151965;
}

.aside-menu .menu-nav>.menu-item.menu-item-active {
    position: relative;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
    color: #151965;
}

.aside-menu .menu-nav>.menu-item {
    transition: .4s
}

.aside-menu .menu-nav>.menu-item.menu-item-active::before,
.aside-menu .menu-nav>.menu-item:hover::before {
    position: absolute;
    right: 0;
    top: -50px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 20px 20px 1px 0px #F7F6FE;
}

.aside-menu .menu-nav>.menu-item.menu-item-active::after,
.aside-menu .menu-nav>.menu-item:hover::after {
    position: absolute;
    right: 0px;
    bottom: -50px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 20px -20px 1px 0px #F7F6FE;
}

.aside-menu .menu-nav>.menu-item.menu-item-active .menu-link {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background-color: #F7F6FE;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #151965;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
    color: #151965;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.aside-menu .menu-nav {
    padding-left: 20px;
    padding-top: 45px;
}

.aside-menu .menu-nav>.menu-section {
    margin: 8px 0 0 0;
}

.aside-menu .menu-nav>.menu-item>.menu-link {
    padding: 12px 20px;
}

@media (min-width: 992px) {

    .brand .btn.active .svg-icon svg g [fill],
    .brand .btn:hover .svg-icon svg g [fill] {
        fill: #ffffff;
    }
}

.aside-menu .menu-nav>.menu-section .menu-icon {
    color: #ffffff;
}

.aside-menu .menu-nav>.menu-item:last-of-type {
    margin-bottom: 60px;
}

.header.header-fixed .box-logo {
    display: none
}

.user-prof-dropdown {
    display: inline-block
}

.dropdown.profile-dropdown {
    display: none;
}

@media (min-width: 992px) {
    .header-fixed.subheader-fixed .header {
        box-shadow: -1px 2px 8px #42424252 !important;
    }

    .dropdown.profile-dropdown {
        display: inline-block;
    }

    .user-prof-dropdown {
        display: none
    }

    .header.header-fixed {
        width: 100%;
        left: 0 !important;
        top: 0;
        z-index: 1111;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: -1px 2px 8px #42424252 !important;
    }

    .aside-fixed .aside {
        padding-top: 72px;
    }

    .header-fixed.subheader-fixed .subheader {
        border-top: 0;
    }

    .header.header-fixed .box-logo {
        display: inline-block;
        width: 100px;
    }

    .profile-dropdown {
        display: inline-block;
    }

    .profile-dropdown .btn.btn-icon {
        height: auto;
        width: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .profile-dropdown .btn.btn-clean i {
        color: #007FC3
    }

    .profile-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
    .profile-dropdown .btn.btn-clean:focus:not(.btn-text),
    .profile-dropdown .btn.btn-clean.focus:not(.btn-text) {
        background: transparent;
    }

    .profile-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .text-dark-50,
    .profile-dropdown .btn.btn-clean:focus:not(.btn-text) .text-dark-50,
    .profile-dropdown .btn.btn-clean.focus:not(.btn-text) .text-dark-50 {
        transition: .4s;
        color: #007fc3 !important;
    }

    .subheader-fixed.aside-minimize .subheader {
        width: 92%;
        left: 82px;
    }
}

.user-prof-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.user-prof-dropdown .btn.btn-clean:focus:not(.btn-text),
.user-prof-dropdown .btn.btn-clean.focus:not(.btn-text) {
    color: #007FC3;
    background-color: transparent;
    border-color: transparent;
}

.aside-menu .menu-nav>.menu-item>.menu-link i {
    color: #fff;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
    padding-top: 0;
}

.aside-menu .menu-nav .menu-item>.menu-heading:hover i,
.aside-menu .menu-nav .menu-item>.menu-link:hover i {
    color: #151965
}

.aside-menu .menu-nav>.menu-item.menu-item-active .menu-link i {
    color: #151965;
}

.select-without-border .bootstrap-select>.dropdown-toggle:after {
    margin-right: -14px;
    font-size: 0.8rem;
    top: 45%;
    right: 16px;
}

.select-without-border .bootstrap-select>.dropdown-toggle.bs-placeholder.btn,
.select-without-border .bootstrap-select>.dropdown-toggle.btn-light {
    height: auto;
    padding: 5px 22px 5px 6px;
    font-size: 15px;
    border-radius: 0;
    border: 0;
    background-color: transparent !important;
}

.select-without-border .form-control {
    background-color: transparent;
    color: #fff;
}

.box-item-header {
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.box-item-header .item {
    margin-right: 8px;
    margin-bottom: 6px;
    display: inline-block;
}

.box-item-header .item:last-of-type {
    margin-right: 0;
}

.box-item-header .select-without-border .filter-option-inner-inner,
.box-item-header .one-item .col-form-label {
    /* color: #1A323E; */
    color: #fff;
    font-weight: 500;
}

.box-item-header .item .form-group.one-item .col-form-label {
    margin-right: 4px;
    color: #007FC3;
}

.box-item-header .item p {
    font-weight: 500;
    font-size: 14px;
}

.box-item-header .item .form-group.one-item p {
    color: #151965;
}

.lang-en {
    font-family: "Poppins";
}

.lang-ar {
    font-family: 'Poppins', sans-serif;
}

.without-sidebar .login-page,
.without-sidebar .register-page,
.without-sidebar .continue-register-page {
    padding-top: 96px;
}

.box-login-links,
.box-lang {
    list-style: none;
    padding-left: 0;
}

.box-lang .item-lang,
.box-login-links .item-login {
    display: inline-block
}

.box-login-links .item-login {
    margin-bottom: 6px;
    margin-right: 6px
}

.box-login-links .item-login:last-of-type {
    margin-right: 0;
}

.box-lang .item-lang .link-lang,
.box-login-links .item-login .link-login {
    display: inline-block
}

.box-login-links {
    margin-bottom: 14px;
}

.box-login-links .item-login .link-login {
    transition: .4s;
    color: #245F9B;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
}

.box-lang {
    margin-bottom: 18px;
}

.box-lang .item-lang {
    border-right: 2px solid #fc3;
    padding: 1px 10px;
}

.box-lang .item-lang:first-of-type {
    padding-left: 0;
}

.box-lang .item-lang:last-of-type {
    border-right: 0;
}

.box-lang .item-lang .link-lang {
    font-size: 15px;
    color: #000;
    transition: .4s;
}

.box-lang .item-lang .link-lang:hover {
    color: #007FC3
}

.login-page .title-login {
    margin-bottom: 30px;
    color: #007fc3;
}

.login-page .col-form-label {
    font-size: 14px;
    font-weight: 500;
    color: #1A323E;
}

.login-page .form-control {
    background-color: #f7f6fe;
    border: 1px solid #ffcc33;
}

.without-sidebar .division-page {
    padding-top: 96px;
}

.without-sidebar .index-page {
    padding-top: 96px;
}

.bg-page {
    background-position: center center;
    background-size: 104% 104%;
    background-repeat: no-repeat;
}

.bg-dark.breadcrumb {
    background-color: transparent !important;
}

.bg-dark.breadcrumb .breadcrumb-item a,
.bg-dark.breadcrumb .breadcrumb-item.active {
    color: #fff;
}

.bg-dark.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

.breadcrumb-box .breadcrumb {
    padding: 0;
}

.spitial-list.box-list,
.division-page .box-list {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 26px;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {
    padding-left: 0;
    list-style: none;
}

.spitial-list.box-list .item-1,
.spitial-list.box-list .item-2,
.division-page .box-list .item-1,
.division-page .box-list .item-2 {
    display: inline-block
}

.spitial-list.box-list .item-1,
.division-page .box-list .item-1 {
    width: 140px;
    text-align: center;
    /*color: #FACB00;*/
    color: #fff;
    padding: 8px 12px;
    border-top-left-radius: 22px;
    border-right: 0;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
}

.spitial-list.box-list .item-2,
.division-page .box-list .item-2 {
    width: calc(100% - 240px);
    text-align: center;
    background: #ffffff;
    border: 1px solid #FACB00;
    color: #000000;
    padding: 8px 12px;
    border-bottom-right-radius: 22px;
    border-left: 0;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {
    display: inline-flex;
    margin-right: 6px;
}

.spitial-list.box-list .box-item:last-of-type,
.division-page .box-list .box-item:last-of-type {
    margin-right: 0;
}

.division-page .box-depart {
    width: 100%;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    margin-bottom: 16px;
    transition: .4s;
}

.division-page .box-depart .link-depart {
    text-align: center;
    display: block;
    padding: 88px 12px 20px;
    transition: .4s;
}

.division-page .box-depart .link-depart .img-depart {
    width: 146px;
    margin-bottom: 22px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.division-page .box-depart .link-depart .par-depart {
    text-align: center;
    margin-bottom: 0;
}

.division-page .box-depart .link-depart .par-depart .span-depart {
    font-weight: 600;
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding: 12px 12px;
    color: #2F5597;
}

.division-page .box-depart .link-depart:hover .par-depart .span-depart {
    color: #007fc3;
}

.division-page .box-depart .link-depart .par-depart .span-depart::after {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -10px;
    bottom: -8px;
    font-size: 16px;
    color: #FF9F44;
}

.division-page .box-depart .link-depart .par-depart .span-depart::before {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: -10px;
    top: -8px;
    font-size: 16px;
    color: #FF9F44;
}

.division-page .box-depart.box-depart-2 {
    min-height: 260px;
}

.division-page .box-depart.box-depart-2 .link-depart {
    padding-top: 66px;
}

.division-page .box-depart.box-depart-2 .link-depart .img-depart {
    width: 60px;
    margin-bottom: 10px;
}

.division-page .box-depart .link-depart .par-depart .span-depart {
    font-size: 18px;
    position: relative;
}



@media (min-width: 992px) {
    .aside-enabled.subheader-fixed .without-sidebar .content .subheader {
        left: 25px;
        width: 96%;
        padding-top: 18px !important;
        padding-bottom: 8px !important;
    }
}

.subheader .box-item-header .item .form-group.select-without-border {
    display: flex;
    align-items: center;
}

.subheader .box-item-header .item .form-group.select-without-border .col-form-label {
    /* color: #007FC3; */
    color: #fff;
    padding: 0;
    font-weight: bold;
    font-size: 16px;
}

:not(.input-group)>.form-group.select-without-border .bootstrap-select.form-control:not([class*=col-]) {
    width: auto;
}

@media (max-width: 991.98px) {

    .subheader-enabled:not(.subheader-mobile-fixed) .division-page.content {
        padding-top: 96px;
    }

    /* .login-page .box-lang {

		padding-top: 68px;
	} */
}

/********timetable week***********/
.without-sidebar .calender-page {
    padding-top: 66px;
}

.calender-page .box-btn {
    margin-bottom: 25px;
}

.scadual-timetable {
    padding: 12px;
    border-radius: 25px;
    overflow: hidden;
    padding: 44px 46px 42px 88px;
    /* background-repeat: no-repeat;
    background-size: 100% 100%;
     background-image: url(../media/bg-timetable.png); 
    background-position: top left;
    background-size: cover;*/
}

.time-table {
    background: #f7f6fe
}

.time-table .table {
    background: #f7f6fe
}

.time-table .table th {
    /* width: 170px; */
    border-top: 0;
    border-bottom: 0;
    height: 55px;
    vertical-align: middle;
    padding: 10px 12px;
    text-align: center;
    /* border-right: 1px solid #767999; */
}

.time-table .table th p {
    margin-bottom: 0;
}

.time-table .table th.yellow-head {
    background: #FACB00;
    border: 0;
    color: #fff;
    padding: 0;
}

.time-table .table th.yellow-head p {
    border: 1px solid #fff;
    height: 100%;
    width: 100%;
    padding: 4px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.time-table .table th.blue-head {
    background: #2F5597;
    color: #fff;
    border: 0;
}

.time-table .table td {
    width: 170px;
    height: 108px;
    padding: 12px 10px 0;
    border-top: 0;
    text-align: center;
    /* border-right: 1px solid #767999; */
}

.time-table .table td p {
    margin-bottom: 0;
}

.time-table .table th .block-note {
    padding: 0 2px 10px 2px;
}

.time-table .table th.yellow-side .block-note p {
    width: 100%;
    height: 100%;
    background: #ffcc33;
    background-image: linear-gradient(0deg, #bf9c00 15%, #facb00 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #2F5597;
}

.time-table .table th.blue-side .block-note p {
    width: 100%;
    height: 100%;
    background: #ffcc33;
    background-image: linear-gradient(0deg, #182B4C 15%, #4EBEFA 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
}

.time-table .table td .block-note,
.time-table .table th .block-note {
    /* border-bottom: 1px solid #767999; */
    width: 170px;
    height: 130px;
}

.time-table .table td .note {
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    background-position: center center;
    justify-content: center;
    color: #fff;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 16px 29px 29px;
}



.time-table .table td .note .note-text {
    display: block;
    color: #fff;
}

.time-table .table td .note.yellow-note .note-text,
.time-table .table td .note.yellow-note .note-text {
    color: #000000;
}

/*******them-btn********/
.them-btn-1.link-login {
    min-width: 180px;
    border: 2px solid;
    transition: .4s;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 14px;
}

.btn.btn-light.them-btn-1 {
    transition: .4s;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 2px solid #007BC0;
    color: #fff;
    border-color: #007bc0;
}


.them-btn-1.btn.btn-light:hover,
.them-btn-1.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-1.btn.btn-light:not(:disabled):not(.disabled).active {
    background: #ffcc33;
    border: 2px solid #ffcc33;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-1.btn.btn-light:focus:not(.btn-text),
.them-btn-1.btn.btn-light.focus:not(.btn-text) {
    background: #ffcc33;
    border: 2px solid #ffcc33;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}


.them-btn-2.link-setting {
    min-width: 180px;
    border: 2px solid;
    transition: .4s;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 14px;
    margin-top: 20px;
}

.btn.btn-light.them-btn-2 {
    transition: .4s;
    background: #ffcc33;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
    border: 2px solid #ffcc33;
    color: #fff;
}


.them-btn-2.btn.btn-light:hover,
.them-btn-2.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-2.btn.btn-light:not(:disabled):not(.disabled).active {
    color: #fff;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 2px solid #007BC0;
}

.them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-2.btn.btn-light:focus:not(.btn-text),
.them-btn-2.btn.btn-light.focus:not(.btn-text) {
    color: #fff;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 2px solid #007BC0;
}

.them-btn-2 .icons-btn {
    margin-left: 8px;
    width: 22px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.btn.btn-light.them-btn-3 {
    box-shadow: -2px 3px 6px #00000024;
    color: #1A323E;
    font-weight: 500;
    background: #fff;
    margin-right: 11px;
    padding: 8px 24px 10px;
    transition: .4s
}

.btn.btn-light.them-btn-3:hover {
    border-color: transparent
}

.them-btn-3 .img-btn {
    width: 16px;
    margin-left: 15px;
}

.btn.btn-light.them-btn-4 {
    transition: .4s;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, #A0292C 15%, #FD8589 100%);
    border: 2px solid #cb5457;
    color: #fff;
    border-color: #cb5457;
}


.them-btn-4.btn.btn-light:hover,
.them-btn-4.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-4.btn.btn-light:not(:disabled):not(.disabled).active {
    background: #ffcc33;
    border: 2px solid #ffcc33;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-4.btn.btn-light:focus:not(.btn-text),
.them-btn-4.btn.btn-light.focus:not(.btn-text) {
    background: #ffcc33;
    border: 2px solid #ffcc33;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}



.class-room-page .box-list {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 26px;
}

.class-room-page.box-list .box-item {
    padding-left: 0;
    list-style: none;
}

.class-room-page .box-list .item-1,
.class-room-page .box-list .item-2 {
    display: inline-block
}

.class-room-page .box-list .item-1 {
    text-align: center;
    /*color: #FACB00;*/
    color: #Fff;
    padding: 8px 12px;
    border-top-left-radius: 22px;
    border-right: 0;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
}

.class-room-page .box-list .item-2 {
    /*	width: 140px;*/
    text-align: center;
    background: #ffffff;
    border: 1px solid #FACB00;
    color: #000000;
    padding: 4px 10px;
    border-bottom-right-radius: 22px;
    border-left: 0;
    width: calc(100% - 116px);
}

.class-room-page .box-list .box-item {
    display: inline-flex;
    margin-right: 6px;
}

.class-room-page .box-list .box-item:last-of-type {
    margin-right: 0;
}

/************class-room***********/
.without-sidebar .class-room-page {
    padding-top: 174px;
}

.class-room-page .box-item.box-list {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 26px;
    list-style: none;
    padding-left: 0;
    justify-content: unset;
}

.select-without-border.bootstrap-select>.dropdown-toggle.bs-placeholder.btn,
.select-without-border.bootstrap-select>.dropdown-toggle.btn-light {
    height: auto;
    padding: 4px 7px;
    font-size: 1.08rem;
    border-radius: 0;
    border: 0;
    display: block;
    font-weight: 400;
    width: 100%;
    background-color: transparent !important;
    color: #1A323E;
    padding-right: 18px;
}

.select-without-border.bootstrap-select>.dropdown-toggle:after {
    border: 0;
    right: 5px;
}

.box-list-btn {
    margin-bottom: 28px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.box-list-btn li {
    display: inline-block;
}

.btn-border-right-box .btn-yellow {
    background-image: linear-gradient(0deg, #dcab1c 15%, #ffcc33 100%);
    color: #fff;
    border: 1px solid #dcab1c;
    border-radius: 0;
    border-top-left-radius: 40px;
    padding: 8px 12px 8px 24px;
    width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    transition: .4s;
    font-size: 16px;
    align-items: center;
}


.btn-yellow.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn-yellow.btn.btn-light:focus:not(.btn-text),
.btn-yellow.btn.btn-light.focus:not(.btn-text) {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
}

.btn-border-right-box .btn-yellow .img-icon {
    width: 22px;
    margin-left: 12px;
}

.btn-border-left-box .btn-blue {
    background: #F7F6FE;
    color: #1A323E;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 40px;
    padding: 8px 24px 8px 12px;
    width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    transition: .4s;
    border: 1px solid #007FC3;
    font-size: 16px;
    align-items: center;
}



.btn-border-left-box .btn-blue .icon-btn {
    margin-left: 12px;
    color: #1A323E;
    padding: 0;
    font-size: 15px;
}

.btn-border-left-box .btn-blue.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn-border-left-box .btn-blue.btn.btn-light:focus:not(.btn-text),
.btn-border-left-box .btn-blue.btn.btn-light.focus:not(.btn-text) {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
}

.btn-border-left-box .btn-blue.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn-border-left-box .btn-blue.btn.btn-light:focus:not(.btn-text) i,
.btn-border-left-box .btn-blue.btn.btn-light.focus:not(.btn-text) i {
    color: #fff;
}

.class-room-page .box-links-class {
    list-style: none;
    padding-left: 0;
    border: 1px solid #104587;
    border-radius: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.class-room-page .box-links-class .item {
    position: relative;
    display: inline-block;
    flex: 0 0 25%;
    text-align: center;
}

.class-room-page .box-links-class .item::after {
    content: "";
    width: 1px;
    height: 28px;
    background: #FFCC33;
    position: absolute;
    right: 0;
    top: 50%;
    /* bottom: 50%; */
    transform: translateY(-50%);
}

.class-room-page .box-links-class .item:last-of-type::after {
    width: 0;
}

.class-room-page .box-links-class .item .link-class {
    position: relative;
    display: inline-block;
    padding: 8px 12px;
    color: #104587;
    transition: .4s;
    width: 100%;
}

.class-room-page .box-links-class .item .link-class:hover {
    color: #FFCC33;
}

.class-room-page .classroom-setting {
    text-align: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
}

.class-room-page .classroom-setting .item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 8px;
}

.class-room-page .classroom-setting .item .box-img {
    text-align: center;
    width: 48px;
    height: 48px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fc3;
}

.class-room-page .classroom-setting .item .link-item {
    display: inline-block;
    text-align: center;
    color: #1A323E;
    transition: .4s;
}

.class-room-page .classroom-setting .item .link-item span {
    font-weight: 500;
    display: inline-block;
}

.class-room-page .classroom-setting .item:last-of-type {
    margin-right: 0;
}


.class-room-page .classroom-popup {
    text-align: center;
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: start;
}

.class-room-page .classroom-popup .item {
    display: inline-block;
    margin-right: 34px;
    margin-bottom: 8px;
}

.class-room-page .classroom-popup .item .box-img {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.class-room-page .classroom-popup .item .box-img .img-class {
    height: 32px;
}

.class-room-page .classroom-popup .item .link-item {
    display: inline-block;
    text-align: center;
    color: #1A323E;
    transition: .4s;
}

.class-room-page .classroom-popup .item .link-item span {
    font-weight: 500;
    display: inline-block;
    margin-bottom: 12px;
}

.class-room-page .classroom-popup .item:last-of-type {
    margin-right: 0;
}

.class-room-page .box-students {
    position: relative;
    justify-content: center;
    text-align: center;
    margin-bottom: 26px;
    padding: 0 20px;
    align-items: center;
}

.class-room-page .box-students::after {
    content: "";
    position: absolute;
    right: 0;
    top: 47%;
    width: 1px;
    height: 80%;
    background: #007FC3;
    transform: translateY(-50%)
}

.class-room-page .col-md-4:nth-child(3) .box-students::after {
    display: none
}

.class-room-page .col-md-4:last-of-type .box-students::after {
    display: none
}

.class-room-page .box-students .box-img-student {
    margin-bottom: 6px;
    position: relative;
}

.class-room-page .box-students .box-img-student .red-note {
    width: 28px;
    height: 28px;
    color: #fff;
    border-radius: 50%;
    background: #FF0000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    position: absolute;
    left: -2px;
    top: -2px;
}

.class-room-page .box-students .box-img-student .green-note {
    width: 28px;
    height: 28px;
    color: #fff;
    border-radius: 50%;
    background: #8BC349;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 12px;
    right: -2px;
    top: -2px;
}

.class-room-page .box-students .box-img-student .img-student {
    border-radius: 50%;
    padding: 2px;
}

.class-room-page .box-students .student-name {
    margin-bottom: 0;
    color: #151965;
    font-weight: 500;
    font-size: 12px;
}

.class-room-page .box-students .block-student {
    position: relative;
    margin-bottom: 26px;
}

.class-room-page .box-students .block-student .link-student {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slider-info-box {
    padding-right: 50px;
    position: relative;
}

.slider-info-box .link-slider {
    position: absolute;
    right: 4px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}

.slider-info {
    direction: rtl;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.slider-info .info-block-slider {
    direction: ltr;
}

.slider-info .info-block-slider .half-block-slider {
    padding: 15px 0;
    border: 1px solid #007fc3;
    margin: 0;
    margin-bottom: 36px;
}


.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text,
.form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
.form-group .input-group.textarea-them-1 .input-group-prepend .input-group-text {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    border: 0;
    width: 160px;
    border-radius: 100px 0 0 100px;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 6px;
    margin-bottom: 0;
    white-space: unset;
}

.slider-info .info-block-slider .half-block-slider .form-group .form-control {
    border-color: #FFCC33;
    border-radius: 0;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control,
.form-group .input-group.input-them-1 .form-control,
.form-group .input-group.textarea-them-1 .form-control {
    border-color: #FFCC33;
    border-left: 0;
    border-radius: 0;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe,
.form-group .input-group.textarea-groupe.textarea-them-1 {
    align-items: start;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .input-group-prepend .input-group-text,
.form-group .input-group.textarea-groupe.textarea-them-1 .input-group-prepend .input-group-text {
    padding: 12px 6px;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .form-control,
.form-group .input-group.textarea-groupe.textarea-them-1 .form-control {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 79px;
    min-height: 185px;
    max-height: 185px;
    border-left: 1px solid #fc3;
}

[dir='ltr'] .slider-info-box .slick-next:before {
    background-image: url(../media/icons/10.png);
    width: 29px;
    content: ' ';
    height: 60px;
}

[dir='ltr'] .slider-info-box .slick-prev:before {
    background-image: url(../media/icons/11.png);
    width: 29px;
    height: 60px;
    content: ' ';
}

.general-model .modal-header {
    padding: 24px 1.75rem;
    text-align: center;
    justify-content: center;
    position: relative;
    background: transparent;
    border-bottom: 0;
}

.general-model .modal-header .title-popup {
    margin-bottom: 0;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    right: auto;
    background-image: linear-gradient(0deg, #004062 15%, #00A3FA 100%);
    left: auto;
    font-weight: 400;
    top: -1px;
    color: #fff;
    padding: 6px 30px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 25px 25px;
}

.general-model .modal-header .close {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #007FC3;
}

.general-model.modal .modal-header .close i,
.general-model.modal .modal-header .close .ki {
    color: #007FC3;
}

.general-model .modal-footer {
    border: 0;
    padding: 6px 26px 18px;
}

.general-model .modal-footer .them-btn-2 {
    padding: 5px 12px;
    margin-top: 0;
    min-width: 150px;
}

.general-model .student-attendance {
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.general-model .student-attendance .attendance-item {
    margin-right: 20px;
    margin-bottom: 26px;
    position: relative;
}

.general-model .student-attendance .attendance-item:last-of-type {
    margin-right: 0;
}

.general-model .student-attendance .attendance-item .box-img {
    margin-bottom: 5px;
}

.general-model .student-attendance .attendance-item .box-img img {
    border-radius: 50%;
}

.general-model .student-attendance .attendance-item .student-name {
    color: #151965;
    font-weight: 500;
    margin-bottom: 6px;
    text-align: center;
}

.general-model .student-attendance .attendance-item .status-dropdown .btn.btn-outline-secondary {
    border-radius: 25px;
    padding: 3px 14px;
    border-color: #007FC3;
    color: #151965;
}

.general-model .student-attendance .attendance-item .status-dropdown .btn.btn-outline-secondary.dropdown-toggle:after {
    color: #151965;
    margin-right: 0;
    margin-left: 0.5rem;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu {
    text-align: center;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu .dropdown-item {
    text-align: center;
    padding: 6px 10px;
    border-bottom: 1px solid #007fc3;
    color: #151965;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu .dropdown-item:last-of-type {
    border-bottom: 0;
}

.status-dropdown .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.status-dropdown .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,
.status-dropdown .show>.btn.btn-outline-secondary.dropdown-toggle,
.status-dropdown .show .btn.btn-outline-secondary.btn-dropdown {
    background-color: #f7f6fe;
}

.add-groupe-modal .modal-body {
    padding-bottom: 0;
}

.general-model .modal-dialog {
    margin: 86px auto 1.75rem;
}

.general-model .modal-content {
    border: 1px solid #707070;
    background: #ffffffeb;
    box-shadow: none;
    border-radius: 25px;
}

.general-model .student-attendance.add-groupe .attendance-item {
    position: relative;
    padding-left: 21px;
}

.general-model .student-attendance.add-groupe .attendance-item .check-box-student {
    position: absolute;
    top: 1px;
    left: 1px;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary>input:checked~span {
    border-color: #62B020;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary>input:checked~span:after {
    border-color: #62B020;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary>span {
    border-color: #62B020;
}

.general-model .modal-footer .link-out.them-btn-1 {
    padding: 4px 24px 10px;
    font-weight: 500;
}


.spitial-input.form-group .input-group .input-group-prepend .input-group-text {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    border: 0;
    width: 160px;
    border-radius: 100px 0 0 100px;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 6px;
    margin-bottom: 0;
    white-space: unset;
}

.spitial-input.form-group .input-group .form-control {
    border-color: #FFCC33;
    border-left: 0;
    border-radius: 0;
}

.add-groupe-modal .modal-body .form-group.spitial-input.margin-input {
    margin-bottom: 50px;
    margin-top: 26px;
    width: 84%;
    margin-right: auto;
    margin-left: auto;
}

.add-groupe-modal .modal-body .spitial-input.form-group .input-group .form-control {
    border-radius: 0 50px 50px 0;
}

/* END Optional styles */
.video-container {
    width: 100%;
    border-radius: 0;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}

.play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

.them-btn-1.link-addMession {
    min-width: 180px;
    border: 2px solid;
    transition: .4s;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 14px;
    margin-top: 20px;
}

.them-btn-1 .icons-btn {
    margin-left: 8px;
    width: 22px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.note-page .time-table .table td .block-note,
.note-page .time-table .table th .block-note {
    width: 100%;
    height: 120px;
    overflow-x: hidden;
}

.note-page .list-note-text {
    list-style: none;
    padding-left: 0;
}

.note-page .list-note-text .item {
    padding: 6px 12px 8px;
    background: #FFF0E6;
    margin-bottom: 8px;
    border-radius: 71px;
    color: #0071BC;
    font-weight: 500;
    display: block;
}

.note-page .list-note-text.note-homework .item {
    color: #0071BC;
    background: #FFF0E6;
}

.note-page .list-note-text.note-exame .item {
    color: #0071BC;
    background: #00E5FF;
}

.note-page .list-note-text.note-other .item {
    color: #0071BC;
    background: #00DDB7;
}

.general-model.model-them-1 .modal-content {
    background: #007fc3;
}

.general-model.model-them-1 .modal-header .title-popup {
    color: #000000;
    background-image: linear-gradient(0deg, #bf9826 15%, #ffce3d 100%);
}

.block-news {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid #FFCC33;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    align-items: center;
    text-align: center;
}

.block-news .info-news {
    flex: 0 0 25%;
    padding: 14px 12px;
    max-width: 25%;
    background: #fc3;
}

.block-news .info-news .news-title {
    color: #000000;
    margin-bottom: 20px;
}

.block-news .info-news .date-day {
    color: #000;
    margin-bottom: 5px;
}

.block-news .info-news .data-par {
    color: #000000;
}

.block-news .info-news .name-auther {
    color: #000000;
}

.block-news .text-news-box {
    flex: 0 0 25%;
    padding: 14px 12px;
    max-width: 25%;
    background: #fc3;
}

.block-news .text-news-box {
    background: #fff;
    padding: 15px 18px;
    text-align: center;
    flex: 0 0 75%;
    max-width: 75%;
    height: 100%;
}

.block-news .text-news-box .text-news {
    color: #1A323E;
}

.them-btn-1.link-save {
    padding: 6px 16px;
    display: inline-flex;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-width: 74px;
}

.them-btn-1.link-puplic {
    padding: 6px 16px;
    display: inline-flex;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-width: 74px;
}

.them-btn-4.link-close {
    padding: 6px 16px;
    display: inline-flex;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-width: 74px;
}

.spitial-list.box-list.box-item,
.spitial-list.box-list,
.box-list.box-item {
    width: 100%;
}

.spitial-list.box-list.box-item .item-2 {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    width: calc(100% - 116px);
}

.upload-input .custom-file-label {
    border-radius: 50px;
    border: 1px solid #FFCC33;
    background: #fff;
    border-radius: 53px;
}


.upload-input .custom-file-label::after {
    content: "تحميل";
    border-radius: 53px;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 0;
    color: #fff;
    padding-right: 22px;
    padding-left: 22px;
}

.homework-modal .homework-block {
    margin-bottom: 16px;
    background: #fff;
    position: relative;
    border-radius: 30px;
    border: 1px solid #FFCE3D;
    overflow: hidden;
}

.homework-modal .homework-block .homework-header {
    padding: 12px 26px;
    background: #FFCE3D;
    text-align: center;
}

.homework-modal .homework-block .homework-header .title-homework {
    margin-bottom: 0;
    font-size: 18px;
}

.homework-modal .homework-block .homework-body {
    padding: 12px 26px;
}

.homework-modal .homework-block .homework-body .form-control.textarea-input {
    border: 0;
    min-height: 185px;
    max-height: 185px;
}

.homework-modal .homework-block .homeworkfooter {
    background: #FFCE3D;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 26px;
}

.homework-modal .homework-block .homeworkfooter .date-par {
    display: inline-block;
    margin-bottom: 0;
}

.homework-modal .homework-block .homeworkfooter span {
    margin-left: 8px;
    display: inline-block;
}

.homework-modal .homework-block .homeworkfooter .box-icon {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon {
    display: inline-block;
    margin-right: 8px
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon:last-of-type {
    margin-right: 0px
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon i {
    transition: .4s;
    color: #fff;
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon:hover {
    color: #007FC3;
}

.model-them-3 .modal-content {
    background: #fff;
    border: 1px solid #5683c3;
}

.model-them-3 .modal-content .modal-header .title-popup {
    border-radius: 0;
    position: relative;
    color: #1A1818;
    padding: 0;
    background-image: none;
    font-weight: 500;
}

.model-them-3 .modal-content .modal-footer {
    justify-content: center;
}

.model-them-3 .modal-content .modal-footer .them-btn-5 {
    flex: 0 0 33.33333333333%;
    border-radius: 0 !important;
    max-width: 33.33333333%;
    background: #0063B0;
    border-color: #0063B0;
    color: #fff;
    transition: .4s;
    margin: 0;
}

.model-them-3 .modal-content .modal-footer .them-btn-5.btn.btn-light:hover {
    background: #00589c;
    border-color: #00589c;
    color: #fff
}

.model-them-3 .modal-content .modal-footer .them-btn-6 {
    margin: 0;
    flex: 0 0 33.333333333333%;
    border-radius: 0 !important;
    max-width: 33.33333333333%;
    background: #FFD400;
    border-color: #FFD400;
    color: #1A1818;
    transition: .4s;
}

.model-them-3 .modal-content .modal-footer .them-btn-6.btn.btn-light:hover {
    background: #e6c000;
    border-color: #e6c000;
    color: #fff
}

.model-them-3 .modal-content .block-check {
    transition: .4s;
    border: 1px solid #00000059;
    box-shadow: 0px 0px 7px #00000040;
    padding: 6px 12px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 90px;
    align-items: end;
}

.model-them-3 .modal-content .block-check.active {
    background: #0063b0;
    color: #fff;
    border-color: #0063b0;
    position: relative;
}

.model-them-3 .modal-content .block-check.active::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 22px;
    color: #FFD400;
}

.model-them-3 .modal-content .nav.nav-tabs {
    justify-content: center;
    margin-bottom: 34px;
    border: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item {
    flex: 0 0 50%;
    text-align: center;
    border-radius: 0;
    margin: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item .nav-link {
    display: inline-block;
    margin: 0 !important;
    width: 100%;
    color: #fff;
    border-radius: 0;
    background: #C7C9CB;
    transition: .4s;
    border: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item .nav-link.active {
    background: #0063b0;
}

.model-them-3 .modal-content .nav.nav-tabs .wrong-in.nav-item .nav-link.active {
    background: #E60019;
}

.add-MessageParent-modal .modal-body .form-group:last-of-type {
    margin-bottom: 0;
}

.add-MessageParent-modal .modal-body .form-group .form-control {
    min-height: 150px;
    max-height: 200px;
    border-color: #F5C22C;
    background: #fff;
}

.add-MessageParent-modal .modal-content .modal-footer {
    justify-content: end;
}

.add-MessageParent-modal .modal-footer .btn-send.them-btn-1 {
    background-image: none;
    background: #007BC0;
    border-color: #007BC0;
}

.add-MessageParent-modal .modal-footer .btn.btn-light.btn-send.them-btn-1:hover {
    background: #006eac;
    border-color: #006eac;
    color: #fff
}

.add-MessageParent-modal .modal-footer .btn-close.them-btn-3 {
    margin-right: 0;
    background: #F74F54;
    color: #fff;
    box-shadow: none;
    border-color: #F74F54;
}

.add-MessageParent-modal .modal-footer .btn.btn-light.btn-close.them-btn-3:hover {
    background: #E60019;
    border-color: #E60019;
    color: #fff
}

.boost-student-modal .modal-content .block-radiobtn {
    margin-top: 20px;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {
    width: 100%;
}

.class-room-page.add-group-page .title-group-block {
    font-weight: 600;
    margin-bottom: 24px;
}

.class-room-page.add-group-page .box-students.group-block {
    margin: 0 8px;
    padding: 26px 16px 10px;
    background: #fff;
    border-radius: 20px;
    box-shadow: -1px 1px 20px rgb(0 0 0 / 4%);
    margin-bottom: 26px;
}

.class-room-page.add-group-page .box-students::after {
    display: none;
}

.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1 {
    border: 0;
    border-radius: 8px;
    min-width: 140px;
    margin-right: 8px;
}

.add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2 {
    border: 0;
    border-radius: 8px;
    min-width: 140px;
}

.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light:focus:not(.btn-text),
.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light.focus:not(.btn-text) {
    border: 0;
}

.add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.add-homework-page .box-list-btn-2.btn-border-left-box .them-btn-2.btn.btn-light:focus:not(.btn-text),
.add-homework-page .box-list-btn-2.btn-border-left-box .them-btn-2.btn.btn-light.focus:not(.btn-text) {
    border: 0;
}

.spitial-input.form-group.special-input-1 .input-group .input-group-prepend .input-group-text {
    border-radius: 50px 0px 0px 0px;
}

.spitial-input.form-group.special-input-1 .input-group .form-control {
    border-radius: 0px 50px 0px 0px;
}

.block-add-homework {
    border: 1px solid #707070;
    padding: 14px 16px;
}

.without-sidebar .add-homework-page {
    padding-top: 174px;
}

.bg-text-1 {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    border-radius: 51px 0 0 50px;
    padding: 4px 12px;
}

.form-group label.bg-text-1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.block-add-homework .form-group.row {
    padding-right: 15px;
    padding-left: 15px;
}

.radio.radio-them-1>span {
    background-color: #ffffff;
    border: 1px solid transparent;
}

.radio.radio-success.radio-them-1>span {
    border: 1px solid #ffcc33;
}

.radio.radio-success.radio-them-1>input:checked~span {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}

.block-add-homework .box-btn a {
    margin-right: 10px;
}

.block-add-homework .box-btn a:last-of-type {
    margin-right: 0;
}

.select-them-2 .box-item {
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.select-them-2 .box-item .item-1 {
    padding: 6px 14px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    line-height: 1.4;
    border-radius: 20px 20px 0 0;
}

.select-them-2 .box-item .item-2 .bootstrap-select.form-control {
    border: 1px solid #fc3;
    border-radius: 0;
}

.select-them-2 .box-item .item-2 .dropdown-toggle.btn-light {
    background: #fff !important;
    padding: 6px 12px;
    border: 0;
    height: 36px;
    border-radius: 0;
}

.text-end {
    text-align: end;
}

.homework-table {
    border: 1px solid #ffcc33;
    padding: 14px 16px;
}

.title-them-1 {
    padding: 6px 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    line-height: 1.4;
    border-radius: 50px 50px 0 0;
    margin-bottom: 10px;
}

.table.table-them-1 tr th,
.table.table-them-1 tr td {
    color: #000 !important;
}

.table.table-them-1 thead th {
    vertical-align: middle;
    border-bottom: 2px solid #007fc3;
}

.table.table-them-1 th,
.table.table-them-1 td {
    padding: 0.7rem 0.4rem;
    vertical-align: middle;
    border-top: 1px solid #007fc3;
}

.table.table-them-1 td p {
    margin-bottom: 0;
}

.table.table-them-1 td i {
    font-size: 16px;
}

.first-block .form-group.spitial-input {
    margin-bottom: 10px;
}

.without-sidebar .continue-homework-page {
    padding-top: 174px;
}

.continue-homework-page .first-block {
    padding: 0 18px;
    position: relative;
}

.border-after {
    position: relative;
}

.border-after::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: #707070;
    height: 100%;
}

.continue-homework-page .second-block {
    padding: 0 18px 20px;
}

.border-card-1 {
    border: 1px solid #007FC3;
    position: relative;
    padding: 12px 18px;
    margin-bottom: 20px;
}

.border-card-1 .title-block {
    display: inline-block;
    padding: 4px 18px;
    background: #f7f6fe;
    top: -16px;
    position: relative;
    margin-bottom: 0;
    right: -8px;
}


.form-them-1 .form-control {
    border: 1px solid #ffcc33;
}

.continue-homework-page .form-them-1 .btn.btn-light.them-btn-2 {
    border: 0;
    padding: 0.5rem 1.4rem;
}

.continue-homework-page .btn.btn-light.them-btn-1 {
    border: 0;
    padding: 0.5rem 1.4rem;
}

.without-sidebar .Preparation-page {
    padding-top: 174px;
}

.form-them-1 .bootstrap-select.form-control {
    border: 0;
}

.spitial-list.box-list .box-item {
    margin-bottom: 0;
}

.form-them-2 .col-md-12:first-of-type .spitial-list.box-list.box-item .item-1,
.form-them-2 .col-md-12:first-of-type .form-them-2 .spitial-list.box-list.box-item .item-1 {
    border-top-left-radius: 22px;
}

.form-them-2 .col-md-12:last-of-type .spitial-list.box-list.box-item .item-1,
.form-them-2 .col-md-12:last-of-type .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
    border-bottom-left-radius: 22px;
}

.form-them-2 .spitial-list.box-list.box-item .item-1,
.form-them-2 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
    width: 160px;
    border-radius: 0;
    color: #fff;
}

.form-them-2 .spitial-list.box-list.box-item .item-2 {
    width: calc(100% - 160px);
    border-radius: 0;
}

.form-them-3 {
    position: relative;
    border: 2px solid #c8cbcd;
    padding: 16px 26px 50px;
    margin-bottom: 50px;
}

.form-them-3 .box-btn-list {
    list-style: none;
    margin-left: 36px;
    width: 80%;
    position: relative;
    padding-left: 0;
    border-bottom: 1px solid #C8CBCD;
    padding-bottom: 16px;
}

.form-them-3 .box-btn-list::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    background: #C8CBCD;
    border-radius: 50%;
}

.form-them-3 .box-btn-list li {
    display: inline-block;
    margin-right: 23px;
    position: relative;
}

.form-them-3 .box-btn-list li:last-of-type {
    margin-right: 0;
}

.form-them-3 .box-btn-list li::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 2px;
    width: 2px;
    height: 92%;
    background: #C8CBCD;
}

.form-them-3 .box-btn-list li:last-of-type::after {
    display: none;
}

.form-them-3 .box-btn-list li .btn.btn-light.them-btn-1,
.form-them-3 .box-btn-list li .btn.btn-light.them-btn-2 {
    border: 0;
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.form-them-3 .box-btn-list li .btn.btn-light.them-btn-1:hover,
.form-them-3 .box-btn-list li .btn.btn-light.them-btn-2:hover {
    border: 0;
}

.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light:focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light.focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light:focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light.focus:not(.btn-text) {
    border: 0;
}

.form-them-3 .add-input {
    vertical-align: middle;
    display: inline-flex;
    height: 100%;
    align-items: center;
    cursor: pointer;
}

.form-them-3 .btn-form-3 {
    position: absolute;
    right: -4px;
    bottom: -16px;
}

.form-them-3 .btn-form-3 .btn-box-1 {
    position: relative;
    display: inline-block;
    background: #f7f6fe;
    padding: 14px 26px 0;
}

.form-them-3 .btn-form-3 .btn-box-1::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -9px;
    width: 12px;
    height: 12px;
    background: #C8CBCD;
    border-radius: 50%;
}

.form-them-3 .btn-form-3 .btn-box-1::before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: 9px;
    width: 12px;
    height: 12px;
    background: #C8CBCD;
    border-radius: 50%;
}

.btn.btn-light.them-btn-2 i,
.btn.btn-light.them-btn-3 i,
.btn.btn-light.them-btn-4 i {
    color: #fff;
    font-size: 15px;
    margin-right: 4px;
}

.them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-4.btn.btn-light:focus:not(.btn-text) i,
.them-btn-4.btn.btn-light.focus:not(.btn-text) i,
.them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-2.btn.btn-light:focus:not(.btn-text) i,
.them-btn-2.btn.btn-light.focus:not(.btn-text) i,
.them-btn-3.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-3.btn.btn-light:focus:not(.btn-text) i,
.them-btn-3.btn.btn-light.focus:not(.btn-text) i {
    color: #fff;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-2 {
    border: 0;
    margin-right: 10px;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-4 {
    border: 0;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-2:last-of-type {
    margin-right: 0;
}

.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light:focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light.focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light:focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light.focus:not(.btn-text) {
    border: 0;
}

.icon-input.input-them-1 .icon-box {
    position: absolute;
    right: 8px;
    border: 1px solid #fc3;
    top: 5px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-input.input-them-1 .icon-box .icon-img {
    width: 18px;
}

.form-them-3 .spitial-list.box-list.box-item .item-1,
.form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
    width: 160px;
    color: #fff;
}

.form-them-3 .spitial-list.box-list.box-item .item-2 {
    width: calc(100% - 160px);
    border-radius: 0;
}

.input-them-1 {
    position: relative;
}

.input-them-1 .form-control {
    border-color: #FFCC33;
    border-radius: 50px;
}

.breack-1 {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    border-color: #C8CBCD;
}

.icon-input-1 .icon-img {
    position: absolute;
    right: 14px;
    top: 9px;
}

.aside-menu .menu-section {
    justify-content: center;
}

.aside-menu .menu-section .menu-text {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
}

.icon-date-input {
    display: inline-block;
    position: relative;
    width: auto;
    vertical-align: middle;
}

.icon-date-input .form-control {
    display: inline-block;
    opacity: 0;
    padding: 0;
    height: auto;
    margin: 0;
    border: 0;
    line-height: 0;
}

.icon-date-input .input-group-append {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    bottom: 50%;
}

.icon-date-input .input-group-append .input-group-text {
    background: transparent;
    border: 0;
    padding: 0;
}

.icon-date-input .input-group-append .input-group-text i {
    color: #1a323e;
}

.teacher-info-page {
    padding-top: 70px;
}

.form-group .input-group.select-them-1 .input-group-prepend .input-group-text {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    border: 0;
    width: 160px;
    border-radius: 100px 0 0 100px;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 6px;
    margin-bottom: 0;
    white-space: unset;
}

.form-group .input-group.select-them-1 .bootstrap-select.form-control {
    align-items: center;
    display: flex !important;
    border: 1px solid #FFCC33;
    border-left: 0;
    border-radius: 0;
}

.table.table-them-2 .thead-ligh tr th {
    color: #1A323E;
    background: #00000012;
    padding: 8px 14px;
}

.table.table-them-2 thead-body tr td {
    background: #00000012;
    padding: 8px 14px;
}

.table.table-them-2 tbody tr td .link-delete i {
    color: #5F818E;
    transition: .4s;
    padding-right: 12px;
}

.table.table-them-2 tbody tr td .link-delete:hover i {
    color: #e50e2f
}

.form-them-4 {
    padding: 40px 30px 60px;
    background: #fff;
    border-radius: 12px;
    position: relative;
    box-shadow: 0px 3px 8px #00000026;
}

.border-form-them-4 {
    border: 2px solid #c8cbcd;
    padding: 42px 26px;
    position: relative;
    margin-bottom: 40px;
}

.border-form-them-4 .btn-form-4 {
    position: absolute;
    right: 20px;
    bottom: -19px;
}

.border-form-them-4 .btn-form-4 .btn.btn-light.them-btn-1 i {
    color: #fff;
}

.border-form-them-4 .header-form-them-4 {
    position: absolute;
    top: -29px;
    left: 14px;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 {
    position: relative;
    margin-bottom: 0;
    padding: 6px 26px;
    background: #fff;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
    font-size: 16px;
    padding: 10px 30px;
    background: #003e60;
    background-image: linear-gradient(0deg, #003e60 15%, #00a2fa 100%);
    color: #fff;
    border-radius: 34px;
    margin-bottom: 0;
    border: 1px solid #007BC0;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2::after {
    content: "";
    position: absolute;
    right: -3px;
    bottom: 19px;
    width: 12px;
    height: 12px;
    background: #C8CBCD;
    border-radius: 50%;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2::before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: 19px;
    width: 12px;
    height: 12px;
    background: #C8CBCD;
    border-radius: 50%;
}

.list-block-semester .block-semester {
    border: 2px solid #C8CBCD;
    margin-bottom: 30px;
    text-align: center;
    padding: 16px;
    position: relative;
}

.list-block-semester .block-semester .content-semester {
    padding: 35px 14px 20px;
    border: 1px solid #FFCC33;
    box-shadow: inset 0px 0px 6px #00000047;
}

.list-block-semester .block-semester .box-img {
    position: absolute;
    right: -7px;
    top: -8px;
    background: #fff;
    padding: 4px;
}

.list-block-semester .block-semester .box-img .logo-img {
    width: 66px;
}

.list-block-semester .block-semester .content-semester {}

.list-block-semester .block-semester::before {
    content: "";
}

.them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-1.btn.btn-light:focus:not(.btn-text) i,
.them-btn-1.btn.btn-light.focus:not(.btn-text) i {
    color: #fff;
}

.block-semester .box-icon-setting {
    display: block;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 22px;
}

.block-semester .box-icon-setting .item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px;
}

.block-semester .box-icon-setting .item:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
}

.block-semester .content-semester .title-block {
    font-size: 20px;
    font-weight: 600;
    color: #007FC3;
    margin-bottom: 14px;
}

.block-semester .box-icon-setting .item a {
    transition: .4s;
}

.block-semester .box-icon-setting .item a i {
    color: #007FC3;
}

.block-semester .box-icon-setting .item a:hover i {
    color: #ffcc33;
}

.block-semester .content-semester .date-block {
    font-size: 22px;
    font-weight: 600;
    color: #ffc71f;
    display: block;
}

.block-semester .content-semester .subject-name {
    font-size: 22px;
    font-weight: 600;
    color: #ffc71f;
    display: block;
    margin-bottom: 16px;
}

.semester-plan-page .block-semester .content-semester .date-block {
    margin-bottom: 6px;
}

.block-semester .content-semester .num-class {
    font-size: 20px;
    font-weight: 600;
    color: #007FC3;
    margin-bottom: 16px;
    display: block;
}


.block-semester .content-semester .box-list-num {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 16px;
}

.block-semester .content-semester .box-list-num .item {
    margin-bottom: 6px;
    margin-right: 4px;
}

.block-semester .content-semester .box-list-num .item:last-of-type {
    margin-bottom: 0px;
    margin-right: 0px;
}

.block-semester .content-semester .box-list-num .item .title-list {
    font-size: 16px;
    color: #007fc3;
    font-weight: 600;
}

.block-semester .content-semester .box-list-num .item .num-list {
    color: #FFC71F;
    font-weight: 600;
    margin-bottom: 0;
}

.timetable-setting-page {
    padding-top: 80px
}

.timetable-setting-page .box-btn {
    margin-bottom: 20px
}

.timetable-setting-page .scadual-timetable {
    border-radius: 0;
    background-image: url(../media/bg-timetable-setting.png);
}

.timetable-setting-page .box-btn-footer {
    margin-top: 30px;
}

.time-table .table .block-setting {
    min-width: 120px;
}

.time-table .table .block-setting .bootstrap-select.form-control {
    border: 1px solid #fc3;
    border-radius: 40px;
    margin-bottom: 10px;
}

.time-table .table .block-setting .bootstrap-select.form-control .btn.btn-light {
    border: 0;
    background: #fff;
    padding: 3px 12px;
    min-height: 32px;
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 26px;
}

.time-table .table .block-setting .bootstrap-select>.dropdown-toggle.btn-light .filter-option {
    color: #151965;
}

.timetable-setting-page .scadual-timetable tr:nth-of-type(odd) .block-setting .bootstrap-select.form-control {
    border: 1px solid #007FC3;
}

.timetable-setting-page .scadual-timetable tr td .block-setting {
    padding-bottom: 6px;
    border-bottom: 1px solid #767999;
}

.daily-class-timing-page .daily-class-timing .box-img .img-timing {
    width: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.daily-class-timing-page .daily-class-timing .spitial-list.box-list .item-1 {
    width: 160px;
}

.them-block-time-1 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.them-block-time-1 .title-time {
    font-size: 18px;
    font-weight: 600;
}

.them-block-time-1 .label-time,
.them-block-time-1 .form-group {
    margin-bottom: 0;
}

.daily-class-timing-page .form-them-4 {
    padding-bottom: 20px;
}

.footer-form-them-4 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.footer-form-them-4 .btn.btn-light {
    display: inline-flex;
    padding: 2px 18px 9px;
    align-items: center;
    font-size: 15px;
    margin-right: 6px;
}

.footer-form-them-4 .btn.btn-light i {
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
    padding-top: 4px;
}

.apexcharts-legend-marker {
    margin-right: 6px;
    margin-left: 0;
}

.test-numb-card .card-body {
    position: relative;
    overflow: hidden;
}

.test-numb-card .card-body .test-list-num {
    list-style: none;
    padding-left: 0;
    justify-content: space-between;
    display: flex;
    margin-bottom: 20px;
}

.test-numb-card .card-body hr.breack-line {
    margin-right: -44px;
    display: block;
    margin-left: -44px;
    border-top: 1px solid #c8cbcd;
}

.Semester-Setting-1-page .spitial-list.box-list .item-1 {
    width: 160px;
}

.Semester-Setting-1-page .spitial-list.box-list.box-item .item-2 {
    width: calc(100% - 160px);
}


.Semester-Setting-1-page .input-group.select-them-1 .dropdown-menu {
    overflow-x: hidden;
}

.Semester-Setting-1-page .input-group.select-them-1 .dropdown-menu.inner {
    position: relative;
    overflow-x: hidden;
}

.Semester-Setting-1-page .input-group.select-them-1 .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-left: 19px;
}

.select-them-1.spitial-list.box-list .item-1 {
    border-bottom-left-radius: 22px;
    color: #fff;
}

.select-them-1.spitial-list.box-list .item-2 {
    border-radius: 0;
}

.date.input-them-1 .form-control,
.with-left-icon.input-them-1 .form-control {
    border-right: 0;
}

.date.input-them-1 .input-group-append .input-group-text,
.with-left-icon.input-them-1 .input-group-append .input-group-text {
    background: #fff;
    border-color: #fc3;
    border-radius: 0;
}

.date.input-them-1 .input-group-append .input-group-text i,
.with-left-icon.input-them-1 .input-group-append .input-group-text i {
    color: #007fc3;
}

.Semester-Setting-1-page .block-semester-Setting-1 {
    padding: 20px;
    border: 1px solid #C8CBCD;
    border-radius: 25px;
    margin-bottom: 20px;
}

.Semester-Setting-1-page .box-title {
    text-align: center;
}

.title-them-2 {
    transition: .4s;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 2px solid #007BC0;
    color: #fff;
    border-color: #007bc0;
    border-radius: 25px;
    font-size: 18px;
    padding: 6px 22px 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.table-them-3 .thead-blue {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
}

.table-them-3 thead th {
    padding-top: 12px;
    padding-bottom: 12px;
}

.table-them-3 .link-edit i {
    color: #007FC3;
    margin-right: 4px;
}

.table-them-3 .link-delete i {
    color: #007FC3;
}

.box-btn-add {
    margin-bottom: 25px;
}

.box-btn-add .btn.btn-light.them-btn-1 {
    padding: 6px 22px;
}

.box-btn-add .them-btn-1 .icons-btn {
    width: 16px;
}

.them-btn-1 .icon-left {
    padding-left: 4px;
}

.select-them-2.num-days-block {
    margin-bottom: 20px;
}

.select-them-2.num-days-block .box-item .item-2 .form-control {
    border-color: #fc3;
    text-align: center;
    box-shadow: inset 0px 1px 3px #c0af7c;
}

/*****style mashhor*********/
.exam-page .border-form-them-4.border-exam .header-form-them-4 {
    top: -29px !important;
    left: 25% !important;
}

.exam-page .border-form-them-4 .header-form-them-4 .box-title-them-2.exam {
    background: #f7f6fe;
}

.exam-page .exam-main .card-xl-stretch {
    background-color: white;
    box-shadow: 0 10px 10px #e3e3e3;
}

.exam-page .exam-title {
    position: absolute;
    top: 70px;
    left: 24px;
    color: #FFCC33;
    font-weight: 800 !important;
    font-size: 20px;
}

.exam-page .content-exam-list {
    padding: 20px 15px;
    position: relative;
}

.exam-page .content-exam {
    justify-content: space-between;
    align-items: center;
}


.exam-page .content-exam i {
    color: #007fc3;
}

.exam-page .content-exam h3 {
    color: #007fc3;
    font-size: 20px;
    font-weight: bold;
}

.exam-page .date-exam {
    font-size: 17px;
    font-weight: bold;
    color: #f5c430;
}

.exam-page .exam-h-6 {
    color: #007fc3;
    font-weight: bold;
    font-size: 15px;
}

.exam-page .sub-exam {
    font-size: 18px;
    color: #007fc3;
    font-weight: bold;
}

.exam-page .exam-main .row-end {
    align-items: flex-end;
}

.exam-page .hover-box {
    width: 100%;
    height: 0;
    background-color: #424242d9;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .4s;
    opacity: 0;
}

.exam-page .hover-box.open {
    padding: 10px 15px;
    opacity: 1;
    height: 100%;
}

.exam-page .icon-hover-list {
    justify-content: center;
    height: 100%;
    width: 100%;
    align-items: center;
}

.exam-page .icon-hover-list .box-icon-setting {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.exam-page .icon-hover-list a i {
    color: white;
    padding: 2px;
    cursor: pointer;
    transition: .4s;
}

.exam-page .icon-hover-list a i:hover {
    color: #fc3
}

.general-model.modal .modal-header .close i,
.general-model.modal .modal-header .close .ki {
    color: #ffffff;
}

.model-rating .modal-header {
    background: #f3c439;
    border-bottom: 0;
    border-radius: 23px 23px 0px 0px;
    padding: 8px 1.75rem;
}

.general-model .modal-header .next {
    position: absolute;
    left: 22px;
    top: 10px;
    color: #007FC3;
}

.title-2 {
    color: white;
    font-weight: bold;
}

.next span {
    color: white;
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.model-rating .modal-content {
    background-color: #80C5F9 !important;
}

.model-rating h3 {
    color: white;
    text-align: center;
    padding: 10px 0
}

.radio-ex {
    text-align: center;
    padding: 14px;
}

.model-rating .modal-lg {
    max-width: 500px;
}

.model-rating .modal-lg.model-la {
    max-width: 800px;
}

.model-exam-img .col-md-4 {
    padding: 20px 10px;
}

.model-rating .modal-content.bg2 {
    background-color: #fff !important;
}

.exam-page {
    padding-top: 80px;
}

.Semester-Setting-2-page .spitial-list.box-list .item-1 {
    width: 160px;
}

.Semester-Setting-2-page .spitial-list.box-list.box-item .item-2 {
    width: calc(100% - 160px);
}

.Semester-Setting-2-block .table.table-them-3 thead tr th {
    padding-top: 10px;
    padding-bottom: 10px
}

.Semester-Setting-2-block .table.table-them-3 thead tr th,
.Semester-Setting-2-block .table.table-them-3 tr td {
    text-align: center;
}

.Semester-Setting-2-block .table.table-them-3 tr td .checkbox-inline .checkbox span {
    margin-right: 0;
}

.Semester-Setting-2-block .table.table-them-3 tr .checkbox-inline.check-box-student {
    justify-content: center;
}


.them-btn-1.btn.btn-light i {
    color: #fff;
}

.semester-plan-page .form-them-4 .btn-box-1 .them-btn-1.btn.btn-light i {
    font-size: 14px;
}

.semester-plan-1-page .form-them-4 .setting-input {
    text-align: center;
}

.semester-plan-1-page .form-them-4 .setting-input a {
    display: inline-block;
    margin-right: 6px;
    transition: .4s
}

.semester-plan-1-page .form-them-4 .setting-input a:last-of-type {
    margin-right: 0px;
}

.semester-plan-1-page .form-them-4 .setting-input a i {
    color: #007fc3;
    transition: .4s
}

.semester-plan-1-page .form-them-4 .setting-input a:hover i {
    color: #fc3;
}

.teacher-evaluation-reports-page {
    padding-top: 80px;
}

.list-block-semester .block-evaluation.block-semester .box-img {
    right: -12px;
    top: -18px;
}

.list-block-semester .block-evaluation.block-semester .content-semester {
    position: relative;
    padding-bottom: 40px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .header-content {
    text-align: center;
    padding: 6px 12px;
    vertical-align: middle;
    display: block;
    background: #102A5A;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 14px;
    font-size: 16px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .num-class {
    margin-bottom: 5px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .box-icon-setting {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    right: 0;
    background: #EFF1F8;
    padding: 5px 14px;
    margin-top: 0;
}

.list-block-semester .block-evaluation.block-semester .box-icon-setting .item {
    margin-bottom: 4px;
    margin-top: 4px;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2.title-them-red {
    background: #BC2C2F;
    background-image: linear-gradient(0deg, #bc2c2f 15%, #f74f54 100%);
    border: 1px solid #bc2c2f;
}

.teacher-evaluation-reports-supervisor-1-page .form-them-4 {
    padding: 40px 30px 30px;
    margin-bottom: 36px;
}

.teacher-evaluation-reports-page .form-them-4 {
    padding: 40px 30px 30px;
    margin-bottom: 36px;
}

.teacher-evaluation-reports-principal-1-page .form-them-4 {
    padding: 40px 30px 30px;
    margin-bottom: 36px;
}

.teacher-evaluation-reports-principal-page .form-them-4 {
    padding: 40px 30px 30px;
    margin-bottom: 36px;
}

.teacher-evaluation-reports-supervisor-1-page {
    padding-top: 80px;
}

.teacher-evaluation-reports-principal-1-page {
    padding-top: 80px;
}

.teacher-evaluation-reports-principal-page {
    padding-top: 80px;
}

.total-evaluation {
    margin-bottom: 25px;
}

.total-evaluation label {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
    color: #007fc3;
}

.total-evaluation .form-control {
    border-color: #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
}


.header-exam {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-exam {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.header-exam .title-exam {
    color: #000000;
}

.header-exam .date-box .date-par {
    display: inline-block;
    margin-bottom: 0;
    color: #000000;
}

.header-exam .date-box .date-par {
    display: inline-block;
    margin-bottom: 0;
    color: #000000;
}

.header-exam .date-box .box-no-watch {
    display: inline-block;
    margin-left: 8px;
}

.header-exam .date-box .box-no-watch a {
    padding: 4px 12px;
    display: inline-block;
    color: #fff;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border-radius: 12px;
}

.header-exam .date-box .box-no-watch a i {
    color: #fff;
    font-size: 15px;
}

.ask-content {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 150px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: #fff;
    margin-bottom: 30px;
}

.ask-content .par-ask {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.question-block {
    display: flex;
    margin-bottom: 16px;
}

.question-block .num-question {
    padding: 8px 10px;
    background: #0079BC;
    color: #fff;
    font-weight: 600;
    margin-right: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    align-items: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
}

.question-block .the-question {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 9px 12px;
    width: calc(100% - 40px);
}

.question-block .the-question .par-question {
    margin-bottom: 0;
}

.block-answer-choice {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.block-answer-choice .the-answer {
    width: calc(100% - 90px);
}

.block-answer-choice .radio.radio-success {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 9px 12px;
    width: 100%;
}

.block-answer-choice .radio.radio-success span {
    margin-right: 12px;
}

.block-answer-choice .box-img {
    width: 70px;
    margin-left: 15px;
}

.block-answer-choice .box-img .img-answer {
    width: 70px;
}

.footer-exam {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-exam .exam-info {
    display: flex;
    flex-wrap: wrap;
}

.footer-exam .exam-info .form-group {
    margin-bottom: 0;
    margin-right: 10px;
}

.footer-exam .exam-info .form-group:last-of-type {
    margin-right: 0;
}

.footer-exam .exam-info .value-info {
    min-width: 40px;
    padding: 8px 12px;
    border: 1px solid #00a3fa;
    background: #fff;
    border-left: 0;
    text-align: center;
    color: #007FC3;
    font-size: 16px;
}

.exams-true-false-page .block-answer-choice .the-answer {
    width: 100%;
}

.block-answer-reorder {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 9px 12px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 20px;
}

.block-answer-reorder .par-answer-reorder {
    margin-bottom: 0;
}

.exams-reorder-text-page {
    padding-top: 180px;
}

.block-drag-complete {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.block-drag-complete .num-drag-yellow {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: 50%;
    margin-right: 8px;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #BF9825;
    background-image: linear-gradient(0deg, #bf9825 15%, #ffcc33 100%);
}

.block-drag-complete .par-drag {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 8px;
    font-size: 18px;
}


.block-drag-complete .block-answer-drag {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 9px 12px;
    margin-right: 7px;
    display: inline-block;
    min-width: 140px;
}



.text-drag-answer {
    text-align: center;
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}

.text-drag-answer .text-item {
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 8px 13px;
    margin-bottom: 6px;
    cursor: pointer;
}

.text-drag-answer .text-item:last-of-type {
    margin-right: 0px;
}

.text-drag-answer .text-item .drag-text-par {
    margin-bottom: 0;
}

.exams-multiple-choice-page .question-block {
    margin-bottom: 32px;
}


.exams-fill-blanks-text-page .question-block {
    margin-bottom: 32px;
}

.exams-text-answer-page,
.exams-reorder-images-page,
.exams-imgs-match-page,
.exams-match-text-page,
.exams-true-false-page,
.exams-multiple-choice-page,
.evaluation-Students-Portfolios-page,
.exams-fill-blanks-text-page,
.learning-resources-page,
.free-discussion-page {
    padding-top: 180px;
}

.evaluation-supervisor-page,
.semester-plan-page,
.semester-plan-1-page,
.evaluation-principal-page,
.exams-multiple-choice-edit-page,
.exams-true-false-edit-page,
.exams-text-answer-edit-page,
.exams-fill-drag-edit-page,
.exams-fill-blanks-text-edit-page,
.continue-exams-page,
.students-marks-sheet-page,
.notifications-page,
.history-questions-page,
.register-page,
.dashboard-page {
    padding-top: 80px
}



.exams-text-answer-page .form-group.answer-text .form-control {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 150px;
    resize: none;
}

.reorder-images-list {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
    text-align: center;
}

.reorder-images-list .item {
    cursor: pointer;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 14px;
}

.reorder-images-list .item:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
}

/***********rania*****************/
.supervisor-table tr th {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, #004062, #00a3fa 90%);
    color: #fff;
}

.supervisor-table tr th:first-child {
    border-radius: 10px 0 0 10px;
}

.supervisor-table tr th:last-child {
    border-radius: 0 10px 10px 0;
}

.supervisor-table tr td p {
    box-shadow: 0px 0px 4px #a9a9a9;
    border-radius: 8px;
    padding: 9px 13px;
}

.rounded-half {
    border-radius: 50px;
}

.pl-0 {
    padding-right: 0
}

.pr-0 {
    padding-left: 0
}

.evaluat-title h3 {
    box-shadow: 0px 0px 4px #a9a9a9;
    border-radius: 8px;
    padding: 9px 13px;
}

.evaluat-button .btn {
    min-width: 120px;
    margin: 7px;
}

.student-portfolios {
    background-color: #f7f6fe;
}

.table-student td {
    font-size: 12px;
    border-top: 0;
    padding: 4px 3px;
}

.table-student td a {
    box-shadow: 0px 0px 4px #a9a9a9;
    font-size: 10px;
}

.table-student td p {
    padding: 7px 3px !important;
}

.table-student th {
    padding: 0px 8px;
    font-size: 11px !important;
}

.student-profile-form .form-group {
    display: inline-flex
}

.student-profile-form .form-group i {
    color: rgba(0, 162, 250, 1)
}

/** progress  */
.circle-progress .chart {
    position: relative;
    width: 80%;
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 23px;
    color: rgba(0, 162, 250, 1);
    min-height: 120px;
    display: flex;
    align-items: center;
}

.circle-progress .chart.red {
    color: #fd380a;
}

.circle-progress .chart.orange {
    color: #ffcc33;
}

.circle-progress .chart canvas {
    width: 100%;
}

.circle-progress span {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
}


.circle-progress .show {
    list-style: none;
    padding: 0;
}

.circle-progress .show li {
    color: #999;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding-right: 11px;
    padding-left: 17px;
}

.circle-progress .show li:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
}

.circle-progress .show .done:before {
    background-color: rgba(0, 162, 250, 1)
}

.circle-progress .show .donet:before {
    background-color: #fd380a
}

.circle-progress .show .absent:before {
    background-color: #ddd
}

.circle-progress .show .present:before {
    background-color: #ffcc33
}

.circle-progress .show .late:before {
    background-color: rgba(0, 162, 250, 1)
}

.exam-match .form-span {
    background-color: rgba(0, 162, 250, 1);
    color: #fff;
    padding: 6px 17px;
    font-size: 20px;
    margin-right: 10px;
    border-radius: 5px;
}

.exam-match .form-control {
    border-color: #ccc;
}

.exam-match .btn i {
    font-size: 14px;
    color: #fff;
    padding-right: 5px;
    padding-left: 5px;
}

.exam-match .input-group-text {
    width: 100px !important;
}

.exam-match .input-group .form-control {
    border-color: rgba(0, 162, 250, 1) !important
}

.eye-btn {
    padding: 2px;
    margin-left: 5px;
}

.eye-btn i {
    font-size: 20px !important;
    vertical-align: text-bottom;
}

/**edit exams**/
.box-test-question {
    height: 100%;
    min-height: 600px;
    position: relative;
    padding: 0px 16px 60px;
}

.box-test-question .box-questions-list,
.box-test-question .box-question-edit {
    list-style: none;
    padding-left: 0;
}

.box-test-question .box-questions-list .item-question {
    text-align: center;
    margin-bottom: 10px;
    display: block;
}



.box-test-question .box-questions-list .item-question a {
    font-size: 18px;
    color: #fff;
    transition: .4s;
    background-image: url(../media/icons/63.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    background-position: center center;
    padding: 6px 12px 14px;
}

.box-test-question .box-questions-list .item-question a:hover {
    color: #ffcc33;
}

.box-test-question .box-question-edit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 10px;
}

.box-test-question .box-question-edit .item-edit-quetion {
    display: inline-block;
    margin-right: 4px;
}

.box-test-question .box-question-edit .item-edit-quetion:last-of-type {
    margin-right: 0;
}

.box-test-question .box-question-edit .item-edit-quetion a {
    padding: 4px 8px;
    justify-content: center;
    width: 40px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border-radius: 12px;
    transition: .4s;
}

.box-test-question .box-question-edit .item-edit-quetion a:hover {
    background: #ffcc33;
    background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.box-test-question .box-question-edit .item-edit-quetion a i {
    font-size: 18px;
}

.header-edit-exam .btn-box-1 {
    margin-bottom: 20px;
}

.border-side-center {
    position: relative;
}

.border-side-center::before {
    content: "";
    width: 2px;
    height: 110%;
    background: #707070;
    position: absolute;
    z-index: -1;
    top: -70px;
    left: 11px;
}

.input-them-3 .form-control,
.header-edit-exam .input-them-2 .form-control,
.box-ask-edit .input-them-2 .form-control,
.box-answer-edit-list .item-answer-edit .input-them-2 .form-control {
    border: 1px solid #d8d9dd;
    border-radius: 0;
    box-shadow: inset 0px 0px 6px #d8d9dd;
}

.input-them-3 .form-control:focus,
.header-edit-exam .input-them-2 .form-control:focus,
.box-ask-edit .input-them-2 .form-control:focus,
.box-answer-edit-list .item-answer-edit .input-them-2 .form-control:focus {
    border-color: #007fc3
}

.block-add-text .form-group.answer-text .form-control {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 150px;
    resize: none;
    border-radius: 0;
}

.block-add-text .form-group.answer-text .form-control:focus {
    border-color: #007fc3
}

.box-ask-edit {
    margin-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
}

.box-ask-edit .num-ask {
    padding: 8px 10px;
    background: #0079BC;
    color: #fff;
    font-weight: 600;
    margin-right: 7px;
    width: 44px;
    height: 44px;
    text-align: center;
    align-items: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
}

.box-ask-edit .input-them-2 {
    width: calc(100% - 110px);
}

.box-answer-edit-list .item-answer-edit .input-them-2 {
    width: calc(100% - 90px);
}

.box-ask-edit .box-img {
    width: 62px;
    margin-left: -4px;
}

.box-ask-edit .box-img img {
    height: 45px;
}

.box-answer-edit-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 30px;
}

.box-answer-edit-list .item-answer-edit {
    display: flex;
    margin-bottom: 16px;
    position: relative;
    padding-left: 36px;
    align-items: center;
}

.box-answer-edit-list .item-answer-edit .checked {
    display: none;
    position: absolute;
    left: 2px;
}

.box-answer-edit-list .item-answer-edit .box-delete {
    margin-left: 12px;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete {
    transition: .4s;
    display: inline-block;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete i {
    color: #5F818E;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete:hover i {
    color: #BC2C2F;
}

.box-answer-edit-list .item-answer-edit.correct-answer .checked {
    display: inline-block;
}

.box-answer-edit-list .item-answer-edit .radio-them-1 {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 40px;
    background: #fff;
    padding: 9px 12px;
    width: calc(100% - 60px);
}

.box-answer-edit-list .item-answer-edit .radio-them-1 span {
    margin-right: 8px;
}

.box-answer-edit-list .item-answer-edit .box-img {
    width: 60px;
    margin-left: -3px;
    display: inline-block;
    z-index: 1;
}

.btn-add-answer {
    margin-bottom: 20px;
}

.btn-add-answer .btn-add {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
    padding: 6px 8px;
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 40px;
    text-align: center;
    transition: .4s
}

.btn-add-answer .btn-add:hover {
    background: #ffcc33;
    background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.order-ask-block .form-group .input-group {
    justify-content: end;
}

.order-ask-block .form-group .input-group .input-group-prepend {
    margin-right: 8px;
    height: 40px;
}

.order-ask-block .form-group .value-info .box-num {
    min-width: 36px;
    height: 40px;
    padding: 6px 6px;
    border: 1px solid #00a3fa;
    background: #fff;
    text-align: center;
    color: #007FC3;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}

.order-ask-block .form-group .value-info .dash {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    margin-right: 6px;
    margin-left: 6px;
}

.content-edit-quetion-exam .answer-text-box .form-group.answer-text .form-control {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    min-height: 150px;
    resize: none;
    border-radius: 0;
}

.content-edit-quetion-exam .answer-text-box .form-group.answer-text .form-control:focus {
    border-color: #007fc3
}

.asks-drag-edit {
    padding-left: 0;
    list-style: none;
}

.asks-drag-edit .asks-drag-edit-block {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.asks-drag-edit .asks-drag-edit-block .input-them-3 {
    margin-bottom: 10px;
    flex: 0 0 30%;
    max-width: 30%;
}

.asks-drag-edit .box-delete {
    margin-left: 12px;
}

.asks-drag-edit .box-delete .link-delete {
    transition: .4s;
    display: inline-block;
}

.asks-drag-edit .box-delete .link-delete i {
    color: #5F818E;
}

.asks-drag-edit .box-delete .link-delete:hover i {
    color: #BC2C2F;
}

.box-ask-edit.ask-without-img .input-them-2 {
    width: calc(100% - 54px);
}

.match-text-img .match-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.match-text-img .match-block .match-half-block {
    flex: 0 0 46%;
    display: flex;
    align-items: center;
}

.match-text-img .match-block .match-half-block .input-them-3 {
    width: calc(100% - 70px);
}

.match-text-img .match-block .match-half-block .box-img {
    position: relative;
    width: 60px;
    margin-left: -3px;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.match-text-img .match-block .match-half-block .box-delete {
    margin-left: 12px;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete {
    transition: .4s;
    display: inline-block;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete i {
    color: #5F818E;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete:hover i {
    color: #BC2C2F;
}

.match-text-img .match-block .match-half-block .upload-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.history-questions-page .history-questions tr th {
    padding: 10px 12px;
}


.history-questions-page .history-questions tr th:first-child {
    border-radius: 10px 0 0 10px;
}

.history-questions-page .history-questions tr th {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, #004062, #00a3fa 90%);
    color: #fff;
}

.history-questions-page .history-questions tr th:last-child {
    border-radius: 0 10px 10px 0;
}

.history-questions-page .history-questions.table th,
.history-questions-page .history-questions.table td {
    border-top: 0;
    border-bottom: 0;
    vertical-align: middle;
}



.history-questions-page .history-questions tbody tr td p {
    padding: 8px 10px;
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    border-radius: 6px;
    background: #fff;
}

.history-questions-page .history-questions tbody tr td {
    padding-left: 0;
    padding-bottom: 0;
}

.history-questions-page .history-questions tbody tr td:last-of-type {
    padding-right: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting {
    padding: 6px 8px;
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    border-radius: 6px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting {
    display: inline-block;
    margin-right: 8px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting .check-box-student .checkbox-outline {
    margin-bottom: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting .checkbox-inline .checkbox span {
    margin-right: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a {
    display: inline-block;
    vertical-align: middle;
    transition: .4s;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a i {
    color: #007fc3;
    font-size: 22px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a:hover {
    color: #ffcc33
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting:last-of-type {
    margin-right: 0;
}

.history-questions-page .history-questions tbody tr:nth-of-type(odd) {
    background-color: #fff;
}


.history-questions-page .history-questions tbody tr:nth-of-type(even) p,
.history-questions-page .history-questions tbody tr:nth-of-type(even) .box-seting {
    background-color: #F7F6FE;
}

.add-ask-exam-modal .spitial-list.box-list .item-2 {
    border: 1px solid #007fc3;
}

.student-profile-form .form-group {
    margin-right: 12px;
    margin-bottom: 15px;
}

.student-profile-form .form-group:last-of-type {
    margin-right: 0px;
}

.student-profile-form .form-group .lable-date {
    width: 140px;
    text-align: center;
    border: 1px solid #707070;
    padding: 0.64rem 1rem;
    height: 44px;
    background: #fff;
}

.student-profile-form .form-group .date.input-them-4 .form-control {
    border-color: #707070;
    border-radius: 0;
    border-right: 0;
}

.student-profile-form .form-group .date.input-them-4 .input-group-append .input-group-text {
    background: #fff;
    border-color: #707070;
    color: #707070;
    border-radius: 0;
}

.student-profile-form .form-group .date.input-them-4 .input-group-append .input-group-text i {
    color: #007fc3;
}

.box-result-num .title-result {
    margin-bottom: 16px;
}

.box-result-num .block-result-num {
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 9px;
    background-image: linear-gradient(0deg, #bb9628 15%, #ffcc33 100%);
    font-size: 24px;
    font-weight: 800;
    box-shadow: inset -3px 6px 10px #0000002e;
    color: #fff;
}

.continue-exams-page .border-card-1 .title-block {
    top: -30px;
}

.students-marks-table .thead-blue .spicial-th {
    padding: 6px 12px;
    border-radius: 25px;
    background: #ffcc33;
    background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.students-marks-table tr th:last-child,
.students-marks-table tr td:last-child {
    border-radius: 0 12px 12px 0;
}

.students-marks-table tr th:first-child,
.students-marks-table tr td:first-child {
    border-radius: 12px 0 0 12px;
}

.table-striped.students-marks-table tbody tr:nth-of-type(odd) {
    background-color: #EEEDF5;
}

.table-striped.students-marks-table tbody tr:nth-of-type(even) {
    background-color: #F7F6FE;
}

.students-marks-table tbody .name-link {
    transition: .4s;
    color: #000000;
}

.students-marks-table tbody .name-link:hover {
    color: #007FC3;
}

.header-notification {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-notification .item .title-them-2 {
    margin-bottom: 0;
    min-width: 160px;
    text-align: center;
}

.header-notification .item .box-icon {
    width: 44px;
}

.my-notification,
.message-box {
    padding: 14px 16px;
    border: 1px solid #d8d6d6;
    background: #FAF9F8;
    margin-bottom: 20px;
}

.notification-table .box-setting a {
    z-index: 1;
    vertical-align: bottom;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.notification-table tbody tr th {
    border-top: 0;
}

.notification-table tbody tr th .student-box {
    position: relative;
    padding-left: 41px;
}

.notification-table tbody tr {
    cursor: pointer;
}

.notification-table tbody tr th .student-box .img-student {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.notification-table.table th,
.notification-table.table td {
    padding: 0.5rem;
    vertical-align: middle;
}

.notification-table.table-hover tbody tr:hover {
    color: #3F4254;
    background-color: #CBE0EB;
}

.message-box .message-block {
    border: 1px solid #D8D6D6;
    padding: 22px 14px;
    background: #fff;
}

.message-box .message-block .message-header .student-box {
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
}

.message-box .message-block .message-header .student-box .img-student {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.message-box .message-block .message-header .student-box .student-name {
    font-weight: 600;
}

.message-box .message-content {
    padding: 0 22px;
}

.message-box .footer-message {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.message-box .footer-message .box-upload-file i {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    color: #00A3FA;
    font-size: 18px;
}

.message-box .footer-message .box-upload-file p {
    display: inline-block;
}

.message-box .footer-message .box-replay {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.message-box .footer-message .box-replay .item {
    position: relative;
    display: inline-block;
    padding: 2px 12px;
    border-right: 1px solid #707070;
}

.message-box .footer-message .item a {
    color: #000000;
    transition: .4s;
}

.message-box .footer-message .item a:hover {
    color: #007FC3;
}

.message-box .footer-message .box-replay .item:last-of-type {
    border-right: 0
}

.message-box .footer-message .box-upload-file a {
    color: #000000;
    transition: .4s;
}

.message-box .footer-message .box-upload-file a:hover {
    color: #007FC3;
}

.setting-exam-box {
    padding: 12px;
    background: #fff;
    border: 1px solid #9EDCFD;
    margin-bottom: 40px;
}

.setting-exam-box .block-setting-exam {
    padding: 14px;
    background: #CFEDFD;
    margin-bottom: 12px;
}

.setting-exam-box .block-setting-exam .form-group {
    margin-bottom: 20px;
}

.setting-exam-box .block-setting-exam .title-block {
    color: #010101;
    margin-bottom: 12px;
}

.setting-exam-box .block-setting-exam .form-group .col-form-label {
    padding-bottom: 0;
}

.setting-exam-box .block-setting-exam .form-group .radio-inline .radio,
.setting-exam-box .block-setting-exam .form-group .radio-list .radio {
    color: #1A323E;
}

.setting-exam-box .block-setting-exam .form-group .radio>span {
    background-color: #fff;
}

.setting-exam-box .block-setting-exam .form-group .radio.radio-success>input:checked~span {
    background-color: #39A95E;
}

.setting-exam-box .block-setting-exam .form-group.switch-block .col-form-label {
    padding-top: 0;
}

.setting-exam-box .block-setting-exam .form-group .form-control {
    border-radius: 0;
    border-color: #50c0fc;
    height: 40px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.switch-block .switch label {
    margin: 0;
    padding: 0px 10px;
    background: #003E60;
    background-image: linear-gradient(0deg, #003e60 26%, #00a2fa 100%);
    border: 3px solid #007BC0;
    border-radius: 25px;
    text-align: center;
}

.switch-block .switch.switch-sm input:empty~span {
    margin: 2px 0 3px;
    height: 32px;
    right: 5px;
    width: 50px;
}

.switch-block .switch.switch-success:not(.switch-outline) input:checked~span:before {
    background-color: #ffffff;
}

.switch-block .switch.switch-success:not(.switch-outline) input:empty~span:before {
    background-color: #fdfdfe;
}

.switch-block .switch.switch-sm input:empty~span:before,
.switch-block .switch.switch-sm input:empty~span:after {
    width: 60px;
    border-radius: 22px;
}

.switch-block .switch.switch-success:not(.switch-outline) input:checked~span:after {
    opacity: .7;
    color: #1BC5BD;
    background-color: #FFCC33;
    box-shadow: inset 0px 0px 3px 1px #00000042;
}

.switch-block .switch.switch-sm input:checked~span:after {
    margin-left: 31px;
}

.switch-block .switch.switch-sm input:empty~span:after {
    height: 30px;
    width: 30px;
    top: 1px;
    bottom: 0px;
}

.switch.switch-success:not(.switch-outline) input:empty~span:after {
    background-color: #FFCC33;
    box-shadow: inset 0px 0px 3px 1px #00000042;
    opacity: 1;
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .form-control {
    border-right: 0
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .input-group-text {
    background-color: #fff;
    border: 1px solid #50c0fc;
    border-radius: 0;
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .input-group-text i {
    color: #007fc3;
}

.filter-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.filter-box .list-filter {
    list-style: none;
    padding-left: 0;
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
}

.filter-box .list-filter .item-filter {
    margin-right: 12px;
    display: inline-block;
}

.filter-box .list-filter .item-filter .filter {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: .4s;
}

.filter-box .list-filter .item-filter .filter .img-icon {
    margin-right: 12px;
    width: 38px;
}

.filter-box .list-filter .item-filter .filter span {
    color: #1A323E;
    display: inline-block;
    font-size: 15px;
}

.filter-box .list-filter .item-filter:hover .filter span {
    color: #007FC3;
}

.filter-box .list-filter .item-filter .dropdown .btn.btn-light {
    padding: 0;
    background: transparent;
    border: 0;
}

.filter-box .list-filter .item-filter .dropdown .img-icon {
    margin-right: 12px;
    width: 26px;
}

.filter-box .list-filter .item-filter .dropdown .btn.btn-light.dropdown-toggle:after {
    color: #1A323E;
    margin-left: 8px;
    margin-right: 0;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu {
    background: #F1F8FC;
    box-shadow: inset 0px 0px 8px #0000001c;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    justify-content: center;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item:hover,
.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #007fc3;
    color: #fff;
}

.filter-box .box-search {
    min-width: 280px;
}

.filter-box .box-search .input-group .form-control {
    background: #CBE0EB;
    border-right: 0;
    padding-right: 0;
    height: 52px;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-box .box-search .input-group .form-control:focus {
    border-color: #CBE0EB;
}

.filter-box .box-search .input-group .input-group-append .input-group-text {
    background: #CBE0EB;
    border-radius: 0;
    display: inline-block;
    padding-left: 0;
    height: 52px;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: right;
}


.filter-box .box-search .input-group .input-group-append .input-group-text .icon-search {
    width: 32px;
}

.message-box .message-content {
    min-height: 170px;
}

.send-message-popup .modal-content {
    border: 0;
    border-radius: 0;
}

.send-message-popup .modal-content .modal-body {
    padding: 0;
}


.send-message-popup .modal-content .modal-body .header-message {
    background: #007FC3;
    padding: 8px 16px;
    font-size: 20px;
    margin-bottom: 8px
}

.send-message-popup .modal-content .modal-body .header-message p {
    margin-bottom: 0;
    color: #fff;
}

.send-message-popup .modal-content .modal-body .input-message {
    padding-left: 68px;
    background: #fff;
    border: 1px solid #d8d9dd;
    height: 40px;
    background: #fff;
    position: relative;
}

.send-message-popup .modal-content .modal-body .input-message:last-of-type {
    border-top: 0;
}

.send-message-popup .modal-content .modal-body .input-message .sender {
    position: absolute;
    left: 11px;
    display: inline-block;
    direction: ltr;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}

.send-message-popup .modal-content .modal-body .input-message .form-control {
    border: 0;
    height: 36px;
    border-radius: 0;
    padding-left: 8px;
}

.send-message-popup .modal-content .modal-body .write-message .note-editor.note-frame {
    border-right: 0;
    border-left: 0;
}

.mark-account-modal .form-group .date.input-them-1 .form-control.datetimepicker-input {
    border-left: 1px solid #707070;
    border-color: #909090;
}

.mark-account-modal .form-group .date.input-them-1 .input-group-append .input-group-text {
    border-color: #909090;
}

.mark-account-modal .form-group.degree .col-form-label {
    color: #1A323E;
    font-size: 20px;
    height: 44px;
}

.mark-account-modal .form-group.degree .form-control {
    border-radius: 0;
    border-color: #909090;
    text-align: center;
    height: 44px;
}

.mark-account-modal .block-test .form-control {
    border-radius: 0;
    border-color: #909090;
    text-align: center;
    height: 40px;
    text-align: center;
}

.mark-account-modal .block-test .checkbox.checkbox-success>span {
    margin-right: 8px;
}

.mark-account-modal .block-test .title-deg {
    color: #1A323E;
    font-weight: 600;
    font-size: 20px
}

.mark-account-modal .block-test .form-group {
    margin-bottom: 20px;
}

.bg-learning-resources {
    min-height: 380px;
    position: relative;
    padding-bottom: 56px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}



.title-them-3 {
    background: #ffcc33;
    background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    right: auto;
    left: auto;
    font-weight: 400;
    top: -1px;
    color: #fff;
    padding: 6px 30px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 25px 25px;
    min-width: 180px;
}

.bg-learning-resources .title-box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.learning-resources-page .filter-box {
    margin-top: -72px;
    background: rgb(255 255 255 / 96%);
    z-index: 15;
    position: relative;
    padding: 10px 12px;
    margin-bottom: 30px;
}

.learning-resources-page .filter-box .box-search .input-group .form-control {
    border: 0;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown .img-icon {
    width: 20px;
}

.learning-resources-page .filter-box .list-filter .item-filter .filter .img-icon {
    width: 22px;
}

.learning-resources-page .filter-box .list-filter .item-filter {
    margin-right: 18px;
}

.filter-box .list-filter .item-filter:last-of-type {
    margin-right: 0;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item {
    justify-content: start;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item i {
    color: #1A323E;
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
    transition: .4s;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item:hover i {
    color: #fff;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-img .dropdown-menu .dropdown-item {
    justify-content: space-between;
}

.general-model.model-them-4 .modal-content {
    border: 1px solid #d8d9dd;
    box-shadow: inset 0px 0px 6px #d8d9dd;
    background: #F1F8FC;
    border-radius: 20px;
}

.general-model.model-them-4 .modal-content .modal-body .header-model {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.general-model.model-them-4 .modal-content .modal-body .header-model img {
    margin-right: 12px;
}

.general-model.model-them-4 .modal-content .modal-body .header-model .title-model {
    margin-bottom: 0;
    color: #010101;
    font-size: 22px;
}

.general-model.model-them-4 .modal-content .modal-body .form-control {
    border-radius: 0;
    border-color: #00A3FA;
}

.filter-sidebar .header-filter {
    display: flex;
    padding: 8px 14px;
    background: #CAE8FD;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.filter-sidebar .header-filter .title-filter {
    font-size: 16px;
    font-weight: 600;
}

.filter-sidebar .filter-sidebar-box .title-filter-side {
    background: #CFEDFD;
    display: flex;
    justify-content: space-between;
    padding: 8px 14px;
    align-items: center;
}

.filter-sidebar .filter-sidebar-box {
    background: #fff;
    border: 1px solid #9EDCFD;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .par-title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .par-title img {
    margin-right: 6px;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .box-close .btn-close {
    border: 0;
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #00A3FA;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .box-close .btn-close i {
    color: #00A3FA;
    font-size: 20px;
}

.filter-sidebar .filter-sidebar-box .filter-type-par {
    padding: 8px 14px;
}

.filter-sidebar .filter-sidebar-box .filter-type-par .par-side {
    color: #1A323E;
}

.filter-sidebar .filter-sidebar-box .block-filter-side {
    padding: 10px 14px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 64px;
    margin-bottom: 4px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .type-filter {
    color: #1A323E;
    font-size: 16px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter {
    position: absolute;
    right: 18px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter .checkbox {
    margin-bottom: 0;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter .checkbox span {
    margin-right: 0;
}






.fdropdown-them-1.dropdown .btn.btn-light {
    padding: 0;
    background: transparent;
    border: 0;
}

.dropdown-them-1.dropdown .img-icon {
    margin-right: 12px;
    width: 26px;
}

.dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
    color: #1A323E;
    margin-left: 8px;
    margin-right: 0;
}

.dropdown-them-1.dropdown .dropdown-menu {
    background: #F1F8FC;
    box-shadow: inset 0px 0px 8px #0000001c;
}

.dropdown-them-1.dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    justify-content: center;
}

.dropdown-them-1.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown-them-1.dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #007fc3;
    color: #fff;
}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item {
    justify-content: start;
}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item i {
    color: #1A323E;
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
    transition: .4s;
}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item:hover i {
    color: #fff;
}

.box-folder-setting {
    text-align: center;
    position: relative;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid #cfedfd;
    background: #fff;
}

.box-folder-setting .header-folder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.box-folder-setting .header-folder .checkbox.checkbox-success>span {
    border-radius: 50%;
}

.box-folder-setting .header-folder .checkbox.checkbox-success>input:checked~span {
    background-color: #1288c7;
}

.box-folder-setting .dropdown-box {
    /*position: absolute;
	top: 0;
	right: 2px;*/
}

.box-folder-setting .dropdown-box .btn.btn-light {
    background: transparent;
    padding: 0;
    border: 0;
}

.box-folder-setting .dropdown-box .btn.btn-light:focus,
.box-folder-setting .dropdown-box .btn.btn-light:hover {
    outline: none;
    box-shadow: none;
    border-color: transparent;
    background: transparent;
}

.box-folder-setting .dropdown-box .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.box-folder-setting .dropdown-box .btn.btn-light:focus:not(.btn-text),
.box-folder-setting .dropdown-box .btn.btn-light.focus:not(.btn-text) {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}

.box-folder-setting .dropdown-box .btn.btn-light i {
    transition: .4s;
    padding: 0;
    color: #1a323e !important;
    cursor: pointer;
}

.box-folder-setting .dropdown-box .btn.btn-light:hover i {
    color: #007fc3 !important;
}

.box-folder-setting .dropdown-box .dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
    display: none;
}

.box-folder-setting .box-img {
    margin-bottom: 14px;
}

.box-folder-setting .box-img .img-file-setting {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
}

.box-folder-setting .file-name {
    font-size: 18px;
}

.banner-free-page {
    min-height: 380px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 42px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.banner-free-page .title-box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.banner-free-page .edit-caver .link-edit-cover {
    background: #fff;
    padding: 8px 18px;
    display: inline-flex;
    border-radius: 25px;
    justify-content: space-between;
    cursor: pointer;
    min-width: 190px;
    align-items: center;
    margin-bottom: 10px;
}

.banner-free-page .edit-caver .link-edit-cover .par-edit {
    color: #1A323E;
    font-weight: 600;
}

.banner-free-page .edit-caver .link-edit-cover .icon-cover-edit {
    width: 34px;
}

.banner-free-page .block-adress {
    background: #fff;
    display: inline-block;
    position: absolute;
    bottom: -25px;
    right: 18px;
    padding: 10px 14px;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 15px;
    min-width: 150px;
    min-height: 130px;
    box-shadow: 0px 0px 15px #00000038;
}

.banner-free-page .block-adress .par-adress {
    font-size: 28px;
    font-weight: 600;
}

.banner-free-page .block-adress .span-adress {
    display: inline-block;
    font-size: 28px;
    font-weight: 600;
}

.block-title-banner {
    box-shadow: 0px 2px 10px #00000017;
    padding: 38px 26px 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.block-title-banner .title-banner {
    margin-bottom: 0;
    color: #007FC3;
    font-weight: 600;
}

.block-title-banner .icon-notification {
    width: 36px;
}

.choose-discussion-block {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 25px;
    overflow: hidden;
    padding: 24px 22px;
    margin-bottom: 30px;
}

.choose-discussion-block .box-profile {
    display: flex;
    align-items: center;
}

.choose-discussion-block .box-profile .user-profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 16px;
}

.choose-discussion-block .box-profile .par-profile {
    margin-bottom: 0;
    font-size: 20px;
    color: #1A323E;
}

.choose-discussion-block .type-discussion-block {
    list-style: none;
    padding-left: 0;
}

.choose-discussion-block .type-discussion-block .item-discussion {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 4px;
}

.choose-discussion-block .type-discussion-block .item-discussion .link-discussion {
    color: #1A323E;
    background: #CBE0EB;
    padding: 8px 22px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    min-width: 140px;
    border-radius: 24px;
}

.choose-discussion-block .type-discussion-block .item-discussion .link-discussion .icon-discus {
    height: 30px;
    margin-right: 14px;
}

.choose-discussion-block .hr-line {
    border-top: 1px solid #707070;
}

.post-discussion-block {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #0000001a;
}

.post-discussion-block .header-post-discussion {
    display: flex;
    padding: 15px 12px;
    background: #CBE0EB;
    justify-content: center;
    min-height: 52px;
    border-radius: 20px 20px 0 0;
}

.post-discussion-block .header-post-discussion .box-icon-post {
    background: #fff;
    padding: 8px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 11px #0000001f;
    margin-bottom: -50px;
}

.post-discussion-block .header-post-discussion .box-icon-post img {
    width: 45px;
}

.post-discussion-block .setting-post-discussion {
    padding: 16px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-discussion-block .setting-post-discussion .box-profile-setting {
    display: flex;
    align-items: center;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box {
    margin-right: 14px;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box .img-profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .teatcher-name {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .date {
    font-size: 14px;
}

.post-discussion-block .box-setting-edit {
    display: inline-flex;
    align-items: center;
}

.post-discussion-block .box-setting-edit .num-views {
    display: inline-block;
    margin-bottom: 0;
    color: #008CDC;
    margin-right: 10px;
}

.post-discussion-block .box-setting-edit .dropdown-box {
    display: inline-block;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown .btn.btn-light {
    padding: 0;
    background: transparent;
    border-color: transparent;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown .btn.btn-light i {
    color: #008CDC;
    font-size: 24px;
    padding: 0;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
    display: none;
}

.post-discussion-block .text-post-box {
    padding: 10px 24px;
    text-align: left;
    position: relative;
}

.post-discussion-block .text-post-box .ck.ck-toolbar {
    background: #BFE5F9
}

.post-discussion-block .text-post-box .ck-content.ck-editor__editable {
    text-align: left;
}



.btn.btn-light.them-btn-7 {
    transition: .4s;
    background: #D2C6BA;
    background-image: linear-gradient(0deg, #d2c6ba 15%, #faf9f8 100%);
    border: 0;
    color: #000;
    box-shadow: 0px 0px 5px #0000001a;
    min-width: 114px;
    border-radius: 25px;
}


.them-btn-7.btn.btn-light:hover,
.them-btn-7.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-7.btn.btn-light:not(:disabled):not(.disabled).active {
    background: #ffcc33;
    border: 0;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-7.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-7.btn.btn-light:focus:not(.btn-text),
.them-btn-7.btn.btn-light.focus:not(.btn-text) {
    background: #ffcc33;
    border: 0;
    color: #fff;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.post-discussion-block .footer-post-discussion {
    display: flex;
    margin-top: 10px;
    padding: 14px 20px;
    justify-content: space-between;
    align-items: center;
    background: #BFE5F9;
    border-radius: 0 0 20px 20px;
}

.post-discussion-block .footer-post-discussion .box-share-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share {
    display: inline-block;
    margin-right: 8px;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share .link-share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px;
    background: #fff;
    font-size: 18px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: .4s;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share .link-share i {
    color: #008CDC;
    font-size: 16px;
}

.post-discussion-block .text-post-box .ck-toolbar.ck-toolbar_grouping {
    margin-bottom: 14px;
    direction: ltr;
    text-align: left;
}

.post-content-box {
    padding: 14px 24px;
}

.box-likes-post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 12px 30px;
}

.box-likes-post .block-likes .block-likes-list {
    padding-left: 0;
}

.box-likes-post .block-likes .block-likes-list .item {
    display: inline-block;
    margin-right: 12px;
}

.box-likes-post .block-likes .block-likes-list .item .link-likes i {
    margin-right: 6px;
    vertical-align: middle;
    color: #00A3FA;
}

i.dislike {
    transform: rotateX(357deg) scale(-1);
}

.box-likes-post .box-share-list {
    list-style: none;
    padding-left: 0;
}

.box-likes-post .box-share-list .item-share {
    display: inline-block;
    margin-right: 8px;
}

.box-likes-post .box-share-list .item-share .link-share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px;
    background: #45515C;
    font-size: 18px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: .4s;
}

.box-likes-post .box-share-list .item-share .link-share i {
    color: #fff;
    font-size: 16px;
}

.block-replay-post {
    padding: 12px 20px 47px;
    position: relative;
    padding-left: 100px;
}

.block-replay-post .box-user {
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 1px;
}

.block-replay-post .box-user .img-user {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.block-replay-post .form-control {
    height: 50px;
    border-radius: 0;
    border-color: #707070;
}

.post-discussion-block.blue-discussion .header-post-discussion {
    background: #2979D7
}


.post-discussion-block.yellow-discussion .header-post-discussion {
    background: #FFCC33
}

.post-discussion-block.orang-discussion .header-post-discussion {
    background: #F55F13
}

.sortable-list {
    list-style: none;
    padding-left: 0;
}

.sortable-list .ui-state-default {
    border: 0;
    background: transparent;
}

.reorder-images-list .ui-state-default {
    border: 0;
    background: transparent;
}

.block-drag-complete .answer-input {
    margin: 0 10px;
}

.form-them-5 .border-form-them-4.border-exam .header-form-them-4 .box-title-them-2 {
    background: #f6f4fd;
}

.header-index {
    display: flex;
    direction: ltr;
    justify-content: space-between;
    margin-bottom: 8px;
}

.header-index a {
    display: inline-block
}

.header-index .img-icon {
    width: 40px;
}

.notifications-page .header-notification .item .img-noti {
    width: 40px;
}

.scadual-timetable-2 .time-table .table th {
    background: transparent;
    padding: 12px 10px 0;
}
.scadual-timetable-2 .time-table .table thead tr th:first-child .box-img {
    width: 60px;
}
.scadual-timetable-2 .time-table .table th .box-img {
    position: relative;
    padding: 6px
}

/* .scadual-timetable-2 .time-table .table th .box-img::after {
    content: "";
    position: absolute;
    background-color: #767999;
    height: 1px;
    bottom: 0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 100%
} */

.scadual-timetable-2 .time-table .table thead tr th .box-img {
    width: 170px;
}

.model-them-5.general-model .modal-content {
    border: 0;
    background: #2A80C6;
    border-radius: 15px;
}

.model-them-5.general-model .modal-content .modal-header {
    padding-top: 6px;
    padding-bottom: 0px;
    border-radius: 0 0 0 6px;
    background: #404A89;
}

.model-them-5.general-model .modal-content .link-study-division {
    display: block;
    text-align: center;
    padding: 9px 12px;
}

.model-them-5.general-model .modal-content .link-study-division .box-img {
    margin-bottom: 12px;
}

.model-them-5.general-model .modal-content .link-study-division .link-page {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 21px;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup {
    overflow: hidden;
    position: relative;
    margin-top: -21px;
    min-width: 196px;
    padding-right: 16px;
    padding-left: 16px;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup::after {
    content: "";
    position: absolute;
    left: -12px;
    width: 0;
    top: 0px;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #316ca4 transparent;
    border-width: 0 0 15px 12px;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup::before {
    content: "";
    position: absolute;
    right: -12px;
    width: 0;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 0;
    border-color: transparent transparent #316ca4 transparent;
    z-index: 11
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .title-par {
    z-index: 2;
    position: relative;
    display: block;
    text-align: center;
    color: #002B7F;
    font-weight: 600;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup {
    position: relative;
    top: 0;
    display: inline-block;
    color: #002B7F;
    box-shadow: 0px 0px 7px #0000002e;
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 0;
    background-image: none;
    padding: 6px 30px 14px;
}



.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .part-1 {
    border-radius: 0px 0px 0px 18px;
    width: 50%;
    height: 100%;
    background: #5B9BD4;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .part-2 {
    width: 50%;
    height: 100%;
    background: #6CAEDC;
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    border-radius: 0px 0px 18px 0px;
}

.news-modal.model-them-5.general-model .modal-content .modal-header {
    background-color: transparent;
}

.model-them-5.general-model .modal-content .block-news {
    border: 0;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 6%);
}

.model-them-5.general-model .modal-content .block-news .info-news {
    position: relative;
    background: #5B9BD4;
    flex: 0 0 34%;
    padding: 14px 12px;
    max-width: 34%;
    padding-right: 47px;
}

.model-them-5.general-model .modal-content .block-news .info-news .news-title {
    margin-bottom: 42px;
    color: #fff;
    font-weight: 600;
}

.model-them-5.general-model .modal-content .block-news .info-news .box-info .name-auther {
    color: #fff;
    font-weight: 600;
}

.model-them-5.general-model .modal-content .block-news .info-news .box-info .data-par {
    color: #fff;
}

.model-them-5.general-model .modal-content .block-news .info-news .img-news {
    position: absolute;
    right: -42px;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}

.model-them-5.general-model .modal-content .block-news .text-news-box {
    padding: 15px 18px;
    text-align: center;
    flex: 0 0 66%;
    max-width: 66%;
    padding-left: 40px;
}

.model-them-5.general-model .modal-content .block-news:nth-child(even) .info-news {
    background: #115F89;
}

.model-them-5.general-model.homework-modal .modal-content .modal-header {
    background: transparent;
}

.model-them-5.general-model.homework-modal .homework-block {
    overflow: unset;
    margin-top: 34px;
    border: 0;
    margin-bottom: 62px;
    box-shadow: 0px 0 8px #0303032e;
}

.model-them-5.general-model.homework-modal .homework-block:last-of-type {
    margin-bottom: 0;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header {
    position: relative;
    border-radius: 30px 30px 0 0;
    padding-top: 36px;
    background: #CBE0EB;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header .img-homework {
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    top: -48px;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header .title-homework {
    color: #141414;
    font-weight: 600;
}

.model-them-5.general-model.homework-modal .homework-block .homeworkfooter {
    background: #CBE0EB;
    border-radius: 0 0 30px 30px;
}

.model-them-5.general-model.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon i {
    color: #3F4254;
}

.login.login-3 {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 28px;
    overflow: hidden;
}

.login.login-3 .login-aside {
    box-shadow: inset -7px 0px 20px #00000026;
    background: #2A80C6;
    text-align: center;
    padding: 20px 12px;
}

.login.login-3 .login-content {
    box-shadow: inset 7px 0px 20px #00000026;
    background-color: #ffffff;
}

.login.login-3 .login-content .btn-login {
    transition: .4s;
    padding: 7px 12px;
    border-radius: 50px;
    width: 100%;
    box-shadow: 0px 0 8px #0000001f;
    margin-bottom: 32px;
}

.login.login-3 .login-content .box-chack-terms {
    margin-bottom: 20px;
}

.login.login-3 .login-content .box-chack-terms p {
    margin-bottom: 0;
}

.login.login-3 .login-content .box-chack-terms .checkbox.checkbox-success>input:checked~span {
    background-color: #007fc3;
}

.login.login-3 .login-content .box-chack-terms .site-link {
    color: #3F4254;
}

.login.login-3 .login-content .form-control {
    border: 0;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    color: #707070;
    background: transparent;
}

.login.login-3 .login-content .form-control:focus {
    border-color: #007fc3;
}

.login.login-3 .login-content .form-control::placeholder {
    color: #707070
}

.login.login-3 .login-content .bootstrap-select>.dropdown-toggle.bs-placeholder.btn,
.login.login-3 .login-content .bootstrap-select>.dropdown-toggle.btn-light {
    border: 0;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    color: #707070;
    background: transparent !important;
}

@media (min-width: 992px) {
    .continue-register-page .login.login-3 .login-content .login-form {
        width: 100%;
        max-width: 100%;
    }
}

.box-upload-img {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.box-upload-img .box-img {
    margin-bottom: 15px;
}

.box-upload-img .box-img img {
    width: 90px;
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
}

.box-upload-img .box-upload-profile {
    position: relative;
    text-align: center;
    display: inline-block;
}

.box-upload-img .box-upload-profile .img-icon {
    margin-bottom: 6px;
}

.box-upload-img .box-upload-profile .input-upload {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.box-upload-img .box-upload-profile .title-upload {
    color: #1A323E;
    font-size: 17px;
}

.login-content .login-form .input-group.date .input-group-text {
    color: #007fc3;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #707070;
}

.login-content .login-form .input-group.date .input-group-text i {
    color: #007fc3;
}

.login-content .login-form .radio.radio-success>input:checked~span {
    background-color: #2a80c6;
}

.login-content .login-form .form-group .col-form-label.title-lable {
    border-bottom: 1px solid #707070;
}

.timetable-setting-page .scadual-timetable .time-table tbody tr th,
.calender-page.note-page .scadual-timetable .time-table tbody tr th {
    vertical-align: middle;
    padding-bottom: 0;
}

.timetable-setting-page .scadual-timetable .time-table tbody tr th .box-img,
.calender-page.note-page .scadual-timetable .time-table tbody tr th .box-img {
    width: 174px;
    height: 100%;
    border-bottom: 1px solid #767999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calender-page.note-page .scadual-timetable .time-table tbody tr th .box-img {
    width: 100%;
}

.model-them-6 .modal-content {
    border: 0;
    background: #404A89;
    overflow: hidden;
    box-shadow: none;
    border-radius: 25px;
}

.model-them-6 .modal-content .modal-header {
    background: #F65656;
    padding: 10px 12px;
}

.model-them-6 .modal-content .modal-header .title-2 {
    margin-bottom: 0;
}

.model-them-6 .modal-content .par-popup {
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-bottom: 0;
}

.model-them-6 .modal-content .modal-footer {
    border: 0;
    padding: 6px 26px 18px;
    justify-content: space-evenly;
}

.setting-exam-box .block-setting-exam .spitial-list.box-list .item-1 {
    width: 64px;
    text-align: left;
    color: #000;
    padding: 4px 12px;
    border-top-left-radius: 22px;
    border-right: 0;
    background: transparent;
    background-image: none;
}

.setting-exam-box .block-setting-exam .spitial-list.box-list.box-item .item-2 {
    width: calc(100% - 66px);
    background: #ffffff;
    border: 1px solid #007fc3;
    color: #000000;
    padding: 4px 12px;
    border-bottom-right-radius: 0;
    border-left: 1px solid #007fc3;
}

.setting-exam-box .block-setting-exam .yellow-radio.checkbox.checkbox-success>input:checked~span {
    background-color: #ffcc33;
}

.setting-exam-box .block-setting-exam .yellow-radio.checkbox>span {
    border-radius: 50%;
    background-color: #fff;
}

.setting-exam-box .block-setting-exam .btn-box {
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
    margin-bottom: 10px;
}

.setting-exam-box .block-setting-exam .btn-box a.btn {
    min-width: 100px;
}

.exam-info-result {
    margin-top: 20px;
    position: relative;
}

.exam-info-result .box-title .title-exam-info {
    display: inline-block;
    padding-bottom: 18px;
    border-bottom: 2px solid #007FC3;
    margin-bottom: 26px;
}

.exam-info-result .table-student td {
    font-size: 15px;
}

.exam-info-result .table-student th {
    font-size: 15px !important;
}

.students-marks-table .thead-blue .link-popup {
    display: inline-block;
    cursor: pointer;
}

.table thead th {
    vertical-align: middle;
}

.table th,
.table td {
    vertical-align: middle;
}


.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-view {
    display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-insert .note-btn:nth-of-type(2),
.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-insert .note-btn:nth-of-type(3) {
    display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-fontname,
.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-table {
    display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-font .note-btn:nth-of-type(3) {
    display: none;
}

.model-them-3 .modal-content .block-check.add-skil {
    border: 0;
    box-shadow: none;
    align-items: center;
    margin-bottom: 0;
}

.model-them-3 .modal-content .block-check.add-skil .box-img {
    margin-bottom: 0;
}

.tabs-them-2 .nav-tabs {
    border-bottom: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item {
    border-right: 2px solid #C8CBCD;
    margin: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item:last-of-type {
    border-right: 0;
    margin-right: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link {
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    vertical-align: middle;
    transition: .4s;
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    border: 0;
    color: #fff;
    border-bottom: 0;
    border-radius: 6px;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link:hover,
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link.active {
    transition: .4s;
    background: #ffcc33;
    background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
    color: #fff;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link.active,
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .show>.nav-link {
    border-bottom: 0;
}

.dropdown-upload.spitial-list .btn.btn-light.dropdown-toggle:after {
    display: none;
}

.dropdown-upload.spitial-list .dropdown {
    position: relative;
    width: 100%;
}

.form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-2 {
    padding: 0;
}

.dropdown-upload.spitial-list .dropdown .btn.btn-light.dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
    background: #fff;
    border: 0;
    height: 30px
}

.dropdown-upload.spitial-list .img-icon-drop {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-upload.spitial-list .dropdown-menu>.dropdown-item {
    position: relative;
    cursor: pointer;
    background: #F1F3F3;
    transition: .4s;
}

.dropdown-upload.spitial-list .dropdown-menu>.dropdown-item:hover {
    background: #CBCED0;
}

.dropdown-upload.spitial-list .dropdown-menu>.dropdown-item .upload-file {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.dropdown-upload.spitial-list .dropdown-menu {
    padding: 6px;
    min-width: 230px;
}

.form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-1 {
    border-bottom-left-radius: 22px;
}

.box-add-block {
    position: relative;
    padding-right: 66px;
}

.box-add-block .box-icons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.box-add-block .box-icons a {
    display: inline-block;
    vertical-align: middle;
}

.box-add-block .input-them-1 .form-control.border-radius-0 {
    border-radius: 0
}

.Preparation-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {
    background: #f7f6fe;
}

.Preparation-page .exam-info-result {
    margin-bottom: 50px;
}

.Preparation-page .exam-info-result .box-btn {
    margin-bottom: 26px;
}

.Preparation-page .exam-info-result .supervisor-table tr th {
    background: #CFEDFD;
    background-image: none;
    color: #1A323E;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
    padding-left: 6px;
}

.Preparation-page .exam-info-result .supervisor-table tr td p {
    box-shadow: 0px 0px 4px #a9a9a9b0;
    border-radius: 8px;
    /*margin: 4px 0 !important;*/
}

.add-groupe-modal .choose-groupe {
    position: relative;
    padding-left: 8px;
}

.add-groupe-modal .choose-groupe::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    background-color: #707070
}

.add-groupe-modal .choose-groupe .boxtitle-img .title-img {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 22px;
}

.add-groupe-modal .select-them-two.form-group .input-group.select-them-1 .bootstrap-select.form-control {
    border-radius: 0 50px 50px 0;
    padding-right: 8px;
}

.add-groupe-modal .block-students-name {
    background: #fff;
    padding: 16px;
    border: 1px solid #00A3FA;
    box-shadow: inset 0px 0px 15px #0000001c;
}

.add-groupe-modal .block-students-name .block-student-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.add-groupe-modal .block-students-name .block-student-name .name-par {
    color: #151965;
    margin-bottom: 0;
}

.add-groupe-modal .block-students-name .block-student-name .checkbox.checkbox-success span {
    border: 2px solid #62b020;
    border-radius: 2px;
}

.add-groupe-modal .block-students-name .block-student-name .checkbox>span {
    background-color: #ffffff;
}

.add-groupe-modal .block-students-name .checkbox.checkbox-success>input:checked~span {
    background-color: #62b020;
}

.add-groupe-modal .block-students-name .title-student-name {
    text-align: center;
    margin-bottom: 20px;
}

.add-groupe-modal .block-students-name .title-student-name .title-group-name {
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 18px;
    box-shadow: inset 0px 0px 10px #0000001f;
    background-color: #fff;
    border: 1px solid #00A3FA;
}

.add-groupe-modal .block-students-name .footer-students-name {
    margin-top: 26px;
    padding-right: 34px;
    position: relative;
}

.add-groupe-modal .block-students-name .footer-students-name .box-img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0
}

.general-model .row.setting-header {
    position: relative;
    padding-right: 190px;
}

.general-model .setting-header .box-setting {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.general-model .setting-header .box-setting .block-setting {
    display: flex;
    align-items: center;
    margin-bottom: 1.75rem;
}

.general-model .setting-header .box-setting .block-setting .list-edit {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-right: 8px;
}

.general-model .setting-header .box-setting .block-setting .list-edit .item {
    display: inline-block;
    margin-right: 10px;
}

.general-model .setting-header .box-setting .block-setting .list-edit .item:last-of-type {
    margin-right: 0px;
}

.general-model .setting-header .box-setting .block-setting .box-choose {
    position: relative;
    padding-left: 10px;
    border-left: 1px solid #707070;
    display: flex;
    align-items: end;
}

.general-model .setting-header .box-setting .block-setting .box-choose .par-choose {
    margin-left: 6px;
    font-weight: 600;
    color: #1A323E;
}

.general-model .dropdown-folder {
    margin-bottom: 20px
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light {
    width: 100%;
    text-align: left;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 0;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {
    position: relative;
    padding-right: 36px;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu {
    min-width: 14rem;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .file-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.general-model .border-card-1 .title-block {
    background: #fbfbfb;
    top: -32px;
    left: 0;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {
    background: #F1F3F3;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item:nth-child(even) {
    background: #CBCED0;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu {
    min-width: 300px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {
    padding-right: 112px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .box-setting-exam {
    position: absolute;
    right: 2px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .box-setting-exam .item-exam {
    display: inline-block;
    margin-right: 4px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .box-title-popup {
    margin-top: -23px;
}

.model-them-5.alarm-modal.general-model .modal-content {
    background-color: #F0F0F0;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header {
    background: #F0F0F0;
    background-color: #F0F0F0;
    border: 2px solid #fff;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .close {
    z-index: 2;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .close i {
    color: #002b7f;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body {
    background-color: #F0F0F0;
    border: 2px solid #fff;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    text-align: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-arrow span {
    cursor: pointer;
    color: #6D7B82;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input input {
    border: 0;
    background-color: transparent;
    text-align: center;
    font-size: 40px;
    color: #F77E0B;
    width: 96px;
    font-weight: 600;
    display: inline-block;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input input::placeholder {
    color: #F77E0B;
    font-size: 40px;
    font-weight: 600;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer p.break-par {
    margin-bottom: 0;
    font-size: 80px;
    color: #002B7F;
    padding-right: 6px;
    padding-left: 6px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option {
    margin-top: 18px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item {
    margin-right: 14px;
    cursor: pointer;
    transition: .4s;
    text-align: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item:hover {
    transform: translateY(-6px);
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item:last-of-type {
    margin-right: 0
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option {
    display: flex;
    justify-content: center;
    align-items: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item img {
    width: 44px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item span {
    display: block;
    color: #1A323E;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .boximg-alarm {
    margin-bottom: 18px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .boximg-alarm .img-alarm {
    width: 64px;
}

.general-model .modal-content .modal-header .box-zoom {
    position: absolute;
    left: 28px;
    top: 12px;
    z-index: 3;
    cursor: pointer;
}

.general-model .modal-content .modal-header .box-zoom i {
    color: #00A1ED;
}

.general-model.zoom-model .modal-md {
    max-width: 96%;
    transition: .4s
}


.general-model.zoom-model .modal-content .modal-header .box-zoom i::before {
    content: "";
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light {
    background: rgb(0, 81, 125);
    background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
    color: #fff;
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light.dropdown-toggle:after {
    color: #ffffff;
}

.upload-dropdown .spitial-list.box-list .item-1 {
    border-bottom-left-radius: 22px;
}

.upload-dropdown .spitial-list.box-list.box-item .item-2 {
    border-radius: 0;
}

.upload-file-them-1 .spitial-list.box-list .item-1 {
    border-bottom-left-radius: 22px;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 {
    border-radius: 0;
    position: relative;
    cursor: pointer;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .img-icon-drop {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.circle-progress.chart-box {
    justify-content: center;
    display: flex;
    align-items: center;
}

.circle-progress.chart-box .chart {
    max-width: 150px;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.circle-progress.chart-box .chart:last-of-type {
    margin-right: 0px;
}

.box-progress .block-progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.box-progress .block-progress .progress-par-box .progress-par {
    font-size: 17px;
    margin-bottom: 0;
    position: relative;
    padding-left: 28px;
}

.box-progress .block-progress .progress-par-box .progress-par::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 6px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #009CF0;
}

.box-progress .block-progress .progress {
    height: 1.3rem;
    background-color: #e8e8e8;
    width: 340px;
    border-radius: 0;
}

.box-progress .block-progress .progress .progress-bar {
    background-color: #00A3FA;
}

.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
    flex-wrap: wrap !important;
}

/**********responsive-rtl***************/


@media(max-width:575px) {
    .slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
        margin-top: 0px;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
        font-size: 10px;
    }

    .message-box .footer-message .item a {
        font-size: 12px;
    }

    .input-group-prepend {
        margin-right: -1px;
        width: 90px;
        height: 38px;
    }

    .subheader.subheader-solid {
        margin-top: -7px;
    }



    #kt_subheader .box-item-header {
        margin-top: 0px;
    }

    .login-form {
        position: relative;
        right: -30% !important;
    }

    #kt_subheader .box-item-header {
        margin-top: 59px;
    }

    #SvgjsText1277 {
        margin: 100px !important
    }

    #kt_subheader ul .box-item-header {
        margin-top: 97px;
    }

    .subheader.subheader-solid {
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .subheader.one {
        margin-top: -54px;
    }

    .two .input-group-prepend {
        height: 43px;
    }

    /*
	.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 12%;
		width: 408px;
	}*/

    .add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2,
    .add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1 {
        min-width: 130px;
    }

    .filter-box .box-search {
        min-width: 178px;
        position: relative;
        right: -23%;
    }

    .spitial-list.box-list .item-2,
    .division-page .box-list .item-2 {
        width: 96px;
    }



    .add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-3.bg-text-1.col-form-label {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 50px 50px 0 0px;
    }

    .add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-9.col-form-label {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }

    .add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-9.col-form-label .radio-inline {
        justify-content: center;
    }

    .them-btn-1.link-login {
        min-width: 166px;
        font-size: 16px;
        padding: 6px 12px;
    }

    .scadual-timetable {
        padding: 58px 18px 42px 18px;
    }

    .teacher-evaluation-reports-supervisor-1-page .card.card-custom>.card-body,
    .teacher-evaluation-reports-page .card.card-custom>.card-body,
    .teacher-evaluation-reports-principal-1-page .card.card-custom>.card-body,
    .teacher-evaluation-reports-principal-page .card.card-custom>.card-body {
        padding: 1rem 12px;
    }

    /*******reham********/
    #mark-account-popup.col-4 {
        -webkit-box-flex: 0;
        /* -ms-flex: 0 0 33.3333333333%; */
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #mark-account-popup .col-lg-3,
    .students-marks-sheet-page .col-2 {
        -webkit-box-flex: 0;
        /* -ms-flex: 0 0 33.3333333333%; */
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #mark-account-popup .form-control {
        border-radius: 0;
        border-color: #909090;
        text-align: center;
        height: 27px;
        text-align: center;
    }

    #mark-account-popup .col-form-label {
        color: #1A323E;
        font-size: 20px;
        height: 44px;
        text-align: center;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #mark-account-popup .block-test .col-3.col-form-label {
        display: none;
    }

    #mark-account-popup.checkbox {
        display: contents;
        font-size: 10px !important;
        display: inline-block;
    }

    #mark-account-popup .checkbox-inline {
        display: flex;
        /* -ms-flex-wrap: wrap; */
        flex-wrap: wrap;
        justify-content: right;
    }

    #mark-account-popup.col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #mark-account-popup .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #mark-account-popup .checkbox.checkbox-success>span {
        margin-right: 8px;
    }

    .students-marks-sheet-page .form-them-4 {
        padding: 46px 20px 30px;
    }

    .students-marks-sheet-page .border-form-them-4 {
        padding: 42px 16px;
        margin-bottom: 8px;
    }

    #mark-account-popup .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #mark-account-popup .col-2 {
        -webkit-box-flex: 0;
        /* -ms-flex: 0 0 16.6666666667%; */
        flex: 0 0 100%;
        max-width: 100%;
    }

    .daily-class-timing-page .spitial-list.box-list .box-item,
    .division-page .box-list .box-item {
        width: 100%;
    }

    .daily-class-timing-page .footer-form-them-4 .btn.btn-light {
        display: inline-flex;
        padding: 4px 9px 9px;
        align-items: center;
        font-size: 15px;
        margin-right: 12px;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {
        position: relative;
        margin-bottom: 0;
        padding: 6px 4px;
        background: #fff;
    }

    .daily-class-timing-page .spitial-list.box-list .box-item,
    .division-page .box-list .box-item {
        display: block;
    }

    .daily-class-timing-page .spitial-list.box-list .item-1 {
        border-top-right-radius: 22px;
        display: block;
        width: 100%;
    }

    .daily-class-timing-page .spitial-list.box-list .item-2 {
        display: flex;
        /* border-top-left-radius: 22px; */
        width: 100%;
        border-radius: 0;
        width: 100%;
        border-left: 1px solid #fc3;
        border-top: 0;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {
        position: relative;
        margin-bottom: 0;
        padding: 6px 23px;
        background: #fff;
    }

    .daily-class-timing-page .them-block-time-1 {
        position: relative;
        display: block;
        justify-content: space-between;
        align-items: right;
        margin-bottom: 16px;
    }

    .daily-class-timing-page .them-block-time-1 .label-time {
        width: 100% !important;
        display: block !important;
        margin-bottom: 0;
    }

    .daily-class-timing-page .daily-class-timing .spitial-list.box-list .item-1 {
        width: 100% !important;
    }

    .daily-class-timing-page .box-list {
        width: 100%;
    }

    .daily-class-timing-page .form-them-4 {
        padding: 40px 22px 60px;
        background: #fff;
        border-radius: 12px;
        position: relative;
        box-shadow: 0px 3px 8px #00000026;
    }

    .daily-class-timing-page .them-block-time-1 .form-group {
        width: 100% !important;
        display: block !important;
        margin-bottom: 0;
        margin: 10px 0 20px 0 !important;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 {
        position: absolute;
        top: -27px;
        left: 14px;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2::after {
        content: "";
        position: absolute;
        right: -3px;
        bottom: 19px;
        width: 12px;
        height: 12px;
        background: #C8CBCD;
        border-radius: 50%;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2::before {
        content: "";
        position: absolute;
        left: -6px;
        bottom: 19px;
        width: 12px;
        height: 12px;
        background: #C8CBCD;
        border-radius: 50%;
    }

    .daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
        font-size: 15px !important;
        padding: 8px 16px 11px !important;
        background: #003e60;
        background-image: linear-gradient(0deg, #003e60 15%, #00a2fa 100%);
        color: #fff;
        border-radius: 34px;
        margin-bottom: 0;
        border: 1px solid #007BC0;
    }

    .class-room-page .classroom-popup .item {
        margin-right: 20px;
        margin-bottom: 12px;
    }

    .btn-border-left-box .btn-blue,
    .btn-border-right-box .btn-yellow {
        width: 140px;
    }

    .class-room-page .box-links-class .item .link-class {
        padding: 10px 4px;
        font-size: 10px;
    }

    .pdf-modal.general-model .setting-header .box-setting {
        margin: 12px 0 0;
        position: relative;
        right: 0;
        top: 0;
        transform: unset;
    }

    .general-model .row.setting-header {
        position: relative;
        padding-right: 0;
    }

    .block-drag-complete {
        flex-wrap: wrap;
    }

    block-drag-complete .par-drag {
        font-size: 14px;
    }

    .block-drag-complete .answer-input {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .footer-exam {
        flex-wrap: wrap;
    }

    .footer-exam .exam-info .value-info {
        min-height: 35px;
        padding: 4px 8px;
    }

    .footer-exam .exam-info .form-group {
        display: block;
        margin-bottom: 12px;
        margin-right: 0;
    }

    .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
        font-size: 14px;
        padding: 10px 12px;
    }

    .border-form-them-4 .header-form-them-4 .box-title-them-2::after {
        right: -1px;
        bottom: 17px;
    }

    .border-form-them-4 .header-form-them-4 .box-title-them-2::before {
        left: -1px;
        bottom: 17px;
    }

    .Semester-Setting-2-page .spitial-list.box-list .item-1,
    .Semester-Setting-1-page .spitial-list.box-list .item-1 {
        width: 100%;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 0;
    }

    .Semester-Setting-2-page .spitial-list.box-list .box-item,
    .spitial-list.box-list .box-item {
        display: block;
    }

    .Semester-Setting-2-page .spitial-list.box-list.box-item .item-2,
    .Semester-Setting-1-page .spitial-list.box-list.box-item .item-2 {
        width: 100%;
        border-left: 1px solid #fc3;
        border-radius: 0;
        border-top: 0;
    }

    .form-them-4 {
        padding: 40px 16px 60px;
    }

    .Semester-Setting-1-page .table-responsive .table {
        min-width: 450px;
    }

    .wrapper.by-sidebar #kt_subheader .box-item-header .item {
        margin-bottom: 0;
    }

    .wrapper.by-sidebar .box-item-header .item .form-group.one-item .col-form-label {
        padding-top: 0;
    }

    #kt_login_singin_form {
        right: 0 !important;
    }

    .login.login-3 .login-content .login-form {
        right: 0 !important;
    }

    .table-responsive .exam-info-table.supervisor-table.table-student {
        width: 500px;
    }

    .form-them-2 .spitial-list.box-list.box-item .item-1,
    .form-them-2 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        display: block;
        width: 100%;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 0;
    }

    .form-them-2 .spitial-list.box-list.box-item .item-2,
    .spitial-list.box-list.box-item .item-2 {
        width: 100%;
        border-left: 1px solid #fc3;
        border-top: 0;
    }

    .box-add-block {
        position: relative;
        padding-right: 0;
    }

    .form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-1 {
        border-bottom-left-radius: 0;
    }

    .form-them-3 .spitial-list.box-list.box-item .item-1,
    .form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        width: 100%;
    }

    .spitial-list.box-list .item-1,
    .division-page .box-list .item-1 {
        border-top-right-radius: 22px;
    }


    .form-them-3 .spitial-list.box-list.box-item .item-2 {
        width: 100%;
    }

    .box-add-block .box-icons {
        text-align: end;
        position: relative;
        right: 0;
        top: 0;
        transform: unset;
        margin-bottom: 18px;
    }

    .icon-input.input-them-1 .icon-box {
        width: 28px;
        top: 4px;
        height: 28px;
    }

    .icon-input.input-them-1 .icon-box .icon-img {
        width: 12px;
    }

    .input-them-1 .input-group-prepend,
    .input-them-1.input-group-prepend .input-group-prepend {
        display: block;
        width: 100%;
    }

    .form-them-3 .spitial-list.box-list.box-item .item-1,
    .form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        width: 100%;
        height: 36px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 100px;
        border-top-left-radius: 100px;
    }

    .Preparation-page .tabs-them-2 .nav-tabs {
        justify-content: center;
    }

    .form-them-3 .add-input {
        text-align: end;
        margin-top: 6px;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control,
    .form-group .input-group.input-them-1 .form-control,
    .form-group .input-group.textarea-them-1 .form-control {
        display: block;
        border-left: 1px solid #fc3;
        border-top: 0;
        width: 100%;
    }

    .tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item {
        margin-bottom: 10px;
    }

    .form-them-2 .col-md-12:last-of-type .spitial-list.box-list.box-item .item-1,
    .form-them-2 .col-md-12:last-of-type .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        border-bottom-left-radius: 0;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .input-group-prepend .input-group-text,
    .form-group .input-group.textarea-groupe.textarea-them-1 .input-group-prepend .input-group-text {
        width: 100%;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text,
    .form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
    .form-group .input-group.textarea-them-1 .input-group-prepend .input-group-text {
        border-radius: 100px 100px 0 0px;
    }

    .textarea-them-1 .input-group-prepend {
        width: 100%;
    }

    .filter-box .list-filter {
        flex-wrap: wrap;
    }

    .filter-box .list-filter .item-filter {
        margin-bottom: 8px;
    }


    .note-page .spitial-list.box-list .item-1 {
        width: 100%;
    }

    .note-page .spitial-list.box-list .item-2 {
        width: 100% !important;
        border-radius: 0;
        border-top: 0;
        border-left: 1px solid #fc3;
    }

    .login-page .form-group .col-form-label.col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .login-page .form-group .col-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .add-mession-modal .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        width: 100%;
        height: 100%;
    }

    .add-mession-modal .spitial-list.box-list .item-1 {
        width: 100%;
    }

    .add-mession-modal .select-them-1.spitial-list.box-list .item-1 {
        border-bottom-left-radius: 0;
    }

    .spitial-list.box-list .item-1 {
        width: 100%;
    }

    .history-questions-page .table-responsive .table {
        min-width: 500px
    }

    .banner-free-page {
        min-height: 310px;
        padding-top: 60px;
        text-align: center;
    }

    .upload-file-them-1 .spitial-list.box-list .item-1 {
        border-bottom-left-radius: 0;
    }

    .upload-file-them-1 .spitial-list.box-list.box-item .item-2 {
        height: 36px;
    }

    .order-ask-block .form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
    .answer-edit-footer .form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
    .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
        width: 100%;
        height: 100%
    }

    .order-ask-block .value-info {
        margin-top: 12px;
    }

    .box-ask-edit .box-img img,
    .box-ask-edit .num-ask {
        height: 36px !important;
    }

    .footer-exam {
        margin-top: 24px;
    }

    .footer-exam .exam-info {
        width: 100%;
    }

    .footer-exam .exam-info .form-group {
        width: 100%;
    }

    .footer-exam .exam-info .value-info {
        width: 100%;
        border-top: 0;
        border-left: 1px solid #00a3fa;
    }

    .setting-exam-box .block-setting-exam .btn-box a.btn {
        min-width: 74px;
    }

    .setting-exam-box .block-setting-exam .spitial-list.box-list.box-item .item-2 {
        width: 100%;
    }

    .radio-inline .radio {
        margin-bottom: 12px;
    }

    .reorder-images-list .item {
        display: block;
        margin-right: 0;
    }

    .match-text-img .match-block {
        flex-wrap: wrap;
    }

    .exam-match .input-group-text {
        width: 100% !important;
    }

    .match-text-img .match-block .match-half-block {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .asks-drag-edit .asks-drag-edit-block {
        flex-wrap: wrap;
    }

    .asks-drag-edit .asks-drag-edit-block .input-them-3 {
        margin-bottom: 10px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .asks-drag-edit .box-delete {
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: end;
    }

    .form-group .input-group.input-them-1.date .form-control {
        border-right: 1px solid #fc3
    }

    .input-them-1.date .input-group-append {
        border: 0;
        position: absolute;
        right: 6px;
        z-index: 2;
        top: 44px;
    }

    .input-them-1.date .input-group-append .input-group-text {
        border: 0;
    }

    .model-them-5.general-model.news-modal .modal-content .block-news {
        flex-wrap: wrap;
    }

    .news-modal.model-them-5.general-model .modal-content .block-news .text-news-box,
    .news-modal.model-them-5.general-model .modal-content .block-news .info-news {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .news-modal.model-them-5.general-model .modal-content .block-news .info-news .news-title {
        margin-bottom: 6px;
    }

    .news-modal.model-them-5.general-model .modal-content .block-news .info-news {
        padding-right: 10px;
        padding-bottom: 38px
    }

    .news-modal.model-them-5.general-model .modal-content .block-news .text-news-box {
        padding-top: 48px;
        padding-left: 15px;
    }

    .news-modal.model-them-5.general-model .modal-content .block-news .info-news .img-news {
        right: -50%;
        left: -50%;
        margin: 0 auto;
        display: block;
        top: unset;
        bottom: 0;
        transform: translateY(50%);
    }

    .add-groupe-modal .choose-groupe::before {
        display: none;
    }

    .table-site-page .student-portfolios .table-responsive .table-them-1 {
        min-width: 250px;
    }

    .dashboard-page .form-them-4 .border-form-them-4 .card.card-custom {
        overflow-y: hidden;
    }

    .dashboard-page .form-them-4 .border-form-them-4 .card.card-custom>.card-body {
        padding: 0;
    }

    .dashboard-page .form-them-4 .border-form-them-4 .card.card-custom>.card-body #chart_3,
    .dashboard-page .form-them-4 .border-form-them-4 .card.card-custom>.card-body #chart_1,
    .dashboard-page .form-them-4 .border-form-them-4 .card.card-custom>.card-body #chart_5 {
        min-width: 450px;
    }

    .test-numb-card .card-body .test-list-num {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dashboard-page .card.card-custom>.card-header .card-title,
    .dashboard-page .card.card-custom>.card-header .card-title .card-label {
        margin-right: 0;
    }

    .dashboard-page .card.card-custom>.card-header {
        justify-content: center;
    }

    .post-discussion-block .setting-post-discussion {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 44px 12px 22px;
    }

    .post-discussion-block .setting-post-discussion .box-profile-setting {
        margin-right: auto;
        flex-wrap: wrap;
    }

    .post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box {
        margin-right: 8px;
    }

    .post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box .img-profile {
        width: 42px;
        height: 42px;
    }

    .post-discussion-block .setting-post-discussion .box-profile-setting .box-info .teatcher-name {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .post-discussion-block .setting-post-discussion .box-profile-setting .box-info .date {
        font-size: 11px;
    }

    .post-discussion-block .box-setting-edit {
        margin-left: auto;
    }

    .free-discussion-page .box-likes-post {
        padding: 10px 16px;
        display: block;
    }

    .free-discussion-page .block-likes {
        display: block;
        margin-right: auto;
    }

    .free-discussion-page .box-likes-post .box-share-list {
        display: block;
        margin-left: auto;
        margin-top: 14px;
    }

    .block-replay-post .box-user .img-user {
        width: 44px;
        height: 44px;
    }

    .free-discussion-page .block-replay-post {
        padding: 12px 16px 34px;
        padding-left: 74px;
    }

    .free-discussion-page .post-content-box {
        padding: 14px 15px;
    }

    .free-discussion-page .post-content-box .box-progress .block-progress {
        flex-wrap: wrap;
    }

    .free-discussion-page .post-content-box .box-progress .block-progress .progress-par-box {
        display: block;
        margin-bottom: 15px;
    }

    .free-discussion-page .post-content-box .box-progress .block-progress .progress-par-box {}
}

.block-answer-drag p {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .header-menu-wrapper {
        background: #007fc3;
    }
}

@media(max-width:767px) {
    .class-room-page .box-students {
        margin-right: 6px;
        margin-left: 6px;
        border: 1px solid #007fc3;
        padding: 20px 15px;
    }

    .exam-view-popup .footer-exam .exam-info .value-info {
        padding: 4px 12px;
    }

    .exam-view-popup .footer-exam {
        flex-wrap: wrap;
    }

    .class-room-page .box-students::after {
        display: none;
    }

    .block-semester .content-semester .date-block {
        font-size: 18px;
    }

    .block-drag-complete {
        flex-wrap: wrap;
    }

    .block-drag-complete .answer-input {
        margin-bottom: 10px;
        width: 100%;
        display: block;
    }

    .block-drag-complete .block-answer-drag {
        margin-bottom: 10px;
        min-width: 100%;
    }

    .block-drag-complete .num-drag-yellow {
        margin-bottom: 10px;
    }

    .block-drag-complete .par-drag {
        margin-bottom: 10px;
    }

    .block-title-banner .title-banner {
        font-size: 18px;
    }

    .choose-discussion-block .type-discussion-block .item-discussion .link-discussion .icon-discus {
        height: 24px;
        margin-right: 8px;
    }

    .choose-discussion-block .type-discussion-block .item-discussion .link-discussion {
        padding: 6px 12px;
        font-size: 14px;
        min-width: 127px;
        margin-bottom: 10px;
    }

    .block-title-banner .icon-notification {
        width: 28px;
    }

    .block-semester .content-semester .num-class {
        font-size: 18px;
    }

    .form-them-4 {
        margin-bottom: 40px;
    }

    .block-semester .content-semester .subject-name {
        font-size: 18px;
    }

    .block-semester .content-semester .title-block {
        font-size: 18px;
    }

    .block-semester .content-semester .box-list-num {
        justify-content: center;
    }

    .box-item-header {
        flex-wrap: wrap;
        margin: auto;
        list-style: none;
        margin-bottom: 0;
        margin-top: 56px;
        justify-content: center;
        width: 75% !important;
    }

    .table-responsive .table-them-1 {
        min-width: 500px;
    }

    .login.login-3 .login-content .login-form {
        width: 100%;
        max-width: 100%;
    }

    .class-room-page .box-students .box-img-student .red-note {}

    .class-room-page .box-students .box-img-student .green-note {}

    .input-group-prepend {
        height: 38px;
    }

    #kt_subheader ul .box-item-header {
        margin-top: 97px;
    }

    .subheader.subheader-solid {
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .subheader.one {
        margin-top: -54px;
    }

    .two.input-group-prepend {
        height: 43px;
    }

    /*.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 27%;
		width: 437px;
	}*/


    .class-room-page .box-list .item-1 {
        min-width: 120px;
    }

    .class-room-page .box-list .item-2 {
        width: calc(100% - 122px);
    }

    .slider-info-box {
        padding-right: 0;
        padding-top: 50px;
    }

    .slider-info-box {
        padding-right: 0;
        padding-top: 70px;
    }

    .slider-info-box .link-slider {
        position: absolute;
        right: 50%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        top: 10px;
        cursor: pointer;
        transform: translateX(50%);
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
        width: 100%;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .form-control {
        border-top: 0;
    }

    .class-room-page.add-group-page .box-students.group-block .col-md-4 {
        width: 50%;
    }

    .class-room-page .classroom-popup {
        flex-wrap: wrap;
    }

    .header-mobile-fixed .wrapper.by-sidebar {
        padding-top: 60px;
    }

    [dir='ltr'] .login-page .slick-next {
        right: 4px;
    }

    [dir='ltr'] .login-page .slick-prev {
        left: 4px;
    }

    .filter-sidebar .filter-sidebar-box {
        margin-bottom: 20px;
    }

    .box-test-question {
        height: auto;
        min-height: 600px;
        padding: 10px 20px 60px;
        width: 240px;
        margin-top: 20px;
        margin-bottom: 18px;
        margin-right: auto;
        margin-left: auto;
    }

    .border-side-center {
        margin-top: 15px
    }

    .border-side-center::before {
        width: 100%;
        height: 2px;
        top: 0;
        left: 0;
    }

    .exams-fill-blanks-text-edit-page .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }



    .exam-page .exam-main .card-xl-stretch {
        margin-bottom: 28px;
    }

    .evaluation-supervisor-page .table-responsive .table,
    .evaluation-principal-page .table-responsive .table {
        min-width: 500px;
    }

    .continue-exams-page .border-after::after {
        display: none;
    }
}

@media(max-width:991px) {
    .continue-homework-page .first-block {
        margin-bottom: 35px;
    }

    .continue-homework-page .first-block .table-vertical-center {
        min-width: 700px
    }

    .students-marks-sheet-page .table-responsive .table {
        min-width: 780px;
        width: auto;
    }

    .box-answer-edit-list .item-answer-edit .box-img {
        width: 50px;
    }

    .modal-dialog {
        max-width: 98%;
    }

    .aside-enabled.subheader-fixed .by-sidebar .subheader {
        width: 98% !important;
    }

    .by-sidebar #kt_subheader .box-item-header {
        margin-top: 0;
    }


    .box-item-header {
        flex-wrap: wrap;
        margin: auto;
        list-style: none;
        margin-bottom: 0;
        margin-top: 43px;
        justify-content: center;
        width: 75% !important;
    }

    .subheader.subheader-solid {
        padding-top: 20px !important;
        border-bottom-left-radius: 28px;
        border-bottom-right-radius: 28px;
        border-top: 0;
        -webkit-box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
        box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
        background-color: #F7F6FE;
    }

    .subheader.subheader-solid .box-item-header {
        width: 100% !important;
    }

    .box-item-header .item {
        margin-right: 14px;
    }

    .box-item-header .item:last-of-type {
        margin-right: 0px;
    }

    .header-mobile-fixed .header-mobile {
        box-shadow: -1px 2px 8px #42424252 !important;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .login-form {
        position: relative;
        right: -30% !important;
    }

    .box-lang {
        margin-top: 66px !important;
    }

    .input-them-1 .input-group-prepend {
        height: 35px;
    }

    .box-item-header {
        flex-wrap: wrap;
        margin: auto;
        list-style: none;
        margin-bottom: 0;
        margin-top: 101px;
    }


    .slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
        font-size: 13px;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
        font-size: 14px;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
        margin-top: 44px;
    }

    .input-group-prepend {
        margin-right: 0;
        width: 90px;
        height: 36px;
        text-align: center;
        justify-content: center;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
        margin-top: 0px;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
        font-size: 10px;
    }


    /* .subheader .box-item-header {
	margin-top:40px
} */
    /*.subheader.subheader-solid {
		margin-bottom: 15px;
		margin-top: -48px;
	}*/

    #kt_subheader .box-item-header {
        margin-top: 46px;
    }



    .form-group .input-group.select-them-1 .input-group-prepend .input-group-text {
        padding: 0px 6px;
    }

    /* .subheader.subheader-solid {
    margin-bottom: 15px;
    margin-top: 7px;
} */
    #kt_subheader ul .box-item-header {
        margin-top: 97px;
    }

    .subheader.subheader-solid {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .subheader.one {
        margin-top: -54px;
    }

    .two.input-group-prepend {
        height: 43px;
    }

    /*.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 42%;
		width: 600px;
	}*/



    .add-homework-page .first-block {
        margin-bottom: 20px;
    }

    .filter-box {
        flex-wrap: wrap;
    }

    .filter-box .list-filter {
        margin-bottom: 16px;
    }

    .filter-box .box-search {
        min-width: 100% !important;
    }

    .without-sidebar .calender-page {
        padding-top: 0;
    }

    .note-page .spitial-list.box-list .item-2 {
        width: calc(100% - 158px);
    }

    .note-page .spitial-list.box-list {
        flex-wrap: wrap;
    }

    .note-page .spitial-list.box-list .box-item {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .note-page .scadual-timetable .table-responsive.time-table .table {
        min-width: 700px;
    }

    .continue-homework-page .border-after::after {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .class-room-page .box-students .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .class-room-page .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }



    .add-groupe-modal .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Preparation-page .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .class-room-page .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
        width: 100%;
    }

    .learning-resources-page .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .learning-resources-page .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .learning-resources-page .col-md-9 .row .col-md-12 .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.33333%;
        max-width: 33.3333333%;
    }

    .filter-sidebar .filter-sidebar-box {
        margin-bottom: 20px;
    }

    .continue-homework-page .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1156px) {
    .add-homework-page .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .exam-page .col-md-9,
    .exam-page .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .exam-page .exam-main {
        margin-bottom: 30px
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .Semester-Setting-1-page .form-them-4 .border-form-them-4 .daily-class-timing .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .history-questions-page .col-md-9 {
        margin-bottom: 40px;
    }

    .history-questions-page .col-md-9,
    .history-questions-page .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .evaluation-Students-Portfolios-page .col-lg-10 .col-lg-6 .col-md-9,
    .evaluation-Students-Portfolios-page .col-lg-10 .col-lg-6 .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width:1199px) {
    .box-ask-edit .box-img img {
        height: 38px;
    }

    .evaluation-Students-Portfolios-page .supervisor-table.table-student {
        min-width: 500px;
    }

    .box-test-question .box-question-edit .item-edit-quetion a i {
        font-size: 14px;
    }

    .box-test-question .box-question-edit .item-edit-quetion a {
        padding: 4px 6px;
        justify-content: center;
        width: 34px;
        font-size: 14px;
        height: 34px;
    }

    .box-ask-edit .num-ask {
        height: 38px;
    }

    .Semester-Setting-2-page .table-responsive .table {
        min-width: 800px;
    }

    .Preparation-page .nav.nav-tabs.nav-tabs-line .nav-link {
        margin: 0 3px;
    }

    .tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link {
        padding: 7px 10px;
    }

    [dir='ltr'] .slick-next:before {
        right: 0
    }

    [dir='ltr'] .slick-prev:before {
        left: 0;
    }

    [dir='ltr'] .slider-info-box .slick-next:before,
    [dir='ltr'] .slider-info-box .slick-prev:before {
        width: 15px;
        height: 30px;
    }

    .form-group .input-group-text {
        font-size: 11px !important;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group {
        display: block;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
        margin-right: 0;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend .input-group-text {
        width: 100%;
        border-radius: 100px 100px 0 0px;
        padding: 6px 8px;
    }

    .slider-info-box .slider-info .info-block-slider .form-group .input-group .form-control {
        width: 100%;
        border-left: 1px solid #FFCC33;
        text-align: center;
    }

    .slider-info .info-block-slider .half-block-slider .form-group .form-control {
        text-align: center;
    }

    .slider-info .info-block-slider .half-block-slider:first-child {
        margin-left: 4px;
    }

    .semester-plan-page .form-them-4,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4,
    .teacher-evaluation-reports-page .form-them-4,
    .teacher-evaluation-reports-principal-1-page .form-them-4,
    .teacher-evaluation-reports-principal-page .form-them-4 {
        padding: 40px 20px 20px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 {
        padding: 44px 14px 26px;
        margin-bottom: 22px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4,
    .teacher-evaluation-reports-page .form-them-4 .form-them-4 .border-form-them-4 .header-form-them-4,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 {
        top: -25px;
        left: 16px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 {
        padding: 4px 18px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
    .semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after {
        bottom: 13px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
        font-size: 15px;
        padding: 8px 20px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester {
        margin-bottom: 30px;
        padding: 12px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester {
        padding: 35px 14px 20px;
        padding-bottom: 40px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block {
        font-size: 18px;
    }

    .semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
    .teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
    .teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
    .teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
    .teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img {
        width: 50px;
    }

    /******reham******/
    .daily-class-timing-page .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .daily-class-timing-page .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width:1280px) {
    .aside-enabled.subheader-fixed .by-sidebar .subheader {
        width: 70%;
    }
}

@media(max-width:1239px) {

    .filter-box .list-filter .item-filter .dropdown .img-icon,
    .filter-box .list-filter .item-filter .filter .img-icon {
        margin-right: 5px;
        width: 20px;
    }

    .filter-box .list-filter .item-filter .filter span {
        font-size: 12px;
    }

    .filter-box .list-filter .item-filter {
        margin-right: 6px;
    }

    .filter-box .box-search {
        min-width: 220px;
    }

    .my-notification .table-responsive .notification-table.table {
        min-width: 350px;
    }
}

@media (min-width: 0px) and (max-width: 599px) {
    .filter-box .box-search {
        min-width: 220px !important;
    }
}

@media (max-width: 991.98px) {
    .login.login-3 .login-content .login-form {
        width: 100%;
        max-width: 100%;
        right: 0 !important;
    }
}

.slick-slider {
    direction: ltr;
}

.flaticon2-right-arrow:before {
    transform: rotate(180deg);
}

.flaticon2-left-arrow:before {
    transform: rotate(180deg);
}

/*.dropdown-menu {
    left: auto !important;
    right: 0 !important;
}*/
.free-discussion-page .dropdown-them-1.dropdown .dropdown-menu {
    right: 0px !important;
    left: unset !important;
}



/*******notifications**********/

.notifications {
    position: relative;
    direction: ltr;
    text-align: left;
}

.notifications .msg {
    box-shadow: 0px 0px 24px rgb(29 29 29 / 4%);
    position: relative;
    border: 0;
    background-color: white;
    padding: 22px 15px;
    margin-bottom: 20px;
    padding-right: 39px;
    border: 0;
    overflow: hidden;
    padding-left: 62px;
    border-radius: 12px;
    transition: 0.5s ease;
}



.notifications .msg.active,
.notifications .msg:hover {
    background-color: #007FC3;
    border: 0;
    box-shadow: none;
}

.notifications .box--delete {
    position: absolute;
    right: -1px;
    color: #ffffff;
    bottom: 0;
    padding: 4px 6px;
    background: #dcdce5;
    border-radius: 18px 0 0 0;
    font-size: 16px;
    text-align: center;
    width: 38px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.notifications .msg.active .box--delete,
.notifications .msg:hover .box--delete {
    background: #ffcc33;
}

.notifications .msg .msg-text span.date-span {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    right: 14px;
    top: 8px;
    line-height: 16px;
}

.notifications .msg img {
    width: 70px;
    margin-right: 10px;
    border-radius: 10px;
}

.notifications .msg .msg-text {
    margin: 0 auto;
    width: 100%;
}

.notifications .msg .msg-text h5 {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 18px;
}

.notifications .msg .msg-text p {
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.notifications .msg .msg-text p:last-of-type {
    margin-bottom: 0;
}

.notifications .msg .box-icon {
    left: 15px;
    font-size: 18px;
    top: 20px;
    background: #e0e0e0;
    width: 32px;
    line-height: 18px;
    text-align: center;
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    color: #fff;
}

.notifications .msg .msg-text .box--delete {
    z-index: 10;
    cursor: pointer
}

.notifications .msg .msg-text .box--delete i {
    color: #fff;
}

.notifications .msg .msg-text .box--delete span.date-span {
    font-size: 16px;
    cursor: pointer;
}

.notifications .msg .link-notification {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.notifications .msg .msg-text .date-span-2 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    display: block;
}

.notifications .msg.active .box-icon,
.notifications .msg:hover .box-icon {
    background: #ffcc33;
}

.notifications .msg .box-icon svg path {
    stroke: #fff;
}

.notifications .msg.active .msg-text h5,
.notifications .msg:hover .msg-text h5 {
    color: #f5fbfb;
}

.notifications .msg.active .msg-text p,
.notifications .msg:hover .msg-text p {
    color: #f5fbfb;
}

.notifications .msg.active .msg-text span.date-span,
.notifications .msg:hover .msg-text span.date-span {
    color: #f5fbfb;
}

.block-drag-complete .answer-input {
    width: 160px;
}

.delete-message-modal .par-popup {
    font-size: 18px;
}

/**************/
.dropdown.notifications-menu-box .topbar-item .btn span {
    color: #007FC3;
}

.dropdown.notifications-menu-box .header-notification-menu {
    background-color: #007fc3;
}

.dropdown.notifications-menu-box .header-notification-menu .text-new {
    color: #ffffff;
    background-color: #ffcc33;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
}

.dropdown.notifications-menu-box .dropdown-menu-box {
    position: relative;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .link-notification {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg {
    box-shadow: 0px 0px 24px rgb(29 29 29 / 4%);
    position: relative;
    border: 0;
    background-color: white;
    padding: 22px 15px;
    margin-bottom: 15px;
    padding-right: 28px;
    border: 0;
    overflow: hidden;
    padding-left: 44px;
    border-radius: 12px;
    transition: 0.5s ease;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg.active,
.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover {
    background-color: #007FC3;
    border: 0;
    box-shadow: none;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .box-icon {
    left: 10px;
    font-size: 17px;
    top: 20px;
    background: #e0e0e0;
    width: 28px;
    line-height: 18px;
    text-align: center;
    display: flex;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    color: #fff;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .box-icon,
.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .box-icon {
    background: #ffcc33;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text {
    margin: 0 auto;
    width: 100%;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text h5 {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text p {
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text p:last-of-type {
    margin-bottom: 0;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text span.date-span {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    right: 14px;
    top: 8px;
    line-height: 16px;
}

.dropdown.notifications-menu-box .dropdown-menu-box .box--delete {
    position: absolute;
    right: -1px;
    color: #ffffff;
    bottom: 0;
    padding: 5px 6px;
    background: #dcdce5;
    border-radius: 18px 0 0 0;
    font-size: 16px;
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text .box--delete {
    z-index: 10;
    cursor: pointer;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg .box-icon svg path {
    stroke: #fff;
}

.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text p,
.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text h5,
.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text p,
.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text h5,
.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text span.date-span,
.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text span.date-span {
    color: #f5fbfb;
}

.modal-backdrop {
    z-index: 1112;
}

@media (max-width: 1199px) {
    .header .header-menu .menu-nav>.menu-item>.menu-link {
        padding: 8px 12px;
    }
}

@media (max-width: 991px) {
    .dropdown.notifications-menu-box .btn.btn-icon.btn-lg {
        width: 24px;
        margin-left: 8px;
    }

    .dropdown.notifications-menu-box .topbar-item .btn span {
        color: #484f66;
        transition: .4s;
    }

    .dropdown.notifications-menu-box .topbar-item .btn:hover span {
        color: #007FC3;
    }
}

@media (max-width: 600px) {

    .dropdown.notifications-menu-box .dropdown-menu {
        width: 90vw;
    }

    .notifications-page .header-notification .item .img-noti {
        width: 30px;
    }
}
.block-note {
    padding: 10px 5px;
    background-color: #fff;
    box-shadow: 4px 4px 10px 0px #0000004D;
   /* border-left: 9px solid #2FC3CD;*/
}

.block-note .noteCard {
    height: 100%;
}

.block-note .noteCard .noteCardTitle {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
}

.block-note .noteCard .noteCardTitle .noteCardTitleContent {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 65px;
}

.block-note .noteCard .noteCardTitle .noteCard-img {
    width: 48px;
    margin-right: 5px;
}

.block-note .noteCard .noteCardTitle .noteCard-name {
    font-size: 20px;
}

.block-note .noteCard .noteCardTitle .noteCard-name,
.block-note .noteCard .noteCardTitle .noteCardTime {
    color: #2FC3CD;
}

.block-note .noteCard .noteCardTitle .noteCardPlace,
.block-note .noteCard .noteCardTitle .noteCardTime {
    font-size: 15px;
}

.block-note .noteCard .noteCardTitle .noteCardPlace {
    color: #D7DADD;
}

.block-note .noteCard .noteCardTitle .noteCardTime,
.block-note .noteCard .noteCardTitle .noteCardPlace {
    text-align: center;
}

/*.time-table tbody tr:first-child td:nth-child(4) .block-note {
    border-left: 9px solid #81D500;
}*/

.time-table tbody tr:first-child td:nth-child(4) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:first-child td:nth-child(4) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #81D500;
}

/*.time-table tbody tr:first-child td:nth-child(5) .block-note {
    border-left: 9px solid #F94F60;
}*/

.time-table tbody tr:first-child td:nth-child(5) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:first-child td:nth-child(5) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #F94F60;
}

/*.time-table tbody tr:first-child td:nth-child(6) .block-note {
    border-left: 9px solid #1B1464;
}*/

.time-table tbody tr:first-child td:nth-child(6) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:first-child td:nth-child(6) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #1B1464;
}

/*.time-table tbody tr:first-child td:nth-child(7) .block-note {
    border-left: 9px solid #662D91;
}*/

.time-table tbody tr:first-child td:nth-child(7) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:first-child td:nth-child(7) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #662D91;
}

/*.time-table tbody tr:first-child td:nth-child(8) .block-note {
    border-left: 9px solid #534741;
}*/

.time-table tbody tr:first-child td:nth-child(8) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:first-child td:nth-child(8) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #534741;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(3) .block-note {
    border-left: 9px solid #39B54A;
}*/

.time-table tbody tr:nth-child(2) td:nth-child(3) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(3) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #39B54A;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(4) .block-note {
    border-left: 9px solid #808080;
}
*/
.time-table tbody tr:nth-child(2) td:nth-child(4) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(4) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #808080;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(5) .block-note {
    border-left: 9px solid #C69C6D;
}*/

.time-table tbody tr:nth-child(2) td:nth-child(5) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(5) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #C69C6D;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(6) .block-note {
    border-left: 9px solid #E40474;
}*/

.time-table tbody tr:nth-child(2) td:nth-child(6) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(6) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #E40474;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(7) .block-note {
    border-left: 9px solid #22B573;
}
*/
.time-table tbody tr:nth-child(2) td:nth-child(7) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(7) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #22B573;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(8) .block-note {
    border-left: 9px solid #754C24;
}*/

.time-table tbody tr:nth-child(2) td:nth-child(8) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(8) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #754C24;
}

/*.time-table tbody tr:nth-child(2) td:nth-child(9) .block-note {
    border-left: 9px solid #ED1E79;
}*/

.time-table tbody tr:nth-child(2) td:nth-child(9) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(2) td:nth-child(9) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #ED1E79;
}

/*.time-table tbody tr:nth-child(3) td:nth-child(2) .block-note {
    border-left: 9px solid #007AC3;
}*/

.time-table tbody tr:nth-child(3) td:nth-child(2) .block-note .noteCard .noteCardTitle .noteCard-name,
.time-table tbody tr:nth-child(3) td:nth-child(2) .block-note .noteCard .noteCardTitle .noteCardTime {
    color: #007AC3;
}

.aside.aside-fixed {
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
}

.flex-row-auto {
    flex: 0 0 auto !important;
    width: 250px;
}

html, body {
    overflow-x: hidden !important;
}

@media (max-width: 992px) {
    .dashboard-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}