/*new */
.top-menu .top-lang {
    float: left;
}

.txt-dark-blue {
    color: #3e416d !important;
    font-weight: 600;
}

.top-menu {
    direction: rtl;
}

.page-menu ul li {
    direction: rtl;
}

.page-content-inner {
    direction: rtl;
    background-color: #f5f5f5;
    /*    margin-top: 133px;*/
}

.page-menu ul li ul li {
    padding-right: 0;
    margin-right: 50px;
}

.dropdown-notifications-content {
    display: block;
    width: 100%;
    height: auto !important;
}

.skill-card-subtitle {
    font-size: 9.4px;
}

span.uil-user {
    margin-top: 26px;
}

/*#topbar {
    position: fixed;
    height: 62px;
    margin-top: 15px;
    direction: rtl;
    width: 80%;
    top: 25px;
    z-index: 11;
}
*/
.uk-float-right {
    float: left;
}

.dropdown-notifications-content ul li a {
    padding: 9px 20px;
}

.page-menu {
    top: 40px;
}

.my-roles {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 250px;
    right: auto;
}

.skill-card-title {
    width: 150px;
    font-weight: 700;
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 5px;
    position: relative;
    line-height: 30px;
    color: #545e6f;
    overflow: visible;
    white-space: normal;
    display: table-caption;
    text-overflow: ellipsis;
}

#topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px;
    background: #fff;
    padding-bottom: 0;
    height: 62px;
    margin-top: 41px;
    direction: rtl;
}

.card-category a {
    height: 62px;
}

.page-menu .logo {
    padding: 0 66px;
    /*padding-right: 0;*/
}

    .page-menu .logo img.circle {
        float: right;
        right: 5px;
        top: 7px;
        position: absolute;
    }

    .page-menu .logo span {
        font-size: 15px;
        margin-top: 20px;
        float: right;
    }

.header-profile-icon {
    width: 37px;
}

.user-profile-photo img {
    height: 100px;
    width: 100px;
    border: 9px solid #f8f8f8;
    position: relative;
}

.user-profile-photo {
    width: 100%;
    height: 106px;
}

.profile-icon {
    border: 0;
}

.page-menu .page-menu-inner {
    overflow-y: auto;
    height: calc(100% - 400px);
    overflow-x: hidden;
}

.page-menu.menu-large .page-menu-inner {
    overflow-y: auto;
    height: calc(100% - 400px);
    overflow-x: hidden;
    margin-top: 0;
}

.page-menu .footer-nav-icon ul li:hover {
    width: auto;
    background: transparent;
}

.page-menu .footer-nav-icon {
    margin-top: 30px;
}

    .page-menu .footer-nav-icon ul li a {
        padding: 0.5rem 0;
    }

.page-menu .details h2 {
    font-size: 20px;
}

.page-menu .details h2, .details-at-wrapper h2 {
    font-size: 20px;
}


.details-at-wrapper {
    display: none;
}

    .details-at-wrapper.mt-5 {
        margin-top: 5rem !important;
    }

    .details-at-wrapper nav.footer-nav-icon ul {
        text-align: center;
        margin-right: 20px;
    }

    .details-at-wrapper .user-profile-photo img {
        height: 80px;
        width: 80px;
    }

.page-menu .details .footer-nav-icon ul li a i {
    padding-right: 12px;
    width: 19px;
    font-size: 18px;
}

.page-menu ul li.active-submenu ul {
    max-height: 100%;
}
/*
.page-menu ul li ul li {
    padding-right: 48px;
}*/

.page-menu.menu-large ul:before {
    position: relative;
    padding-right: 0px;
}

.page-menu ul li ul li a {
    padding: 9px 10px !important;
}

@media (min-width: 1220px) {
    .page-menu.menu-large .footer-nav-icon ul li a {
        padding: 0;
    }

    .page-menu.menu-large ul li a {
        padding: 17px 46px;
    }

    .page-menu.menu-large .logo {
        padding: 0;
    }

    .page-menu.menu-large:hover .logo {
        padding: 0 66px;
    }

    .page-menu.menu-large .details ul:before, .page-menu.menu-large .details ul li a span,
    .page-menu.menu-large .details .logo a span {
        position: inherit;
    }

    .page-menu.menu-large .footer-nav-icon {
        margin-top: 0;
    }



    .page-menu .details ul li {
        padding-left: 0;
    }

    .page-menu.menu-large {
        position: fixed;
    }
}

@media (min-width: 640px) and (max-width: 1220px) {

    .page-menu ~ .page-content {
        margin-right: 0;
    }

    .header-widget {
        position: inherit;
    }

    #topbar {
        margin-top: 23px;
    }
}

@media (max-width: 767px) {
    .skill-card-subtitle {
        max-width: 90%;
    }

    .card-category a {
        height: auto;
    }
}

@media (max-width: 640px) {
    .page-content-inner {
        margin-top: 0;
    }

    .page-menu ~ .page-content {
        margin-right: 0;
    }

    .page-menu .page-menu-inner {
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100% - 200px);
    }

    .my-roles {
        height: 200px;
        overflow: hidden auto;
        width: 100%;
    }

    #topbar {
        padding: 0;
        background: transparent;
        margin-top: 0px;
    }

    .uk-navbar-right {
        display: none;
    }

    .top-menu {
        position: relative;
    }

    .mm-page {
        top: 0;
    }
}

@media (max-width: 1220px) {

    .page-menu ~ .page-content {
        margin-right: 0;
    }

    .page-content-inner {
        padding: 16px;
    }

    .top-menu {
        position: relative;
    }

    .uk-search-icon {
        display: none;
    }

    span.uil-user {
        display: none;
    }
}

@media (max-width: 960px) {

    .page-menu ~ .page-content {
        margin-right: 0;
    }

    .course-curriculum .uk-accordion-title {
        display: grid;
    }

    .top-menu {
        position: relative;
    }

    .uk-search-icon {
        display: none;
    }

    span.uil-user {
        display: none;
    }
}

.top-lang select {
    background: transparent;
    color: #fff;
    border: 0;
}



/*level*/
/*.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 35px;
}*/

.uk-table .uk-form-group {
    margin-bottom: 0px;
}

.message {
    /*  position: absolute;
        z-index: 11;*/
}

.tempomsg {
    width: 200px;
    padding-left: 10px;
    /* color: #FFFFFF;
        background: #FBA3B6;
        margin-top: 5px;
        padding: 6px;
        width: 170px;
        padding-left: 10px;
        height: 100%;
        border-radius: 7px;*/
}

    .tempomsg::before {
        /*   content: "";
            position: absolute;
            top: -8px;
            left: 16px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 13px solid #E8E9EB;
            border-color: transparent transparent #FBA3B6 transparent;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 13px solid #FBA3B6;
            border-color: transparent transparent #FBA3B6 transparent*/
    }

/*.mt-5 {
    margin-top: 4rem !important;
}*/

.ml-3, .mx-3 {
    margin-right: 1rem !important;
}

.uk-modal-title {
    text-align: right;
}

.uk-modal-body {
    direction: rtl;
}

span.uk-pagination-next {
    transform: rotate(-180deg);
}

span.uk-pagination-previous {
    transform: rotate(180deg);
}

#CapatchaHtml {
    float: right;
}

.section-header-right {
    align-items: initial;
}

/*new style edit academic year*/
.acadmic-year .button, .custom-table-design .button {
    line-height: 24px;
    padding: 0 8px;
    height: 25px;
}

.acadmic-year .uk-accordion, .custom-table-design .uk-accordion {
    padding: 2px 0px;
    list-style: none;
}

.searc-curr .uk-grid > * {
    padding-left: 10px;
}

.acadmic-year .uk-accordion {
    padding: 10px 0px;
    list-style: none;
}

.acadmic-year .uk-accordion-content {
    margin-top: 20px;
    background-color: #e8e8f7;
}

.dark-blue {
    font-size: 18px;
    color: #3e416d !important;
}

.dark-blue-sm {
    font-size: 14px;
    color: #3e416d !important;
    float: right;
    margin-left: 3px;
}

.bg-dark-blue {
    background-color: #3e416d !important;
    color: #fff !important;
}

.daily-lec-sett .dark-blue {
    font-size: 14px
}

.custom-num {
    background-color: #3e416d;
    color: #fff;
    text-align: center !important;
}

.acadmic-year .custom-num {
    background-color: #3e416d;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
}

.acadmic-year .uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover {
    background: #f1f1f7;
}

.acadmic-year .course-curriculum-list > li:hover {
    background-color: transparent;
}

.acadmic-year .course-curriculum-list > li {
    display: block;
    /*padding: 16px 50px 0px 61px;*/
    line-height: 22px;
    color: #3e416d;
    border-bottom: 1px solid #d9d9f4;
}

.acadmic-year .course-curriculum-list {
    border-top: 1px dashed #d1c5f0;
}
    /*.acadmic-year .uk-table-divider > tr:not(:first-child),
.acadmic-year .uk-table-divider > :not(:first-child) > tr,
.acadmic-year .uk-table-divider > :first-child > tr:not(:first-child) {
    border-top: 1px solid #ebebee;
}*/
    .acadmic-year .course-curriculum-list > li::before {
        /*transition: transform 0.4s cubic-bezier(.8, -.41, .19, 2.5);*/
        font-family: "FontAwesome";
        content: "\f02d";
        left: 20px;
        text-align: center;
        width: 22px;
        height: 22px;
        line-height: 22px;
        background: #ec5252;
        color: white;
        border-radius: 50%;
        z-index: 2;
        font-size: 16px;
        padding: 2px;
    }

.table-modal-acdm .uk-table caption {
    font-size: 1.4rem;
    text-align: right;
    color: #666668;
    background-color: #f6f6fb;
    padding: 10px;
}

.acadmic-year .course-curriculum-list li {
    font-size: 12px;
}

    .acadmic-year .course-curriculum-list li > p {
        font-size: 13px;
        color: #535353;
        display: inline-block;
        margin-bottom: 0px;
    }

    .acadmic-year .course-curriculum-list li .semster-name {
        text-align: right;
        width: 26%;
    }

    .acadmic-year .course-curriculum-list li .curr-name {
        text-align: right;
        width: 55%;
        color: #e8b620;
    }

.acd-current-year {
    text-align: center;
    width: 55%;
    display: inline-block;
}

.float-custom {
    float: left;
}

.tr-abs {
    position: absolute;
    left: 16%;
}

.table-modal-acdm button {
    font-size: 12px;
    line-height: 27px;
    padding: 0 9px;
    margin: 0 2px;
    height: 27px;
}

.btn-apply {
    color: #17d292;
    background-color: #D4E0E3;
    width: 27px;
    height: 27px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 9px !important;
}

    .btn-apply:hover, .btn-apply:focus {
        background-color: #17d292;
        color: white;
    }

.btn-close {
    color: #ff3b30;
    background-color: #D4E0E3;
    width: 27px;
    height: 27px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 9px !important;
}

    .btn-close:hover, .btn-close:focus {
        background-color: #ff3b30;
        color: white;
    }

.hidden-action {
    display: none;
}
/*studen page*/
.studen-page .circle {
    border-radius: 100%;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
}

.studen-page .skill-card span {
    display: inline-block;
}

.studen-page .skill-card {
    border-radius: 0px;
    padding: 16px;
}

.studen-page .sub-1 {
    border-right: 10px solid #f9a75d;
}

.sub-2 {
    border-right: 10px solid #377dff;
}

.sub-3 {
    border-right: 10px solid darkred;
}

.sub-4 {
    border-right: 10px solid #10cc57;
}

.sub-5 {
    border-right: 10px solid #227d82;
}

.bg-join {
    float: left;
}


.studen-page .daily-block .skill-card span {
    display: initial
}

.daily-block h5 {
    background-color: #3e416d;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
}

.daily-block .sub-1, .daily-block .sub-2, .daily-block .sub-3, .daily-block .sub-4,
.daily-block .sub-5 {
    border-left-width: 3px;
}

.studen-page .daily-block .skill-card {
    padding: 0px 10px;
    box-shadow: none;
    background-color: transparent;
}

    .studen-page .daily-block .skill-card p {
        font-size: 11px;
    }

.studen-page .daily-block hr {
    margin-top: 4px;
}

.daily-block .uk-button {
    line-height: 25px;
    font-size: 12px;
}

.daily-block .uk-tab > * > a {
    padding: 0px 10px;
    font-size: 12px;
}

.lect-cont span {
    display: inline-block;
}

#lecture-type ul {
    padding-left: 0px
}

    #lecture-type ul li {
        list-style: none;
        font-size: 11px;
    }

.daily-block {
    height: 230px;
    width: 100%;
}

    .daily-block .uk-tab > .uk-active > a {
        border-bottom: 3px solid transparent;
        border-color: #ff5401;
    }

.student-page-menu ul li a i {
    color: #ff5401;
}

.student-page-menu ul li a {
    font-size: 12px
}

.studen-page .uk-grid > .studen-page .uk-grid-margin, .studen-page * + .uk-grid-margin {
    margin-top: 10px;
}

.studen-page h1, .studen-page .uk-h1 {
    font-size: 16px;
    font-weight: 600;
}

.studen-page h4, .studen-page .uk-h4 {
    font-size: 12px;
}

.studen-page h5, .studen-page .uk-h5 {
    font-size: 12px;
    line-height: 1.4;
}

.studen-page .text-warning {
    color: #ff5401 !important;
}

.ul-assign {
    padding-left: 0px;
    display: inline-block;
}

    .ul-assign li {
        display: inline-block;
        list-style: none;
        font-size: 11px;
    }

.div-ass {
    display: block !important;
    position: absolute;
    bottom: 4px;
}

.studen-page .bg-soft-gray {
    background-color: #f5f5f5;
}

.studen-page .uk-tab > .studen-page .uk-active > a {
    color: #3e416d;
    border-color: #ff5401;
}
/*calendar*/
.calendar-view {
    display: none;
}

.show-h-elment {
    cursor: pointer;
}
/*fixed btn chat*/


#mySidenav a {
    position: absolute; /* Position them relative to the browser window */
    right: -80px; /* Position them outside of the screen */
    transition: 0.3s; /* Add transition on hover */
    padding: 10px; /* 15px padding */
    width: 100px; /* Set a specific width */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Increase font size */
    color: white; /* White text color */
    border-radius: 5px 0px 0px 5px; /* Rounded corners on the top right and bottom right side */
    margin-top: 15%;
    position: fixed;
    z-index: 1;
}

    #mySidenav a:hover {
        right: 0; /* On mouse-over, make the elements appear as they should */
    }
/* The about link: 20px from the top with a green background */



#chat {
    top: 80px;
    background-color: #78bdf1;
}

#supportchat {
    top: 137px;
    background-color: red;
}

.txt-green {
    color: #10cc57 !important;
}
/*curr search*/
.margin-ar {
    margin-left: 30px;
}
/*course dispaly**/
.course-video-list-section .uk-accordion-title {
    padding: 17px 20px;
    font-size: 14.5px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid #f9c5ac;
}

.course-sidebar-title {
    background: #3e416d;
}

    .course-sidebar-title h3 {
        margin-bottom: 0;
        font-size: 1.1rem;
        color: #fff;
    }
/*
style chat
*/
.noDisplay {
    display: block;
}





.chat_box {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 0px;
    width: 250px;
    box-shadow: 1px 2px 7px #b5b3b3;
}

.chat_body {
    background: white;
    height: 500px;
    padding: 5px 0px;
}

.uk-input, .uk-textarea {
    resize: none;
    /* border-radius: 0;*/
}

.all-friends {
    overflow-y: auto;
    height: 400px;
}

.chat_head, .msg_head {
    background: #585b81;
    color: #ffffff;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
}

    .chat_head a, .msg_head a {
        color: #fff;
    }

.all-chat {
    position: fixed;
    z-index: 9999;
    bottom: -5px;
    width: 80%;
    background: transparent;
}

.msg_box {
    direction: ltr;
    position: static;
    display: inline-block;
    width: 280px;
    margin-left: 20px;
    background: white;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 1px 2px 7px #b5b3b3;
}

.uk-search-chat {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0;
}

.msg_head {
    background: #585b81;
    color: #fff;
}

    .msg_head .close {
        font-size: 1rem;
        color: #fff;
    }

.msg_body {
    background: white;
    height: 200px;
    font-size: 12px;
    padding: 15px;
    overflow: auto;
    overflow-x: hidden;
}

.msg_input {
    width: 100%;
    border: 1px solid white;
    border-top: 1px solid #DDDDDD;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.close {
    float: right;
    cursor: pointer;
}

.minimize {
    float: right;
    cursor: pointer;
    padding-right: 5px;
}

.user {
    position: relative;
    padding: 10px 10px;
    border-bottom: 2px solid #e6e2e25e;
}

    .user:hover {
        background: #f8f8f8;
        cursor: pointer;
    }

    .user:after {
        content: '';
        position: absolute;
        background: #2ecc71;
        height: 8px;
        width: 8px;
        right: 10px;
        top: 21px;
        border-radius: 6px;
    }

    .user img {
        height: 30px;
        margin-right: 5px;
        border-radius: 50px;
        border: 2px solid #585b81;
    }

.msg_wrap .search-p {
    display: inline-flex;
    width: 100%;
    padding: 10px;
    border-bottom: 3px solid #eef2e7;
}

    .msg_wrap .search-p span {
        font-weight: 600;
        font-size: 15px;
    }

    .msg_wrap .search-p .form-control {
        padding: 0rem .75rem;
        margin-left: 5px;
    }

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 50px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

.msg_wrap .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

.msg_wrap .btn {
    margin-left: 5px;
    padding: 0rem 0rem;
    padding-bottom: 14px;
    color: gray;
    border: none;
    background: transparent;
    font-size: 15px;
    font-weight: bold;
}

    .msg_wrap .btn .fa-video-camera {
        font-size: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }

.msg_wrap .upload-btn-wrapper input[type=file] {
    font-size: 50px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.chat_box .control {
    float: right;
    margin-left: 195px;
    top: 13px;
    display: -webkit-box;
    position: absolute;
}

    .chat_box .control .fa {
        font-size: 17px;
        color: #01982f;
    }

    .chat_box .control .btn {
        height: 30px;
        margin-top: -11px;
    }

        .chat_box .control .btn:hover {
            color: #fff
        }


    .chat_box .control .control-post .control-content {
        display: none;
        position: absolute;
        z-index: 11;
        padding: 11px;
        margin-left: -135px;
        top: -131px;
        text-decoration: none;
        list-style: none;
        background: #fff;
        border: 2px solid #9e9e9e54;
        width: 100%;
        min-width: 200px;
        border-radius: 4px;
        color: #888;
    }

    .chat_box .control .control-content:before {
        content: "";
        display: block;
        position: absolute;
        top: 110px;
        left: 70%;
        height: 0;
        width: 20px;
        transform: rotateY(180deg);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 10px solid #9e9e9e;
    }


    .chat_box .control .control-post .control-content > li > a {
        text-decoration: none;
        color: #555;
        font-size: 15px;
    }

    .chat_box .control .control-post .control-content > li {
        background: #fff;
        width: 100%;
        margin-bottom: 10px;
        padding: 5px;
    }

    .chat_box .control .control-post .control-content a > i {
        margin-right: 10px;
    }

    .chat_box .control .control-post a.btn:focus .control-content {
        display: block
    }

.msg_a {
    position: relative;
    background: #FDE4CE;
    padding: 10px;
    min-height: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    border-radius: 5px;
}

    .msg_a:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border: 10px solid;
        border-color: transparent #FDE4CE transparent transparent;
        left: -20px;
        top: 7px;
    }


.msg_b {
    background: #EEF2E7;
    padding: 10px;
    min-height: 15px;
    margin-bottom: 5px;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
    word-wrap: break-word;
}

    .msg_b:after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border: 10px solid;
        border-color: transparent transparent transparent #EEF2E7;
        right: -20px;
        top: 7px;
    }

.for-msg {
    top: 0;
}

.new-chat {
    position: absolute !important;
    top: 5px;
    right: 22px;
    font-size: 14px;
    padding: 5px 3px !important;
    z-index: 1;
}

.send.button.small {
    font-size: 13px;
    line-height: 25px;
    padding: 0 17px;
    height: 23px;
}


.uk-input:focus {
    background-color: #fff;
    color: #666;
    border-color: #6a6b77;
    border: 2px solid #585b81
}
/**start exame design*/
.blog-article-single {
    width: 100%;
    height: 200px;
    background-color: rgba(6, 2, 34, 0.84);
    border-radius: 0px;
}

.container-xsmall {
    max-width: 600px;
}

.blog-article-content-read {
    background-color: white;
    border-radius: 6px;
}

.pricing {
    margin-top: -140px;
}

.list-3 li::before, .list-2 li::before {
    color: #ff5401;
}

.txt-medium {
    font-size: 14px;
}






.bg-gradient-primary {
    background: linear-gradient(80deg, #767ca2, #666b93 100%) !important;
}

.price {
    font-size: 6rem;
}
/*teatcher**/
.video-guide span {
    display: inline-block;
    position: relative;
    top: -14px;
}

.iframe {
    width: 70px;
    height: 40px;
    display: inline-block;
    background: url('../images/unnamed.png') center;
    border: 1px solid #ffc107;
}

.add-btn {
    background-image: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
    border-radius: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 1.1em;
    color: #303030;
    font-size: 16px;
    color: #f4f0f0;
    -webkit-box-shadow: 0px 0px 0px 4px #f6f6f6;
    -moz-box-shadow: 0px 0px 0px 4px #f6f6f6;
    box-shadow: 0px 0px 0px 4px #f6f6f6;
    text-shadow: 0px 1px 0px white;
    height: 36px;
    display: inline-block;
}

.uk-modal-header {
    padding: 8px 30px;
    /*background: #ffc107;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 10px 10px 0px 0px;*/
}
/*.acd-header  {
    font-size: 20px;
}

.uk-modal-footer {
    background: #EEE;
    border-radius: 0px 0px 10px 10px;
}

.uk-modal-title, .uk-modal-title h4 {
    color: #fff;
    font-size: 18px;
}

.uk-table td {
    font-size: 12px;
}

.uk-modal-body {
    padding: 30px 30px 0px;
    background-color: #f9f9f9;
}

.uk-open > .uk-modal-dialog {
    border-radius: 20px !important;
}*/
/*academic year last edits before sprint fininshed*/
.acadmic-year .uk-input, .acadmic-year .uk-textarea {
    border-radius: 8px !important;
    margin-bottom: 6px;
}

.acadmic-year .uk-table th {
    text-transform: unset !important;
}

.acadmic-year .uk-radio, .acadmic-year .uk-checkbox {
    border: 1px solid #ece6e6 !important;
}

.acadmic-year .uk-table-link span:first-of-type {
    font-weight: 600;
    color: #555454;
    width: 40%;
    display: inline-block;
}

.bg-yellow {
    color: #fff;
    border-color: #ffc107;
    background-color: #ffc107;
}

.tech-table p {
    margin-bottom: 0px
}

.add-btn .button {
    background-color: transparent;
    border: 0px;
    font-size: 12px;
    color: #fff;
    padding: 0px;
}

.add-btn .icon {
    background-color: #fff;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    display: inline-block;
    line-height: 13px;
    color: #ffc107;
    font-size: 22px;
}

.add-btn:hover, .add-btn:focus, .add-btn:active {
    background-color: #ecc44b;
    box-shadow: 0px 0px 0px 4px #ecc44b;
}

.add-btn button:hover, .add-btn button:focus, .add-btn button:active {
    background-color: #ecc44b;
    box-shadow: 0px 0px 0px 4px #ecc44b;
}

button.bg-yellow:hover, button.bg-yellow:focus {
    color: #fff;
    background-color: #f0af16e6;
}

.action-teatcher button:focus, .action-teatcher button:hover {
    color: #e8b620 !important;
}

.video-guide {
    background-color: #eae2e2;
    padding: 2px 4px;
    width: 100%;
}
/*
table {
    border-collapse: collapse;
    margin-top: 30px !important;
}

td {
    border-right: solid 1px #eae6e6;
    border-left: solid 1px #eeeff4;
}*/

.bg-warnsoft {
    padding: 1px 2px 0px;
    line-height: normal !important;
}

    .bg-warnsoft i {
        color: #ff5401
    }

.custom-button {
    line-height: 23px;
    padding: 0 9px;
    height: 25px;
}

.teacher-content .button i {
    color: #ffc107;
    font-size: 16px;
}

.teacher-conten span {
    padding: 0px 3px;
    color: #fff
}

.teacher-content .addsub {
    padding: 0px 4px 0px !important;
    line-height: 30px;
    height: 30px;
}

.check-label-color {
    color: #7d7c79;
}

.check-label-csm {
    color: #3e416d;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    width: 160px !important;
    display: inline-block;
}

.edit-tech a, .edit-tech .uk-link {
    color: #144cb9;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.valid-mailcheck {
    border: 1px solid #d0c7c7 !important;
}

.uk-radio, .uk-checkbox {
    border: 1px solid #bbb4b1 !important;
    padding: 9px !important;
    margin: 0px 3px;
}

.teacher-content input:read-only {
    background-color: #fff !important;
}

/*.uk-form-horizontal .uk-form-controls {
    margin-right: 161px !important;
}*/

.uk-form-horizontal .uk-form-label {
    width: 160px !important;
}
/*sub list tag*/
.ul-sub-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .ul-sub-list li {
        border: 1px solid #D4E0E3;
        margin-top: -1px; /* Prevent double borders */
        background-color: #fff;
        padding: 2px 2px;
        text-decoration: none;
        font-size: 12px;
        color: black;
        display: inline-block;
        position: relative;
        min-width: 80px;
        border-radius: 3px;
        margin-bottom: 1px;
    }

        .ul-sub-list li:hover {
            background-color: #eee;
        }

.closesub {
    cursor: pointer;
    position: static;
    color: red;
    float: right;
    font-size: 14px;
}
/**select mennu*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1ca9d4 !important;
    border: 0px !important;
    border-radius: 4px;
    cursor: default;
    float: right;
    margin-top: 5px;
    padding: 0px 2px 0 0px !important;
    color: #fff;
    padding-right: 6px !important;
    margin-left: 3px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #146b91;
    border-left: 1px solid #bebfe8;
    padding-left: 7px;
    float: left;
    text-align: center;
    color: #fff !important;
    margin-right: 8px !important;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0px !important;
    margin-right: 10px !important;
    padding-right: 5px;
    border-radius: 4px 0px 0px 4px;
}

.select2-container .select2-selection {
    border: 0px !important;
}
/*==================================== select issue===============================*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 5px !important;
    padding-right: 30px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: #1f0d77 !important;
}

.select-dir {
    direction: rtl;
}

.button {
    font-size: 11px;
}

.select-control {
    height: 60px;
    border: 1px solid #f7f5f5;
    background-color: #fff;
    overflow-x: hidden !important;
}


.inline-blok .sub-abb {
    display: inline-block;
    width: 38%;
    font-size: 14px;
}

.nth-n2 {
    width: 36%
}

.nth-n3 {
    width: 40%;
}

.th-csm {
    width: 5%;
}
/*subj accordion*/
.acc-teatcher .course-curriculum-list > li::before {
    content: none;
}

.custom-table-design .course-curriculum-list li {
    display: block;
    padding: 16px 25px 0px 9px;
}

    .custom-table-design .course-curriculum-list li i {
        margin-left: 10px;
        text-align: center;
        width: 22px;
        height: 22px;
        line-height: 22px;
        background: #ffc107;
        color: white;
        border-radius: 50%;
        z-index: 2;
        font-size: 16px;
        padding: 5px;
        float: right;
        margin-top: -6px;
        margin-bottom: 6px;
    }

.uk-accordion-title .csm-icon {
    float: left;
}

.uk-accordion-title::before {
    display: none
}

/*.uk-accordion-title .csm-icon::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: left;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20ratio%3D%221%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.03%22%20points%3D%2216%207%2010%2013%204%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.uk-open > .uk-accordion-title .csm-icon::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20ratio%3D%221%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.03%22%20points%3D%224%2013%2010%207%2016%2013%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}*/
/*
td {
    border-right: solid 1px #eae6e6;
    border-left: solid 1px #eeeff4;
}
.acadmic-year .uk-table-divider > tr:not(:first-child), .acadmic-year .uk-table-divider > :not(:first-child) > tr, .acadmic-year .uk-table-divider > :first-child > tr:not(:first-child) {
    border-bottom: 1px solid #ebebee;
}*/
/*sub list tag*/
.ul-sub-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline;
}

    .ul-sub-list li {
        border: 1px solid #D4E0E3;
        margin-top: -1px;
        background-color: #fff;
        padding: 2px 2px;
        text-decoration: none;
        font-size: 12px;
        color: black;
        display: inline-block;
        position: relative;
        min-width: 80px;
        border-radius: 3px;
        margin-bottom: 1px;
    }

        .ul-sub-list li:hover {
            background-color: #eee;
        }



.closesub {
    cursor: pointer;
    position: static;
    color: red;
    float: left;
    font-size: 14px;
    display: inline;
}

/*start issue datapicker + sedule setting page */
.mud-input-label-inputcontrol {
    right: 0;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: transparent;
}

.mud-picker-timepicker-toolbar .mud-timepicker-hourminute {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.mud-picker-toolbar {
    height: 100px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}

.daily-lec-sett label {
    display: inline-block;
    width: 100% !important;
}

.daily-lec-sett .uk-form-width-small {
    width: auto !important;
}

.flheader-csm {
    float: right;
}

.am-pm-custom {
    display: none
}
/************************************sprint5***********************************************************/
.subject-design .uk-modal-header, .teacher-modals .uk-modal-header {
    padding: 8px 30px;
    background: #ffc107 !important;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 10px 10px 0px 0px !important;
}

.subject-design .uk-modal-footer, .teacher-modals .uk-modal-footer {
    background: #EEE !important;
    border-radius: 0px 0px 10px 10px !important;
}

.subject-design .uk-modal-title, .subject-design .uk-modal-title h4,
.teacher-modals .uk-modal-title, .teacher-modals .uk-modal-title h4 {
    color: #fff;
    font-size: 18px;
}

.subject-design .uk-table td, .teacher-modals .uk-table td {
    font-size: 12px;
}

.subject-design .uk-modal-body, .teacher-modals .uk-modal-body {
    padding: 30px 30px 0px;
    background-color: #f9f9f9 !important;
}

.subject-design .uk-modal-dialog,
.teacher-modals .uk-modal-dialog {
    border-radius: 30% !important;
}

.subject-design table, .teacher-modals table {
    border-collapse: collapse;
    margin-top: 30px !important;
}

.subject-design td, .teacher-modals td {
    border-right: solid 1px #eae6e6 !important;
    border-left: solid 1px #eeeff4 !important;
}

.subject-design .uk-form-horizontal .uk-form-label {
    width: 160px !important;
}

.subject-design .uk-form-horizontal .uk-form-controls {
    margin-right: 161px;
}

.teacher-modals .uk-form-horizontal .uk-form-controls {
    margin-right: 31%;
}

.teacher-modals .uk-form-horizontal .uk-form-label {
    width: auto;
}

.teacher-modals .button {
    /* padding: 0 5px;*/
}

    .teacher-modals .button:last-of-type {
        margin-right: 30px;
        padding: 0px 9px;
    }

.acadmic-year .uk-form-controls label {
    color: #012f96 !important;
}

.app-close .button {
    padding: 0px !important;
}
/*profile in taetcher info table*/
.teacher-content .circle {
    border-radius: 100%;
    border: 1px solid #ffc107;
    padding: 5px;
    background-color: #f9f9fd;
}

.teacher-content .uk-table td, .table-teacher .uk-table td {
    text-align: right;
    border-right: 1px solid #ddd;
}

    .teacher-content .uk-table td:last-of-type, .table-teacher .uk-table td:last-of-type {
        border-right: 0px solid #ddd;
    }

.teacher-content .uk-table th, .teacher-content .uk-table-striped th, .table-teacher .uk-table th,
.table-teacher .uk-table-striped th {
    font-weight: bolder !important;
    color: #999;
    width: 42%;
}

.student-info .uk-table th, .student-info .uk-table-striped th {
    font-weight: bolder !important;
    color: #999;
    width: auto;
}

.teacher-content .uk-table td:last-of-type {
    border-right: 0px;
}

.level-span {
    font-size: 12px;
    font-weight: bold;
}

.action-teatcher {
    float: left;
}

.teacher-modals .uk-margin {
    margin-bottom: 7px !important;
}

* + .teacher-modals .uk-margin {
    margin-top: 9px !important;
}
/*button hover*/
.button.grey {
    color: #fff;
    border-color: #003d4f;
    background-color: #003d4f;
    transition: all .3s ease-in-out;
}

    .button.grey:hover, .button.grey:focus {
        color: #fff;
        border-color: transparent;
        background-color: #678ecc;
    }

.circle-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

    .circle-img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.table-teacher .uk-dropdown {
    min-width: 240px !important;
}

.student-info .circle-img {
    width: 50px;
    height: 50px;
}

.student-info .uk-table th, .student-info .uk-table-striped th {
    font-weight: bolder !important;
    color: #999;
    width: auto;
}

.mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    top: -28% !important;
}
/*===================================================== edit new subject in teacher info ==================*/
#addLec .bg-yellow, #addLecCurriculums .bg-yellow {
    padding: 0 12px;
}

#addLec .button:last-of-type, #addLecCurriculums .button:last-of-type {
    margin-right: 0px;
}
/*================================ tab=====================================*/
a:focus, input:focus, .uk-close:focus, .closesub:focus, input:read-only:focus,
.uk-radio:focus, .uk-checkbox:focus, button:focus, label:focus {
    border: 1px solid #3e416d;
}

.page-menu a:focus {
    border: 1px solid transparent;
}

/*================================ tab=====================================*/
a:focus, input:focus, .uk-close:focus, .closesub:focus, input:read-only:focus,
.uk-radio:focus, .uk-checkbox:focus, button:focus, label:focus {
    border: 1px solid #3e416d;
}

.page-menu a:focus {
    border: 1px solid transparent;
}

/*========================================================table daily school schedule==================*/
.School-Student table .weekend {
    background-color: #EEEEEE !important;
}

    .School-Student table .weekend td .weekend-cell {
        position: relative;
    }

        .School-Student table .weekend td .weekend-cell svg {
            position: absolute;
            top: 0;
            left: 0;
            margin: 5px;
            width: 7px;
            cursor: pointer;
        }

    .School-Student table .weekend td p {
        text-align: center;
        letter-spacing: 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-weight: 700 !important;
        color: #A9A9A9 !important;
        line-height: 2.5;
    }

.School-Student .subject ul li {
    display: flex;
    justify-content: space-between;
}

    .School-Student .subject ul li p {
        margin: 0
    }

.School-Student .daily-school-student h3 span {
    text-transform: initial
}

.School-Student {
    width: auto;
    margin: 0px -70px;
}

    .School-Student .grid-page {
        display: flex;
        justify-content: space-between
    }

    .School-Student .logo-school {
        display: none
    }

    .School-Student .school-schedule {
        margin-left: 30px;
    }

    .School-Student .daily-school-student {
        align-items: center !important
    }

        .School-Student .daily-school-student .description {
            text-align: right
        }

            .School-Student .daily-school-student .description a {
                text-decoration: underline;
                color: #5C9F9E;
                margin-left: 5px
            }

    .School-Student .school-schedule .uk-table-divider tr th,
    .School-Student .school-schedule .uk-table-divider tbody tr :first-child {
        color: #4593BC;
        text-align: center
    }

    .School-Student .school-schedule .uk-table-divider thead tr {
        background: #D6EEF8;
    }

        .School-Student .school-schedule .uk-table-divider thead tr th,
        .School-Student .school-schedule .uk-table-divider tbody tr td {
            border: 1px solid #3e416d;
            font-size: 11px;
            padding: 0;
        }

    .School-Student .school-schedule .uk-table-divider tbody tr .edit-period:focus {
        padding: 10px 5px;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td p {
        text-align: center
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td {
        padding: 0 5px;
    }

        .School-Student .school-schedule .uk-table-divider tbody tr td .subjectName {
            color: black;
            margin: 0;
            padding: 0;
            font-size: 12px;
        }

        .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 5px;
        }

            .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher button {
                padding: 0;
                margin: 0;
                line-height: 1 !important;
            }

            .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher i {
                color: black;
                font-size: 13px !important;
            }

    .School-Student .school-schedule .uk-table-divider thead tr .time {
        background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
    }

    .School-Student .school-schedule .uk-table-divider tr th button {
        border-radius: 23px;
        padding: 0 7px;
        background: #EBEBEB;
        border: 1px solid #CBCBCB !important;
        margin: 0 10px 10px 10px;
    }

    .School-Student .school-schedule .uk-table-divider tr th .done,
    .School-Student .school-schedule .uk-table-divider tr th .cancel {
        display: none;
        font-weight: bold;
        width: 123.45px;
        color: #3e416d;
        text-transform: initial;
        font-size: 14px;
    }

    .School-Student .school-schedule .uk-table-divider tr th .done {
        color: #ffc107;
    }


.school-schedule .uk-table-divider thead tr {
    background: #D6EEF8
}

.School-Student .school-schedule .uk-table-divider > tr:not(:first-child), .School-Student .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > :first-child > tr:not(:first-child) {
    background: #F2FAFC
}

.School-Student .school-schedule .break {
    background: lightpink;
    text-align: center;
    margin: auto;
    line-height: 2.5;
    font-weight: 700;
    letter-spacing: 10px;
    position: relative;
    color: #fff;
}

    .School-Student .school-schedule .break p {
        line-height: 3.7;
        font-size: 12px
    }

.School-Student .school-schedule .uk-table-divider thead tr div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
    color: #fff;
    padding: 10px
}

.School-Student .school-schedule .break i,
.School-Student .school-schedule .weekend i {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    width: 7px;
    cursor: pointer;
    color: #A9A9A9 !important
}

.School-Student .school-schedule .Br-wk {
    padding: 0 100px;
    width: 65%;
    margin: auto !important;
}

    .School-Student .school-schedule .Br-wk label {
        text-align: center;
        margin: auto;
        line-height: 2.5;
        font-weight: 700;
        letter-spacing: 10px;
        font-size: 12px
    }

    .School-Student .school-schedule .Br-wk .Break {
        background-color: lightpink;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
    }

    .School-Student .school-schedule .Br-wk .Weekend {
        background-color: #EEEEEE;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
    }

    .School-Student .school-schedule .Br-wk .uk-margin {
        margin: 0 55px !important;
        border: 1px solid #3e416d;
    }
/*================================ tab=====================================*/
a:focus, input:focus, .uk-close:focus, .closesub:focus, input:read-only:focus,
.uk-radio:focus, .uk-checkbox:focus, button:focus, label:focus {
    border: 1px solid #3e416d;
}

.page-menu a:focus {
    border: 1px solid transparent;
}

/*========================================================table dairy school schedule==================*/
/*========================================================table daily school schedule==================*/


.School-Student {
    width: auto;
    margin: 0px -70px;
}

    .School-Student .grid-page {
        display: flex;
        justify-content: space-between
    }

    .School-Student .logo-school {
        display: none
    }

    .School-Student .school-schedule {
        margin-left: 30px;
    }


    .School-Student .daily-school-student .description a {
        text-decoration: underline;
        color: #5C9F9E;
        margin-left: 5px
    }

    .School-Student .school-schedule .uk-table-divider tr th,
    .School-Student .school-schedule .uk-table-divider tbody tr :first-child {
        color: #4593BC;
        text-align: center
    }

    .School-Student .school-schedule .uk-table-divider thead tr {
        background: #D6EEF8;
    }

        .School-Student .school-schedule .uk-table-divider thead tr th,
        .School-Student .school-schedule .uk-table-divider tbody tr td {
            border: 1px solid #3e416d;
            font-size: 11px;
            padding: 0;
        }

    .School-Student .school-schedule .uk-table-divider tr .edit-period:focus {
        padding: 10px 5px;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td p {
        text-align: center
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td {
        padding: 0 5px;
    }

        .School-Student .school-schedule .uk-table-divider tbody tr td .subjectName {
            color: black;
            margin: 0;
            padding: 0;
            font-size: 12px;
            cursor: pointer;
        }

        .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher i {
            display: none;
            color: black
        }

        .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher:hover i {
            display: block
        }

        .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 5px;
            padding-top: 5px
        }

            .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher button {
                padding: 0;
                margin: 0;
                line-height: 1 !important;
            }

            .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher img {
                width: 25px;
                height: 25px;
                cursor: pointer
            }

    .School-Student .school-schedule .uk-table-divider tr th button {
        border-radius: 23px;
        padding: 0 7px;
        background: #EBEBEB;
        border: 1px solid #CBCBCB !important;
        margin: 0 10px 10px 10px;
    }

    .School-Student .school-schedule .uk-table-divider tr th .done,
    .School-Student .school-schedule .uk-table-divider tr th .cancel {
        display: none;
        font-weight: bold;
        width: 123.45px;
        color: #3e416d;
        text-transform: initial;
        font-size: 14px;
    }

    .School-Student .school-schedule .uk-table-divider tr th .done {
        color: #ffc107;
    }


.school-schedule .uk-table-divider thead tr {
    background: #D6EEF8
}

.School-Student .school-schedule .uk-table-divider > tr:not(:first-child), .School-Student .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > :first-child > tr:not(:first-child) {
    background: #F2FAFC
}

.School-Student .school-schedule .break {
    background: lightpink;
    text-align: center;
    margin: auto;
    line-height: 2.5;
    font-weight: 700;
    letter-spacing: 10px;
    position: relative;
    color: #fff;
}

    .School-Student .school-schedule .break p {
        line-height: 3.7;
        font-size: 12px
    }

    .School-Student .school-schedule .break i, .School-Student .school-schedule .weekend i {
        position: absolute;
        top: 0;
        left: 0;
        margin: 5px;
        width: 7px;
        cursor: pointer;
        color: #A9A9A9 !important
    }

.School-Student .school-schedule .Br-wk {
    padding: 0 100px;
    width: 65%;
    margin: auto !important;
}

    .School-Student .school-schedule .Br-wk label {
        text-align: center;
        margin: auto;
        line-height: 2.5;
        font-weight: 700;
        letter-spacing: 10px;
        font-size: 12px
    }

    .School-Student .school-schedule .Br-wk .Break {
        background-color: lightpink;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
    }

    .School-Student .school-schedule .Br-wk .Weekend {
        background-color: #EEEEEE;
        border-top-righ-radius: 20px;
        border-bottom-right-radius: 20px;
        box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
    }

    .School-Student .school-schedule .Br-wk .uk-margin {
        margin: 0 55px !important;
        border: 1px solid #3e416d;
    }

@media print {
    .School-Student .periods-print {
        display: table-row !important;
    }

    .School-Student .periods {
        display: none !important
    }

    .School-Student .customDays {
        visibility: hidden
    }

    .School-Student .headerContent {
        display: none !important
    }
    /*add new class for block in print and none for other */
    .School-Student .show-print {
        display: block !important;
    }
    /*============================margin top ========================================*/
    .School-Student .show-print {
        display: block !important;
    }

    .School-Student .logo-school {
        display: block
    }

        .School-Student .logo-school .description {
            margin-left: -60px !important
        }

        .School-Student .logo-school .uk-text-center {
            align-items: end;
        }

            .School-Student .logo-school .uk-text-center .user-profile-photo img {
                height: 90px;
                width: 80px;
            }

            .School-Student .logo-school .uk-text-center .description-semster h3 {
                margin: 0
            }

    .logo-school {
        margin-bottom: 10px
    }

    .School-Student .titles .time {
        color: black;
        transform: rotateZ(28deg);
        border-bottom: 1px solid;
        display: block;
        margin: 0px -12px -3px -2px;
    }

    .School-Student .titles .day {
        color: black;
        padding: 0 0;
        text-align: center;
        transform: rotateZ( 28deg);
    }

    .School-Student .titles {
        display: block;
        background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
        color: #fff
    }

    .School-Student .daily-school-student {
        display: none !important
    }

    .daily-school-student .description {
        margin-bottom: 10px
    }

    .mobile-header {
        display: none;
    }

    .School-Student {
        margin: 0 !important
    }

    .header-widget, .top-lang, .logo, .footer, .page-menu {
        display: none !important
    }

    .School-Student .subjects-card, .School-Student .customize-day, .School-Student .description p, .Br-wk, .School-Student .school-schedule .break i, .School-Student .school-schedule .weekend i, .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher button {
        display: none !important;
    }

    .School-Student .headerContent {
        color: #fff !important;
        background-color: darkgray !important;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        letter-spacing: 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        height: 25px;
        font-size: 15px !important;
    }

    .School-Student .school-schedule .uk-table-divider thead tr div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%) !important;
        padding: 0 7px;
        font-size: 12px;
    }

    .School-Student .school-schedule .uk-table-divider thead tr .time {
        border: 1px solid #3e416d !important;
        font-size: 11px;
        padding: 0;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher {
        padding: 0 !important
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td .selectTeacher {
        display: block !important;
    }

    .School-Student .school-schedule .break {
        background: lightpink !important;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr td .chooseTeacher {
        line-height: 3 !important
    }

    .School-Student .school-schedule .uk-table-divider tbody tr .day {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 7px 0 !important;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr th {
        background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%) !important;
    }

    .School-Student .school-schedule .uk-table-divider tbody tr .day {
        padding: 7px 0 !important;
        position: block !important
    }

    .School-Student .school-schedule .uk-table-divider tr th {
        padding: 0 !important
    }

    .School-Student .school-schedule .uk-table-divider tbody tr th i {
        display: none !important
    }

    .School-Student .weekend td p {
        line-height: 3 !important;
        color: black !important
    }

    .School-Student .school-schedule .uk-table-divider thead tr th {
        border: 1px solid #3e416d !important;
    }

    .School-Student .customDays span a {
        color: #fff !important;
        background-color: darkgray !important;
        display: inline-block !important;
        transform: rotate( -90deg);
        letter-spacing: 10px !important;
        font-weight: 700 !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        position: absolute !important;
        font-size: 15px !important;
        text-decoration: none !important
    }

    .School-Student .nonee, .School-Student .none {
        visibility: hidden !important
    }

    .School-Student .headerContent {
        border: none !important
    }

    .School-Student .school-schedule .uk-table-divider thead tr th {
        border: 1px solid #3e416d !important;
    }
}




[data-tooltip] {
    position: relative;
    cursor: pointer;
    z-index: 99999 !important
}

    [data-tooltip]:before,
    [data-tooltip]:after {
        line-height: 1;
        font-size: .9em;
        pointer-events: none;
        position: absolute;
        box-sizing: border-box;
        display: none;
        opacity: 0;
        z-index: 9999
    }

    [data-tooltip]:before {
        content: "";
        border: 5px solid transparent;
        z-index: 9999;
    }

    [data-tooltip]:after {
        content: attr(data-tooltip);
        text-align: center;
        min-width: 3em;
        max-width: 10em;
        word-break: break-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 6px 8px;
        border-radius: 3px;
        background: #4621FF;
        color: #FFFFFF;
        z-index: 9999;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        display: block;
        opacity: 1;
    }

    [data-tooltip]:not([data-flow])::before,
    [data-tooltip][data-flow="top"]::before {
        bottom: 100%;
        border-bottom-width: 0;
        border-top-color: #4621FF;
    }

    [data-tooltip]:not([data-flow])::after,
    [data-tooltip][data-flow="top"]::after {
        bottom: calc(100% + 5px);
    }

    [data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
    [data-tooltip][data-flow="top"]::before,
    [data-tooltip][data-flow="top"]::after {
        right: 50%;
        -webkit-transform: translate(-50%, -4px);
        transform: translate(-50%, -4px);
    }

    [data-tooltip][data-flow="bottom"]::before {
        top: 100%;
        border-top-width: 0;
        border-bottom-color: #4621FF;
    }

    [data-tooltip][data-flow="bottom"]::after {
        top: calc(100% + 5px);
    }

    [data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
        right: 50%;
        -webkit-transform: translate(-50%, 8px);
        transform: translate(-50%, 8px);
    }

    [data-tooltip][data-flow="left"]::before {
        top: 50%;
        border-left-width: 0;
        border-right-color: #4621FF;
        right: calc(0em - 5px);
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%);
    }

    [data-tooltip][data-flow="left"]::after {
        top: 50%;
        left: calc(100% + 5px);
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%);
    }

    [data-tooltip][data-flow="right"]::before {
        top: 50%;
        border-right-width: 0;
        border-left-color: #4621FF;
        left: calc(0em - 5px);
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%);
    }

    [data-tooltip][data-flow="right"]::after {
        top: 50%;
        right: calc(100% + 5px);
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%);
    }

[data-tooltip=""]::after, [data-tooltip=""]::before {
    display: none !important;
}

.uk-dropdown-nav > li {
    position: relative;
    z-index: 99999
}
/*================================ tab=====================================*/
a:focus, input:focus, .uk-close:focus, .closesub:focus, input:read-only:focus,
.uk-radio:focus, .uk-checkbox:focus, button:focus, label:focus {
    border: 1px solid #3e416d;
}

.page-menu a:focus {
    border: 1px solid transparent;
}

/*========================================================table daily school schedule==================*/
/*========================================================table daily school schedule==================*/
.School-Student .periods-print {
    display: none;
}

.School-Student .grid-page {
    display: flex;
    justify-content: space-between
}

.School-Student .school-schedule {
    margin-right: 30px;
}

.School-Student .daily-school-student {
    align-items: center !important
}

    .School-Student .daily-school-student .description {
        text-align: left
    }

        .School-Student .daily-school-student .description h3 {
            margin: 0;
        }

        .School-Student .daily-school-student .description a {
            text-decoration: underline;
            color: #5C9F9E;
            margin-right: 5px
        }


.School-Student .school-schedule .uk-table-divider tr th
color: #fff;
font-weight: 700;
}

.School-Student .school-schedule .uk-table-divider tbody tr :first-child {
    /* color: #fff;*/
    font-weight: 700;
}
/*.school-schedule .uk-table-divider tr th, .school-schedule .uk-table-divider tbody tr :first-child {
    color: #4593BC;
>>>>>>> 0bec203f9a6c9e1773de962ae09c0c572963ac79
    text-align: center
}
.School-Student .school-schedule .uk-table-divider thead tr {
    background: #D6EEF8;
}
.School-Student .school-schedule .uk-table-divider thead tr th, .school-schedule .uk-table-divider tbody tr td {
    border: 1px solid #B4E0EF;
}
<<<<<<< HEAD
.School-Student .school-schedule .uk-table-divider thead tr th:first-child {
=======
.school-schedule .uk-table-divider thead tr :first-child {
>>>>>>> 0bec203f9a6c9e1773de962ae09c0c572963ac79
    background: #F5F5F5;
    border:none
}
.School-Student .school-schedule .uk-table-divider tr th button {
    border-radius: 23px;
    padding: 0 7px;
    background: #EBEBEB;
    border: 1px solid #CBCBCB !important;
}
.School-Student .school-schedule .uk-table-divider tr th .done, .school-schedule .uk-table-divider tr th .cancel {
    display: none;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 70px;
    height: 35px;
    font-weight: bold;
}
.School-Student .school-schedule .uk-table-divider tr th .done {
    background: #D11651;
    color: #fff;
}
.School-Student .school-schedule .uk-table-divider tbody tr :first-child {
    background: #D6EEF8
<<<<<<< HEAD
}
/*.school-schedule .uk-table-divider tbody tr:last-child {
    background: #004E65 !important;
}*/
.School-Student table .weekend {
    background-color: #EEEEEE !important;
}

    .School-Student table .weekend td .weekend-cell {
        position: relative;
    }

        .School-Student table .weekend td .weekend-cell svg {
            position: absolute;
            top: 0;
            right: 0;
            margin: 5px;
            width: 7px;
            cursor: pointer;
        }

    .School-Student table .weekend td p {
        text-align: center;
        letter-spacing: 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-weight: 700 !important;
        color: #A9A9A9 !important;
        line-height: 2.5;
        font-size: 12px
    }

.School-Student .subject ul li {
    display: flex;
    justify-content: space-between;
}

    .School-Student .subject ul li p {
        margin: 0;
        font-size: 12px;
        font-weight: 700;
    }
/*.School-Student .school-schedule .uk-table-divider tbody tr:last-child {
    background: darkgray;
    color: #fff;
    text-align: center;
}*/
.School-Student .school-schedule .uk-table-divider tr .edit-period {
    background: darkgray !important;
    color: #fff;
    text-align: center;
    border: 1px solid #3e416d;
}
/*.School-Student .school-schedule .uk-table-divider tbody tr:last-child :first-child {
    background: darkgray;
}*/

.School-Student .school-schedule .uk-table-divider thead tr {
    background: #D6EEF8;
    font-weight: bold;
}

    .School-Student .school-schedule .uk-table-divider thead tr div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
        padding: 0 7px;
        font-size: 12px;
        color: #fff;
    }

        .School-Student .school-schedule .uk-table-divider thead tr div p {
            text-transform: lowercase;
            padding: 5px;
            border-radius: 5px;
            margin: 0 2px;
            font-weight: 700;
            color: #fff;
        }

.School-Student .school-schedule .uk-table-divider tbody tr .day p {
    padding: 5px;
    font-size: 12px;
    margin: 0 2px;
    font-weight: 700;
}

.School-Student .school-schedule .uk-table-divider tbody tr .listTeacher {
    height: 140px !important;
    width: 62.5px;
    overflow: auto;
    background: #f9f9f9;
}

    .School-Student .school-schedule .uk-table-divider tbody tr .listTeacher ul li a {
        color: #333 !important;
        font-size: 11px;
        text-align: left;
        padding: 5px 10px;
    }

        .School-Student .school-schedule .uk-table-divider tbody tr .listTeacher ul li a:hover {
            font-size: 13px;
        }

.School-Student .school-schedule .uk-table-divider tbody tr :first-child {
}

.School-Student .school-schedule .uk-table-divider thead tr th .minus {
    display: none;
    position: absolute;
    top: 40px;
    right: 42%;
    background: #E62C5D;
    color: #fff;
    padding: 2px;
    border-radius: 50%;
    z-index: 10;
}

.School-Student .school-schedule .uk-table-divider thead tr th .plus {
    display: none;
    position: absolute;
    top: 40px;
    right: -8px;
    z-index: 10;
    color: #fff;
    background: #62d76b;
    padding: 2px;
    border-radius: 50%;
}

.School-Student .school-schedule .uk-table-divider tbody tr .day {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 7px 0 !important;
}

.School-Student .school-schedule .uk-table-divider tbody tr th {
    background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
}

.School-Student .school-schedule table {
    border-collapse: inherit !important
}

.School-Student .school-schedule .uk-table-divider tbody tr th .plus-row {
    display: none;
    position: absolute;
    top: 35%;
    right: -5%;
    color: #fff;
    z-index: 10000000000;
    background: #62d76b;
    padding: 2px;
    border-radius: 50%;
}

.School-Student .school-schedule .uk-table-divider tbody tr th .minus-row {
    display: none;
    position: absolute;
    top: -20%;
    right: -5%;
    color: #fff;
    background: #E62C5D;
    padding: 2px;
    border-radius: 50%;
}
/*   .School-Student  .school-schedule .uk-table-divider thead tr::after {
        content: "";
        position: absolute;
        background: red;
        width: 10px;
        height: 30px
    }*/
.School-Student .school-schedule .uk-table-divider > tr:not(:first-child),
.School-Student .uk-table-divider > :not(:first-child) > tr, .School-Student .uk-table-divider > :first-child > tr:not(:first-child) {
    background: #F2FAFC
}

.School-Student .headerContent {
    width: 100%;
    text-align: center;
    color: #fff !important;
    background-color: darkgray;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    letter-spacing: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    height: 25px;
    font-size: 15px !important;
}

.School-Student .customDays {
    color: #fff !important;
    background-color: darkgray !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0 !important;
    overflow: hidden;
    border: none !important
}

    .School-Student .customDays span {
        height: 350px;
        position: relative;
        width: 25px;
        color: #fff !important;
        background-color: darkgray !important;
        display: inline-block;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

        .School-Student .customDays span a {
            color: #fff !important;
            background-color: darkgray !important;
            display: inline-block;
            display: inline-block;
            transform: rotate(-90deg);
            letter-spacing: 10px;
            font-weight: 700;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            position: absolute;
            font-size: 15px;
        }

.School-Student .school-schedule .nonee {
    border: none !important;
}

.School-Student .none {
    background: #F5F5F5;
    border: none !important
}

.School-Student .headerContent {
    border: none !important;
    padding: 5px
}

.School-Student table tbody tr th {
    padding: 0 !important;
    font-size: 10px;
    border-top: 1px solid #3e416d;
    border-bottom: 1px solid #3e416d;
}

.School-Student .daily-school-student h3 span {
    text-transform: initial
}
/*#custom-daily-school-student thead {
    position: relative
}*/
/*#custom-daily-school-student thead::before {
    content: "PERIOD";
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: cornflowerblue;
    color: #fff;
    left: 0;
    top: -27px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}*/
.School-Student .subjects-card {
    position: relative
}

    .School-Student .subjects-card::after {
        content: "SUBJECTS";
        position: absolute;
        background: darkgray;
        color: #fff;
        width: 100%;
        height: 25px;
        top: 0;
        border-top-left-radius: 23px;
        border-top-right-radius: 23px;
        letter-spacing: 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-weight: 700;
        font-size: 15px
    }

.subjects-card .uk-list-striped > li:nth-of-type(odd), .uk-list-striped li:nth-of-type(odd) {
    background: #EEE
}

.School-Student .subjects-card {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.School-Student .subject {
    padding-top: 45px;
    border: 1px solid #3e416d;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
}

    .School-Student .subject h6 {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
    }

    .School-Student .subject ul {
        margin: 0;
        height: auto;
        max-height: 250px;
        overflow: auto;
    }

    .School-Student .subject button {
        width: 100% !important;
        padding: 5px 0;
        background: darkgray;
        color: #fff
    }

    .School-Student .subject .uk-flex-middle {
        padding: 5px
    }

    .School-Student .subject ul, .School-Student .subject ul li {
        border-top: 1px solid #3e416d;
        border-bottom: 1px solid #3e416d;
        background: #F5F5F5
    }

.School-Student .school-schedule.uk-overflow-auto {
    overflow: auto !important;
}


.School-Student .school-schedule .uk-table-divider thead tr {
    background: #D6EEF8
}

.School-Student .school-schedule .uk-table-divider > tr:not(:first-child),
.School-Student .uk-table-divider > :not(:first-child) > tr,
.School-Student .uk-table-divider > :first-child > tr:not(:first-child) {
    background: #fff
}

.School-Student .uk-table-divider > :first-child > tr:not(:first-child) {
    background: transparent !important
}
/*========================================student infooooooo*/
.student-info .table-teacher .graduated {
    background-image: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
}

.student-info .student-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*student info bude position */
.student-info .uk-badge {
    box-sizing: border-box;
    border-radius: 0px;
    position: relative;
    top: -10px;
    left: 20px;
}
/*========================================student infooooooo*/
.student-info .table-teacher .graduated {
    background-image: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
}

.student-info .student-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*student info bude position */
.student-info .uk-badge {
    box-sizing: border-box;
    border-radius: 0px;
    position: relative;
    top: -10px;
    right: 20px;
}
/*======================= caption froom blezor=================================*/
.acadmic-year .table-modal-acdm .uk-table caption {
    background-color: #f6f6fb;
    padding: 1px 8px;
    color: #1b1b7b !important;
    padding: 0px 3px !important;
    caption-side: top;
}
/*=================================== acadimic year =================*/
.acadmic-year .open-occar {
    float: left;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.student-info .inline-status {
    margin-left: 0 !important
}

.student-info .inline-row {
    position: relative !important;
}

    .student-info .inline-row .uk-badge {
        position: absolute !important;
        top: -9px !important;
        right: 94.6%;
    }

    .student-info .inline-row span {
        margin-left: 10px
    }

/*==================================addparent-page=========================*/
.teacher-modals .relation-type .uk-margin {
    display: grid !important;
}

    .teacher-modals .relation-type .uk-margin .uk-form-controls {
        margin: 0 !important
    }

.selectRelation .uk-modal-body {
    padding: 1px 30px 12px;
}

.selectRelation .uk-modal-dialog {
    width: 30% !important
}

.selectRelation .button:last-of-type {
    margin: 0 !important
}

.teacher-modals .semsterAndLevel {
    display: flex;
    justify-content: space-between;
}

    .teacher-modals .semsterAndLevel .uk-margin {
        width: 100% !important;
        margin-left: 10px
    }

.teacher-modals .search-student {
    display: flex;
    align-items: center;
}

    .teacher-modals .search-student .uk-input {
        margin: 0 30px;
    }

.teacher-modals .studentToParent ul li a {
    color: #144cb9;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px
}

.teacher-modals .list-students {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .teacher-modals .list-students li {
        display: flex;
        align-items: center;
        border: 1px solid #e5e5e5;
        padding: 5px 15px;
    }
/*========================add new student====================*/
.parent-modal .edit-input {
    width: 65%;
    /*  margin-right: 18% !important;*/
    display: flex;
}

.parent-modal .edit-relation {
    display: flex;
    align-items: center;
}

    .parent-modal .edit-relation button {
        background: transparent;
        border: none;
    }

.student-profile .relation-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .student-profile .relation-img label {
        margin: 0 0 0 20px;
    }

.student-profile .uk-form-controls {
    width: 100%
}
/*=====================================levels*/
.addRelation-modal .RelationRow {
    align-items: center;
}

    .addRelation-modal .RelationRow .uk-width-3-4 {
        width: 50% !important
    }

        .addRelation-modal .RelationRow .uk-width-3-4 .input-addRelation {
            padding-left: 20px;
        }

    .addRelation-modal .RelationRow .uk-width-1-4 {
        width: 50%;
    }

        .addRelation-modal .RelationRow .uk-width-1-4 .add-portal {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

.addRelation-modal .addRelation {
    justify-content: space-between;
    align-items: center;
}

    .addRelation-modal .addRelation .input-Relation {
        margin-bottom: 0 !important
    }

.addRelation-modal .switch-access {
    display: flex;
    align-items: center
}

    .addRelation-modal .switch-access .Acses {
        margin-right: 15px
    }

.addRelation-modal .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    margin-left: 40px;
}

    .addRelation-modal .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.addRelation-modal .switch-levels > form {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.addRelation-modal .levels-head {
    display: flex;
    justify-content: space-between;
}

.addRelation-modal .switch-levels {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.addRelation-modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: darkgray;
    -webkit-transition: .4s;
    transition: .4s;
}

    .addRelation-modal .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        right: 30px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.addRelation-modal input:checked + .slider {
    background-color: #2196F3;
}

.addRelation-modal input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.addRelation-modal input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.addRelation-modal .slider.round {
    border-radius: 34px;
}

    .addRelation-modal .slider.round:before {
        border-radius: 50%;
    }
/*==============================addschedule table*/
.addschedule .button:last-of-type, .copySchedule .button:last-of-type {
    margin-right: 0 !important
}

.add-schedule-btn {
    background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);
    border: none
}

.addschedule .uk-modal-dialog, .copySchedule .uk-modal-dialog {
    width: 500px
}
/*=============================================add schedule time*/
.copySchedule .uk-disabled {
    background-color: #dbd9d9;
}

.add-schedule .head-bar {
    justify-content: space-between !important
}

.schedule-table .schedule-time th {
    padding: 16px 7px;
}

.schedule-table .schedule-time td {
    padding: 5px 5px;
}
/*==========================student profile*/
.added-parent .uk-text-center {
    width: 100% !important;
    /*justify-content: space-between;*/
    margin: 0;
    margin-top: 30px;
    text-align: right !important;
}

    .added-parent .uk-text-center .uk-width-1-3 {
        width: calc(100% * 1 / 3.1) !important;
    }
/*==========================================student home*/
.studen-page .ft-weight {
    font-weight: normal
}
/*==========================================================curriculums*/
.addSub .add-sub-model {
    display: flex;
    align-items: center;
}

    .addSub .add-sub-model label {
        color: #3e416d;
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
        font-weight: 600;
        padding: 0 1rem;
    }

    .addSub .add-sub-model select {
        width: auto;
    }

    .addSub .add-sub-model p {
        margin: 0;
        color: blue;
        font-weight: 700
    }
/*======================================= daily school setting*/
.SubmitFormLecrtureDates .daily-lec-sett .custom {
    display: inline
}

.SubmitFormLecrtureDates .daily-lec-sett hr {
    margin: 20px 0;
}

.SubmitFormLecrtureDates .daily-lec-sett .customization .uk-margin {
    display: flex;
    align-items: center;
    margin-top: 0 !important;
}

    .SubmitFormLecrtureDates .daily-lec-sett .customization .uk-margin label {
        text-align: right;
        width: auto !important;
        margin-right: 15px;
    }

/*==========================teatcher dropdown =========================================*/

.School-Student .custom-daily-school-student .uk-dropdown {
    min-width: 150px !important;
    overflow-x: hidden !important;
}

.School-Student .table-teacher .uk-dropdown {
    padding: 1px 0px;
}

.School-Student .titles .time, .School-Student .titles .day {
    display: none
}
/*.School-Student .periods th{
    background: darkgray !important;
}*/

.School-Student .period-tab {
    font-size: 12px
}

.School-Student .titles .time {
    color: black;
    transform: rotateZ( 24deg);
    border-bottom: 1px solid;
    display: none;
    margin: 3px 1px 0px -8px;
}

.School-Student .titles .day {
    color: black;
    text-align: center;
    edit-period transform: rotateZ( 28deg);
    display: none
}

.School-Student .titles {
    display: block;
    /* background: -webkit-linear-gradient(top,#ffc107 40%, #EAB61B 100%);*/
    color: #fff;
    width: 100% !important
}
/*======================================= tooltip================================*/
.uk-tooltip.uk-active {
    font-size: 10px !important;
    background-color: #ddd !important;
    color: #333 !important;
}
/*============================Student Group Page=======================================*/
.clear-both {
    clear: both
}

.join-selected .button {
    height: 28px;
    line-height: 29px;
}

.add-btn .icon {
    margin-top: 5px;
    color: #4c5086;
}

.student-group-page .add-btn .button {
    box-shadow: none;
    font-size: 10px;
    margin: 0px;
    padding: 0px 6px 0px 0px;
}

.student-group-page .add-btn button:hover, .student-group-page .add-btn button:focus, .add-btn button:active {
    background-image: -webkit-linear-gradient(top,#4c5086 40%,#747aca 100%);
    box-shadow: none;
}

.student-group-page .group-table {
    border-radius: 10px;
    border: 2px solid #e7edf6
}

.student-group-page .iframe {
    width: 70px;
    height: 30px;
    background-size: 85%;
}

.student-group-page .add-btn {
    height: 30px;
    box-shadow: none;
    background-image: -webkit-linear-gradient(top,#747aca 40%, #4c5086 100%);
}

    .student-group-page .add-btn:hover {
        box-shadow: none;
        background-color: #3e416d;
    }

    .student-group-page .add-btn .button {
        font-size: 11px;
        line-height: 28px;
        height: 30px;
    }

.student-group-page .details {
    font-size: 10px
}

.student-group-page .uk-button {
    line-height: normal;
}

.student-group-page .group-table .uk-table td {
    padding: 0px 15px;
    vertical-align: top;
}

.student-group-page .group-table .uk-table th {
    text-transform: none;
}

.group-table .details {
    margin-top: 0px;
}

.group-table .circle-img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    border: 1px solid #f5bb10;
    padding: 2px;
}

/*.student-group-page .group-table .uk-table-divider > tr:not(:first-child),
.student-group-page .group-table .uk-table-divider > :not(:first-child) > tr,
.student-group-page .group-table .uk-table-divider > :first-child > tr:not(:first-child) {
    border-top: 0px;*/
/* border-radius: 5px;*/
/*background-color: #e7f9f5;*/
/*}*/

.student-group-page .group-table .uk-table-striped > tr:nth-of-type(2n+1),
.student-group-page .group-table .uk-table-striped tbody tr:nth-of-type(2n+1) {
    background: #f8ead7;
    border-radius: 5px;
    border-top: 0px;
    border-bottom: 0px
}

.student-group-page .group-table .th-img {
    width: 32Px;
    height: 32px
}

    .student-group-page .group-table .th-img img {
        width: 100%;
        height: 100%;
    }

.student-group-page .group-table .th-details .th-img,
.student-group-page .group-table .th-details label {
    display: inline-block
}

.addGrop .uk-modal-body,
.addGrop .uk-modal-body {
    padding: 0px 30px 0px;
}

.student-group-page .group-table .ul-sub-list li {
    border: 0px;
    background-color: transparent
}

.addGrop .avatar-small {
    width: 1.4rem;
    height: 1.4rem;
}

.addGrop .uk-list ul {
    padding-left: 2px;
}

.group-table .subjects-card .uk-list-striped > li:nth-of-type(2n+1),
.group-table .uk-list-striped li:nth-of-type(2n+1) {
    background: transparent;
}

.addGrop .uk-list-striped > li {
    padding: 1px 10px;
}

    .addGrop .uk-list-striped > li:nth-child(odd) {
        background-color: #e7f9f5;
    }

    .addGrop .uk-list-striped > li:nth-child(even) {
        background-color: #f8ead7;
    }

.addGrop .ul-sub-list img {
    margin-right: 10px
}

.addGrop .ul-sub-list li {
    width: 100%;
}

.addGrop .ul-sub-list {
    margin-left: 10px;
    padding: 2px
}

.addGrop .student-search-list {
    font-size: 12px
}

.addGrop .select-all-stud label {
    margin-top: 3px;
    font-size: 12px;
}

.addGrop .select-all-stud .uk-checkbox {
    margin-left: 10px
}

* + .addGrop .teacher-modals .uk-margin {
    margin-top: 5px !important;
}

.addGrop .uk-form-label {
    color: #3e416d;
    font-size: 12px;
}

.addGrop .uk-margin {
    margin-bottom: 0px !important;
}

.addGrop .uk-modal-header {
    padding: 8px 30px;
    background: #a6b9d5 !important;
}

.addGrop .uk-modal-body {
    padding: 30px 30px 0px;
    background-color: #efedf8 !important;
}

.addGrop .uk-modal-footer {
    background: #efedf8 !important;
}

.addGrop .uk-input,
.addGrop .uk-textarea {
    resize: none;
    border-radius: 8px;
}

.bg-orange {
    color: #fff;
    border-color: #f8ead7;
    background-color: #f7a22e;
}

    .bg-orange:hover {
        background-color: #f19312;
    }

.student-group-page .addGrop .button:last-of-type {
    margin-left: 3px;
}

.empty-group-img {
    text-align: center;
    margin: 0 auto;
    width: 550px;
}

.empty-group .btn-add {
    margin-bottom: 10px
}

.empty-group .add-btn .button {
    box-shadow: none;
    font-size: 12px;
}

.addGrop .uk-close {
    color: #fff;
}

.addGrop .uk-modal-body {
    padding: 7px 30px 15px !important;
    background-color: #efedf8 !important;
}

.trasht-student {
    border: 0px;
    background-color: transparent !important;
    padding-top: 2px
}

.th-img, .accordion-label {
    display: inline-block
}

.group-accordion .group-table {
    border: 0px
}

.group-accordion li {
    margin-bottom: -10px;
    border-radius: 18px;
    padding: 2px 6px;
}

    .group-accordion li:nth-child(odd) {
        background-color: #edffd4;
        border: 1px solid #d1fb97;
    }

    .group-accordion li:nth-child(even) {
        background-color: #f3e0e1;
        border: 1px solid #fbc3c6;
    }

.left-width {
    width: 80%
}

.uk-accordion-content {
    margin-top: 10px;
}

table {
    border: 2px solid #fff;
    border-radius: 20px;
}

.accordion-table {
    max-height: 150px;
    overflow-y: hidden;
}

    .accordion-table:hover {
        border: 2px solid #fff;
        overflow-y: scroll;
    }

        .accordion-table:hover table {
            border: 0px;
        }

.group-accordion a:focus {
    border: 0px !important;
}

.join-selected {
    background-color: #f7fdf3;
    border-radius: 10px;
    margin-top: 10px;
    border: 2px solid #e4ecde;
}

.action-img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px
}

    .action-img img {
        width: 100%;
        height: 100%;
    }

.modal-list-student {
    height: 150px;
    overflow-y: hidden;
}

    .modal-list-student:hover {
        overflow-y: scroll;
    }

/*=====================asignment=================*/
/*=====================================asignment=================*/
/**accordion*/
.uk-accordion-title .csm-icon {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20ratio%3D%221%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.03%22%20points%3D%2216%207%2010%2013%204%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
}

.uk-open > .uk-accordion-title .csm-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20ratio%3D%221%22%3E%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.03%22%20points%3D%224%2013%2010%207%2016%2013%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}

.assign-page .empty-group-img {
    text-align: center;
    margin: 0 auto;
    width: auto;
    margin-left: -15%;
}

.assignment-accorion .uk-width-1-3 {
    width: calc(90% * 1 / 3.001);
}

.assignment-questions .questions-block h4 {
    color: #3e416d;
}

.assignment-questions .questions-block {
    border-bottom: 1px solid #D1EEC7;
    padding-bottom: 17px;
    margin-bottom: 15px;
}

    .assignment-questions .questions-block:last-child {
        border-bottom: 0px;
    }

    .assignment-questions .questions-block h5 {
        font-size: 12px;
    }

    .assignment-questions .questions-block .sub-questions {
        margin-bottom: 5px
    }

    .assignment-questions .questions-block textarea {
        width: 70%;
        background-color: #f8f8f8;
        border: 1px solid #CCC;
        border-radius: 10px
    }

.assignment-questions {
    height: 200px;
    overflow-y: hidden
}

    .assignment-questions:hover {
        overflow-y: scroll
    }

.mt-35 {
    margin-top: 35px
}

.add-assign .select-control {
    height: 35px !important;
    border: 1px solid #f7f5f5;
    background-color: #fff;
    /*overflow-x: hidden !important;
    overflow-y:hidden!important;*/
    border-radius: 10px;
}

    .add-assign .select-control:hover {
        /* overflow: scroll !important;
   ;*/
    }

.add-assign .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 85px !important;
    height: 27px !important;
    width: 10px;
    background-color: #f9dbdb;
    padding-right: 9px;
    float: right;
}

.add-assign .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #9b9191 !important;
    border-right: 1px solid #e8bcbc !important;
}

.add-assign .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0px 6px 0px 30px !important;
}

.
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f9dbdb !important;
    color: #7b7878 !important;
}

.add-assign .uk-modal-dialog {
    width: 65%;
}

    .add-assign .uk-modal-dialog .uk-input, .uploadFile .uk-modal-dialog .uk-select {
        background: #edffd4;
        border: 1px solid #cecccc;
    }

.add-assign input:read-only {
    border: 1px solid #a4eda2;
}


.add-assign .simplebar-content,
.select2-container--default .select2-selection--multiple {
    background: #edffd4 !important;
}

.add-assign .upload-btn {
    margin-left: 30px;
    padding: 0px 9px;
    height: 25px;
    border-radius: 8px;
    line-height: 25px;
    background-color: #f9eded;
    color: #857edb;
}

    .add-assign .upload-btn:hover {
        background: #3e416d;
        color: #fff;
    }

.add-assign .uplod-block {
    background-color: #edffd4;
    border-radius: 5px;
    padding: 3px;
}

.text-editor {
    margin-top: 10px;
    background-color: #d9dbe2;
    padding: 4px 7px 4px 4px;
    border-radius: 5px
}

.add-txteditor {
    margin-top: 10px;
    background-color: #fff
}

.richText .richText-toolbar ul li a {
    display: block;
    padding: 10px 13px 0px 0px !important;
}

.richText .richText-editor {
    height: 20px !important;
}
/*drop zone*/
.drop-zone-upload {
    border: 2px dashed #3e416d;
    padding: 20px;
    text-align: center;
}

    .drop-zone-upload .upload-img {
        margin: 0 auto;
        text-align: center
    }

.addStudent .uk-modal-dialog {
    width: 40%;
}

.focusbtn:hover {
    border: 1px solid #3e416d;
}

.add-assign {
    border: 1px solid #585b81;
    margin-top: 20px !important;
    border-radius: 30px;
    background: #f1f7f9 !important;
}

    .add-assign .uk-modal-body {
        padding: 7px 30px 15px !important;
        background-color: transparent !important;
    }

    .add-assign .uk-modal-header {
        padding: 8px 30px;
        background: transparent !important;
        color: #3e416d !important;
    }

        .add-assign .uk-modal-header h4 {
            color: #3e416d !important;
        }

    .add-assign .uk-input, .add-assign .uk-textarea {
        background: #edffd4 !important;
    }

    .add-assign .uk-margin {
        margin-top: 0px !important;
    }

    .add-assign h6, .add-assign .uk-h6 {
        line-height: 0.4 !important;
    }

    .add-assign ul li a {
        color: #144cb9;
        text-decoration: underline;
        cursor: pointer;
        font-size: 10px !important;
        margin-left: 14px !important;
    }

.mt-custom-30 {
    margin-top: -30px !important
}

.add-assign .uk-modal-footer {
    padding: 5px 30px !important;
    background: transparent !important;
}

/*.select2-dropdown {
    border: 0px solid #aaa !important;
}*/
/*=================================================start media============================*/
@media(max-width:991px) {

    .tech-table p {
        margin-bottom: 0px;
        font-size: 12px;
    }

    .check-label-csm {
        width: auto !important
    }

    .check-label-csm {
        margin-left: 5px !important;
    }

    .acadmic-year .uk-form-horizontal .uk-form-controls,
    .teacher-modals .uk-form-horizontal .uk-form-controls,
    .subject-design .uk-form-horizontal .uk-form-controls {
        margin-right: 0px !important;
    }

    .acadmic-year .uk-form-horizontal .uk-form-label,
    .teacher-modals .uk-form-horizontal .uk-form-label,
    .subject-design .uk-form-horizontal .uk-form-label {
        width: 100% !important;
    }

    .inline-blok .sub-abb {
        display: inline-block;
        width: 30%;
        font-size: 14px;
    }

    .nth-n2 {
        width: 28%
    }

    .nth-n3 {
        width: 45%;
    }

    .th-csm {
        width: 5%;
    }
}

@media(max-width:960px) {
    #pagin-h .uk-flex-inline {
        display: block;
    }

    .daily-lec-table tr th:nth-of-type(2n+2) span,
    .daily-lec-table tr th:nth-of-type(2n+3) span,
    .daily-lec-table tr th:nth-of-type(2n+4) span {
        display: none;
    }

    .daily-lec-table tr th:nth-of-type(2n+1) {
        margin-bottom: -18px;
    }

    .am-pm-custom {
        display: inline-block;
        width: 11%;
        padding-top: 1px;
        font-size: 14px;
    }

    .mud-picker-inline mud-picker-input-text {
        display: inline-block !important;
        width: 86% !important;
    }
}

@media(max-width:890px) {
    .tr-abs {
        position: relative;
        left: 14%;
    }
}
/*daily setting query*/
@media(max-width:767px) {

    .video-guide {
        background-color: #eae2e2;
        padding: 3px 4px;
        width: 97%;
        margin-bottom: 14px !important;
    }

    .daily-lec-sett .uk-form-width-small {
        width: 100% !important;
    }

    .acd-current-year {
        text-align: center;
        width: auto;
        display: inline-block;
        font-size: 14px;
    }

    .search-teacher {
        width: 100%
    }

    .dark-blue-sm {
        margin-top: 3px;
    }

    .mail-teatcher {
        display: inline-flex;
    }
}


@media(max-width:640px) {
    .teacher-modals .button:last-of-type {
        margin-right: 0px;
        padding: 0px 9px;
        margin-top: 6px;
    }

    .div-ass {
        display: block !important;
        position: absolute;
        bottom: 100px;
    }


    .studen-page .animate-this:hover .div-ass, .studen-page .animate-this:focus .div-ass {
        bottom: 0px;
    }
}

@media(max-width:600px) {
    .teacher-content .uk-table th, .teacher-content .uk-table-striped th, .table-teacher .uk-table th, .table-teacher .uk-table-striped th {
        width: 100%;
    }

    .filter-stud .uk-select {
        max-width: 82%;
        width: 100%;
    }

    .acadmic-year .uk-accordion-content {
        margin-top: 18px;
        background-color: #e8e8f7;
    }

    button {
        width: auto !important;
    }

    .app-close .button {
        padding: 0px !important;
    }
}

@media(max-width:550px) {
    .acadmic-year .course-curriculum-list li .semster-name {
        text-align: right;
        width: 40%;
    }

    .acadmic-year .course-curriculum-list li .curr-name {
        text-align: right;
        width: 40%;
        color: #e8b620;
    }

    .acadmic-year .uk-margin-large-right {
        margin-right: 0px !important;
    }

    .acadmic-year .uk-margin-large-left {
        margin-left: 0px !important;
    }

    .flheader-csm {
        float: none;
    }

    .tr-abs {
        position: relative;
        right: 20%;
    }

    .uk-search-icon {
        display: inline-flex;
    }

    span.uil-user {
        display: block;
    }

    .AddLevel {
        display: block;
    }

    .section-header-right {
        justify-content: right;
    }

    .see-all.uk-flex {
        display: block;
    }

    .see-all .button {
        margin: 0 0;
    }

    form button.admin-btn {
        width: 100px;
    }

    .curr-sem {
        display: block
    }

    .acadmic-year .button, .custom-table-design .button {
        line-height: 23px;
        padding: 0 2px;
        height: 25px;
        font-weight: 500;
    }
}

@media(max-width:400px) {

    .acd-bar .section-header-left {
        flex: auto;
        min-width: 1px;
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .acadmic-year .uk-float-right {
        float: none;
    }

    .acadmic-year .course-curriculum-list li .semster-name {
        width: 100%;
        display: block;
    }

    .acadmic-year .course-curriculum-list li .curr-name {
        width: 100%;
        color: #e8b620;
        display: block;
    }
}

@media(max-width:370px) {
    .mud-picker-pos-below {
        visibility: visible;
        left: -16% !important;
    }

    .mud-picker-pos-above {
        bottom: 0;
        visibility: visible;
        left: -17% !important;
    }
}

button .SubmitBtn {
    margin-top: 6px;
}
/*======================================School Academic Years-Blazor: issue in page responsive as attached image */
@media(max-width:500px) {
    .responsive-bug .uk-table-link span:first-of-type {
        width: 100%;
        display: block;
    }

    .responsive-bug .uk-margin-small-right {
        margin-right: 0px !important;
    }

    .responsive-bug .uk-margin-small-left {
        margin-left: 0px !important;
    }

    /*===================add new student*/
    .student-profile .relation-img {
        padding: 1.5rem !important;
    }

    /*==============levels============*/
    .addRelation-modal .RelationRow {
        display: block
    }

        .addRelation-modal .RelationRow .uk-width-1-4 {
            padding-right: 30px;
            width: auto
        }

            .addRelation-modal .RelationRow .uk-width-1-4 .add-portal {
                display: block
            }

        .addRelation-modal .RelationRow .uk-width-3-4 {
            width: auto !important
        }

    .addRelation-modal .levels-head {
        width: 300px
    }
    /*==============================addschedule table*/
    .add-schedule .uk-child-width-expand {
        display: block;
        text-align: right !important;
    }

        .add-schedule .uk-child-width-expand .uk-width-1-3 {
            width: 100%
        }

    .schedule-table {
        overflow: auto !important
    }
}
/*======================================daily school schedule */
@media(max-width:500px) {
    .School-Student .grid-page {
        display: block;
    }

    .School-Student .school-schedule {
        margin-left: 0px;
        margin-bottom: 30px
    }

        .School-Student .school-schedule.uk-overflow-auto {
            overflow: auto !important;
        }

    .School-Student {
        margin: 0 !important
    }

        .School-Student .school-schedule .Br-wk {
            width: 100%;
            flex-wrap: nowrap;
            align-items: baseline
        }
}
/*====================================add student parent===========================*/
.parent-table .tech-table .mail-teatcher .dark-blue-sm {
    margin-left: 5px;
}

.parent-table .addsub {
    margin-top: 10px;
}

.parent-table .ul-sub-list li {
    margin-top: 10px;
}

.parent-table .details {
    margin-top: 10px
}

.student-info .inline-row .uk-badge {
    top: -9px !important;
    right: 84.6%;
}

/*new */
span.display_NickName {
    display: inline-block;
}
/*21/10 added by buthainah*/
.studentLink {
    justify-content: space-between;
    width: 50%;
    text-align: left;
    display: flex;
}

.select-custom-color .uk-input, .select-custom-color .uk-select:not([multiple]):not([size]) {
    color: #585b81 !important;
}

/*new teacher dashboard by buthainah*/

span.top-date {
    font-size: 20px;
    color: #f24a8d;
    font-weight: 700;
}

.teacher-dash .uk-card-default {
    background: #d8fff6;
    box-shadow: none;
}

.teacher-dash .uk-card-body {
    background: #ffe6f0;
    border-top-left-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
    padding: 13px;
}

.teacher-dash .uk-card {
    border-radius: 2.25rem;
    box-shadow: none;
    width: max-content;
}

.teacher-dash .uk-cover-container {
    text-align: center;
    padding: 13px;
}

.teacher-dash li {
    text-decoration: none;
    list-style: none;
    color: #190f52;
}

    .teacher-dash li span {
        font-size: 9px;
    }

        .teacher-dash li span.percent-sign {
            font-size: 20px;
        }

        .teacher-dash li span.btn-option {
            font-size: 20px;
        }

.teacher-dash ul {
    padding-right: 2px;
}

.teacher-dash .uk-dropdown li > img {
    height: 15px;
}

.teacher-dash ul.lecture-details li > img {
    height: 15px;
}

.teacher-dash .uk-card-body span.date {
    font-size: 11px;
    color: #f24a8d;
    font-weight: 700;
}

.teacher-dash .uk-card-body .uk-card-title {
    font-size: 1.5rem;
    line-height: 0.4;
    color: #f24a8d;
}

.teacher-dash .uk-card-body a.Go-link > h6 {
    color: #f24a8d;
    font-weight: bold;
}

.teacher-dash .uk-dropdown {
    min-width: 200px !important;
    background: #f4fecb;
}

.uk-dropdown li img {
    height: 15px;
    margin-left: 10px;
}

.your-lecture ul.Days {
    display: inline-flex;
}

    .your-lecture ul.Days li {
        justify-content: space-between;
        padding: 0 20px;
        margin-left: 7px;
        border-radius: 50px;
        list-style: none;
    }

.your-lecture ul li.Saturday {
    background: #effbfe;
    color: #3e416d;
}

.your-lecture ul li.Sunday {
    background: #ffe6f0;
    color: #A9A9A9;
}

.your-lecture ul li.Monday {
    background: #f8ead7;
    color: #A9A9A9;
}

.your-lecture ul li.Teusday {
    background: #ffcf98;
    color: #A9A9A9;
}

.your-lecture ul li.Teusday {
    background: #ffcf98;
    color: #A9A9A9;
}

.your-lecture ul li.Wednesday {
    background: #00ccf2;
    color: #A9A9A9;
}

.your-lecture ul li.Thursday {
    background: #ffe9e9;
    color: #A9A9A9;
}

.your-lecture ul li.Friday {
    background: #d892ae;
    color: #dbdbdb;
}

.your-lecture .uk-dropdown {
    min-width: 200px !important;
    background: #f4fecb;
}

    .your-lecture .uk-dropdown li > img {
        height: 15px;
    }

.your-lecture ul.level-sec li > img {
    height: 12px;
}

.left-border {
    border-right: 5px solid #fd4e71;
    padding-right: 7px;
}

.your-lecture {
    padding: 2em;
    background: #fff8fa;
}

    .your-lecture .uk-slider-items.uk-grid {
        flex-wrap: nowrap;
        height: 200px;
    }

    .your-lecture .uk-card {
        border-radius: 2.25rem;
        box-shadow: none;
        width: 100%;
        min-width: 267px;
        padding: 17px;
        background: #e7f9f5;
    }

        .your-lecture .uk-card ul.level-sec {
            display: inline-flex;
            /* // justify-content: space-between;*/
            padding: 0;
        }

            .your-lecture .uk-card ul.level-sec li {
                list-style: none;
            }

    .your-lecture .uk-card-body {
        background: #e7f9f5;
        display: grid;
    }

        .your-lecture .uk-card-body .uk-card-title {
            font-size: 1.5rem;
            line-height: 0.4;
            color: #f24a8d;
        }

        .your-lecture .uk-card-body ul.level-sec li span {
            font-size: 10px;
            font-weight: 600;
        }

/*reset color from #f7fafe to white*/
.top-menu2 {
    background: #fff !important;
    border-bottom: 1px solid #ededed;
}
/*i reset color from background: #f7fafe; to white */

.First-Section {
    background: #fff;
    padding-left: 132px;
    padding-top: 0px;
    padding-right: 20px;
}

.Second-Section {
    background: #e4ebf4;
    padding-top: 48px;
    padding-left: 20px;
    padding-right: 20px;
}

.teacher-details {
    margin-right: 10px;
    margin-top: 12px;
}

    .teacher-details h4 {
        margin: 0 0 -4px 0;
        color: #261d56;
    }

    .teacher-details p {
        color: #261d56;
    }

.Third-Section {
    justify-content: center;
}

.state-top {
    display: flex;
    justify-content: space-between;
}

    .state-top ul {
        display: flex;
        list-style: none;
        margin-right: 24px;
    }

        .state-top ul li {
            margin-right: 10px;
            border-radius: 50px;
            padding: 0 5px;
            width: auto;
            text-align: center;
        }

        .state-top ul > li.active-tab {
            background: #dcdbdb;
            height: fit-content;
        }

        .state-top ul > li.opened-tab {
            background: #f8ead7;
            height: fit-content;
        }


        .state-top ul > li.complete-tab {
            background: #ffe9e9;
            height: fit-content;
        }

.Third-Section .uk-card {
    background: #eabefe;
    box-shadow: none;
}

    .Third-Section .uk-card .uk-card-body {
        padding: 18px;
        background: #e7f9f5;
        border-radius: 25px;
        border: 0;
    }



.Third-Section .top-student {
    background: #eceefe;
}

.Third-Section .btn-exam {
    background: #f6e1ff;
    border-radius: 50px;
}

.Third-Section .btn-assign {
    background: #e8e5e5;
    border-radius: 50px;
}

.Third-Section .uk-table tbody > tr:nth-child(even) {
    background: #f8ead7;
}

.Third-Section .uk-table tbody > tr:nth-child(odd) {
    background: aliceblue;
}

.Third-Section .uk-table tbody > tr > td {
    display: inline-flex;
}

    .Third-Section .uk-table tbody > tr > td > img {
        max-width: 100%;
        height: 12px;
        box-sizing: border-box;
        position: relative;
        top: 7px;
        left: 5px;
    }

.Third-Section .top-title {
    display: flex;
    justify-content: space-between;
}

.Third-Section #book-popular .book-popular-card .cover-img {
    border-radius: 50px;
    width: 65px;
    height: 65px;
    margin-top: 0;
    box-shadow: 0 3px 11px -2px rgb(0 0 0 / 33%);
}

.Third-Section #book-popular .book-popular-card {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.Third-Section #book-popular {
    height: 200px;
    overflow: auto;
}

    .Third-Section #book-popular .book-popular-card {
        margin: 0;
    }

.Third-Section .submit-table {
    height: 200px;
    overflow: auto;
}

.Third-Section ul {
    list-style: none;
}

.Third-Section #book-popular .book-popular-card .book-details {
    text-align: left;
}

/*========================teacher right side======================================*/
.teacher-right-side .top-section ul li {
    display: flex;
    justify-content: space-between;
}

.teacher-right-side .top-section h4 {
    display: flex;
}

.teacher-right-side .top-section img {
    height: 26px;
    width: 25px;
    margin-left: 10px;
}

.teacher-right-side .top-section .text {
    width: 100px;
    height: 100%;
    max-width: 28px;
    max-height: 50px;
    border-radius: 50px;
    border: 2px solid #6f81d8;
    background: #fff;
    text-align: center;
    font-family: 'Lato';
    hyphens: auto;
    text-shadow: 0 .2px .3px rgba(0,0,0,.3);
}

.teacher-right-side .top-section p {
    margin: 0;
    text-align: justify;
    text-align-last: center;
}

.group-section .text {
    min-width: 25px;
    height: 100%;
    max-width: 28px;
    max-height: 50px;
    border-radius: 50px;
    border: 2px solid #6f81d8;
    background: #fff;
    text-align: center;
    font-family: 'Lato';
    hyphens: auto;
    text-shadow: 0 .2px .3px rgba(0,0,0,.3);
}

.calendar-section .ui-datepicker {
    width: 100%;
}

.group-section .text p {
    margin: 0;
    text-align: justify;
    text-align-last: center;
}


.group-section .top-title a.view-link {
    float: right;
    font-size: 12px;
}

.group-section .uk-card {
    background: #f2ffe1;
}

.group-section #book-popular .book-popular-card {
    border: 0;
    box-shadow: 0 4px 11px -4px rgb(0 0 0 / 20%);
    margin: 11px 0 11px;
    padding: 0;
    padding-left: 91px;
    background-color: #c4efe3;
    border-radius: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    display: flex;
    align-items: center;
    width: 100%;
}

    .group-section #book-popular .book-popular-card .cover-img {
        border-radius: 50px;
        width: 65px;
        height: 65px;
        margin-top: 0px;
    }

.group-section #book-popular {
    height: 300px;
    overflow: auto;
}


/*=======================menu=========================*/
.menu-items li a.active img {
    height: 15px;
}

.menu-items li img {
    height: 30px;
}
/*========================== teacher home ============================*/
.teacher-dash .box .percent {
    position: relative;
    width: 112px;
    height: 88px;
    margin: 30px auto;
}

    .teacher-dash .box .percent svg circle {
        width: 47px;
        height: 50px;
        fill: #fff;
        stroke: none;
        stroke-width: 8px;
        stroke-linecap: square;
        transform: translate(5px,5px );
        stroke-dasharray: 299;
        stroke-dashoffset: 270;
    }

.teacher-dash .box {
    position: relative;
    width: auto;
}

    .teacher-dash .box .percent svg circle:nth-child(2) {
        stroke-dashoffset: 80;
        stroke-linecap: round;
        stroke: #00ccf2;
        fill: url("../../wwwroot/assets/images/dna.png");
    }

    .teacher-dash .box .percent svg {
        height: 100px;
    }

.side-nav .logo {
    background: #3e416d;
}

.side-nav .side-nav-bg {
    background: #3e416d;
}

.side-nav > ul > li > a {
    color: #ffffff;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.side-nav .logo span {
    font-size: 10px;
    color: #fff;
    padding: 7px;
    position: relative;
    top: -20px;
}

/*reset #3e416d color to white*/

.side-nav > ul > li > a.active {
    color: #3e416d;
    background: #fff;
    width: 100%;
    border-radius: 50px 0px 0px 50px;
    min-width: 60px;
    position: relative;
    padding-left: 0px;
    margin: auto;
}

.page-content-inner1 {
    background: #f7fafe;
}

img.subject-img {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    margin: 21px auto;
    margin-right: 20px;
}

/*================================ exam ==============================*/
.exam-accordion li:nth-child(odd) {
    background-color: #fff4d4;
    border: 1px solid #fff4d4;
}

.exam-accordion li:nth-child(even) {
    background-color: #f9f6ed;
    border: 1px solid #f9f6ed;
}

.over-text {
    width: 200px;
    position: absolute;
    top: auto;
    padding: 37px;
    padding-right: 0;
}

    .over-text h3 {
        font-size: 22px !important;
    }
/*================================ exam ==============================*/
.exam-accordion li:nth-child(odd) {
    background-color: #fff4d4;
    border: 1px solid #fff4d4;
}

.exam-accordion li:nth-child(even) {
    background-color: #f9f6ed;
    border: 1px solid #f9f6ed;
}

.over-text {
    width: 200px;
    position: absolute;
    top: auto;
    padding: 37px;
    padding-right: 0;
}

.add-exam .uk-modal-body {
    background-color: #faeee2 !important;
}

.add-exam .uk-form-label {
    color: #603322;
    font-size: 12px;
}

.add-exam .uk-modal-dialog .uk-input, .uploadFile .uk-modal-dialog .uk-select {
    background: #fff5d4;
    border: 1px solid #cecccc;
}

.add-exam .simplebar-content, .add-exam .select2-container--default .select2-selection--multiple {
    background: #fff5d4 !important;
}

.add-exam .uk-modal-header h4 {
    color: #603322;
    width: auto;
    margin-top: 0;
    position: absolute;
}

.add-exam .uk-modal-header {
    background-color: #faeee2 !important;
}

.add-exam .uk-close {
    color: #603322;
}

.add-exam .uk-modal-close {
    background-color: #541100;
    color: #fff;
}

.add-exam button.addQuestion {
    margin-right: 19px;
    padding: 0px 9px;
    background: #541100;
    color: #fff;
}

.Selected-Students label.student {
    border-radius: 8px;
    border: 1px solid #541100;
    padding: 2px 3px;
}

.outerSection {
    background-color: #ffe7ae;
    padding: 20px;
    border-radius: 25px;
}

    .outerSection .question-content {
        background-color: #f9f7ed;
        padding: 40px;
        border-radius: 25px;
    }

    .outerSection a.uk-form-icon {
        height: 40px;
        position: relative;
        float: left;
        margin-left: 0;
        top: 37px;
    }

.add-examQuestion .uk-modal-header h4 {
    color: #603322;
    width: auto;
    margin-top: 0;
    position: relative;
}

.add-examQuestion .uk-table td {
    vertical-align: bottom;
}

.teacher-modals .uk-table td {
    font-size: 12px;
    vertical-align: bottom;
}

.add-button {
    width: 100%;
    border: 2px solid #541100;
    background: transparent;
    border-radius: 25px;
}

label.choice {
    font-size: 13px;
}

.fa-question-circle {
    color: #ffc107;
}
/*media query for teacher admin*/
.Submited {
    display: flex
}

@media (max-width:667px) {
    .Submited {
        display: block;
        width: 280px;
        overflow: hidden;
        overflow: auto;
    }

    .state-top {
        display: flex;
        justify-content: space-between;
        width: 232px;
        overflow: auto;
    }

    .Second-Section {
        padding-right: 61px;
        padding-left: 20px;
    }

    .First-Section {
        padding-right: 61px;
    }

    .your-lecture .uk-card {
        min-width: 204px;
        padding: 15px;
    }

    ul.Days {
        display: inline-flex;
        overflow: auto;
        width: 236px;
    }

    .btn-option {
        top: 5px;
        left: 17px;
    }

    .teacher-dash .uk-card {
        width: 200px;
    }

    .side-nav > ul > li > a.active {
        color: #3e416d;
        background: #f7fafe;
        width: 100%;
        border-radius: 50px;
        min-width: 0;
        position: relative;
        padding-left: 0;
        margin: auto;
    }
}

@media (max-width: 960px) {

    .course-grid-slider ul li {
        width: auto;
    }

    .Second-Section {
        padding-right: 133px;
        padding-left: 81px;
    }

    .teacher-dash {
        padding-left: 20px;
    }
}