/*===============shared style 
1-  text color
2-  image with table as icon
3-  background dark blue
4-  background dark green
5- white Placeholder
======================*/
/*font family*/
@font-face {
    font-family: LatoFont;
    src: url(../assets/fonts/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: LatoBold;
    src: url(../assets/fonts/Lato/Lato-Bold.ttf);
}

* {
    font-family: LatoFont;
}
/*1*/
.mobile-active .btn-menu-close {
    z-index: 11;
}

.darkblue-text {
    color: #3e416d;
}
/*2*/
.width-img-table {
    height: 24px;
    width: 24px;
}

    .width-img-table img {
        height: 100%;
        width: 100%;
    }
/*3*/
.bg-dark-blue {
    background-color: #3e416d !important;
    color: #fff !important;
}
/*4*/
.bg-dark-green {
    background-color: darkgreen !important;
    color: #fff !important;
}

    .bg-dark-green:hover {
        background-color: forestgreen !important;
    }
/*5*/
.teacher-assignment-page .white-placeholder::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.teacher-assignment-page .white-placeholder
:-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
/*==================scrollbar ==============================*/
body::-webkit-scrollbar {
    width: 11px;
}


body::-webkit-scrollbar-track {
    background: #f0f0f0
}

body::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 6px;
    border: 3px solid #cdcdcd;
}

/*overflow*/
html {
    overflow-x: hidden !important;
}

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

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

.page-menu {
    top: 40px;
}

.my-roles {
    height: 200px;
    overflow: hidden auto;
    width: 250px;
    left: 633.4px;
}

.skill-card-title {
    font-weight: 700;
    font-size: 13.5px;
    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: 0 30px;
    background: #fff;
    padding-bottom: 0;
    height: 62px;
    margin-top: 41px;
}

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

.page-menu .logo {
    padding: 0 11px;
    padding-left: 0;
}

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

.page-menu.menu-large .logo img.circle {
    margin-top: 7px;
}



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

.user-profile-photo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
/*====================top menu for admin======================================*/
.profile-icon {
    height: 40px;
    width: 40px;
    border: 0;
    border-radius: 50%
}

    .profile-icon img {
        height: 100%;
        width: 100%;
        border: 0;
        border-radius: 50%
    }

.dropmenu-school-img {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    border: 2px solid #d3d3d3 !important;
}

    .dropmenu-school-img img {
        width: 100% !important;
        height: 100% !important;
        border-radius: 50%
    }
/*=============teacher admin img==================*/
/*.teacher-admin-img {
    width: 40px;
    height: 40px;
    border: 2px solid #e4ebf4;
    padding: 1px;
    border-radius: 50%;
}*/

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

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

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

.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 .user-profile-photo img {
        height: 80px;
        width: 80px;
    }

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

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

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

.page-menu ul li.active-submenu ul {
    max-height: 100%;
}

.page-menu ul li ul li {
    padding-left: 25px;
}

.page-menu.menu-large ul:before {
    position: relative;
    padding-left: 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 .logo {
        padding: 0;
    }

    .page-menu.menu-large:hover .logo {
        padding: 1px 11px;
    }

    .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) {
    .header-widget {
        position: inherit;
    }

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

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

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

@media (max-width: 640px) {
    .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-content-inner {
        padding: 16px;
    }

    .top-menu {
        position: relative;
    }

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

@media (max-width: 960px) {
    .course-curriculum .uk-accordion-title {
        display: grid;
    }

    .top-menu {
        position: relative;
    }

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

    .Parent-Tabs {
        top: 0 !important;
    }
}

.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;
}*/
.section-header-right {
    align-items: initial;
}
/*new style edit academic year*/
.app-close .button {
    padding: 0px !important;
}

.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;
}

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

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

.acadmic-year .course-curriculum-list > li, .custom-table-design .course-curriculum-list > li {
    display: block;
    /*padding: 16px 50px 0px 61px;*/
    line-height: 22px;
    color: #3e416d;
}

.acadmic-year .course-curriculum-list, .custom-table-design .course-curriculum-list {
    border-top: 1px dashed #d1c5f0;
}

    .acadmic-year .course-curriculum-list li > p, .custom-table-design .course-curriculum-list li > p {
        font-size: 13px;
        color: #535353;
        display: inline-block;
        margin-bottom: 0px;
        text-align: center;
        width: 60%;
    }

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

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

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

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

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

.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;
}

.curr-csm-num .custom-num {
    width: 1% !important
}
/*.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;
}*/
.table-modal-acdm .uk-table caption {
    font-size: 1.4rem;
    text-align: left;
    color: #666668;
    background-color: #f6f6fb;
    padding: 10px;
}

.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: #ffc107;
    color: white;
    border-radius: 50%;
    z-index: 2;
    font-size: 16px;
    padding: 2px;
}


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

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

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

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

.float-custom {
    float: right;
}

.tr-abs {
    position: absolute;
    right: 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;
}
/*student 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: 10px;
}

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

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

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

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

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

.bg-join {
    float: right
}

.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;
}
/*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;
    }

.exame-unit {
    padding: 13px 33px;
}

    .exame-unit span {
        float: right;
        padding-left: 20px;
        font-size: 12px;
    }
/*
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: 20px;
    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;*/
}
/*
     add to sub and teatcher custom
     .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;
}

.student-group-page .add-btn .button {
    background-color: #3e416d
}

.add-btn .icon {
    background-color: transparent;
    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: auto;
}


/*table {
    border-collapse: collapse;
    margin-top:30px!important;
}

td{
    border-right: solid 1px #eae6e6;
    border-left: solid 1px #eeeff4;
}*/
.acd-header {
    font-size: 20px;
}

.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;
}

.teacher-content input:read-only {
    background-color: #fff !important;
}
/*.uk-form-horizontal .uk-form-controls {
    margin-left: 161px ;
}
.uk-form-horizontal .uk-form-label {
    width: 160px;
}*/
.acadmic-year .uk-form-horizontal .uk-form-controls {
    margin-left: 40% !important;
}

.acadmic-year .uk-form-horizontal .uk-form-label {
    width: 40% !important;
}

.acadmic-year .table-modal-acdm .uk-table caption {
    background-color: #f6f6fb;
    padding: 1px 8px;
    color: #1b1b7b !important;
    padding: 0px 3px !important;
}

.acadmic-year td {
    border-right: 0px !important;
    border-left: 0px !important;
}

.acadmic-year .uk-form-controls label {
    color: #012f96 !important;
}
/*.acadmic-year .button {
    line-height: 30px !important;
    height: 30px !important;
}*/
/*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: 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: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0px 0px 0 2px !important;
    color: #fff;
    text-align: center;
    border-radius: 0px 4px 4px 0px;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0px !important;
    height: 27px;
    width: 7px;
    background-color: #146b91;
    padding-left: 4px;
    line-height: 27px;
    border-left: 1px solid #bebfe8;
    padding-right: 7px;
    font-size: 17px;
    float: right;
    margin-left: 4px;
    border-radius: 0 4px 4px 0;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0px !important;
    height: 21px;
    width: 5px;
    background-color: #146b91;
    padding-left: 3px;
    line-height: -1px;
    border-left: 1px solid #bebfe8;
    padding-right: 9px;
    font-size: 13px;
    float: right;
    margin-left: 0px;
    border-radius: 0px;
    text-align: center !important;
    margin-top: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 7px !important;
    padding-right: 25px !important;
}

.select2-container .select2-selection {
    border: 0px !important;
}
/*==========================select list after confirm blezor  ================================================*/

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 30px !important;
    padding-right: 5px !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-control {
    height: 60px;
    border: 1px solid #f7f5f5;
    background-color: #fff;
    overflow-x: hidden !important;
}

.inline-blok .sub-abb {
    display: inline-block;
    width: 40%;
    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 {
        font-size: 20px;
        margin-right: 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;
    }

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

.uk-accordion-title::before {
    display: none
}
/*daily setting issues + placehoder issue*/
.daily-lec-sett label {
    display: inline-block;
    width: 100% !important;
}

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



.flheader-csm {
    float: left;
}

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

.am-pm-custom {
    display: none
}

.mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    top: -28% !important;
}
/************************************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-left: 161px;
}

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

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

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

    .teacher-modals .button:last-of-type {
        margin-left: 19px;
        padding: 0px 9px;
    }
/*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: left;
    border-left: 1px solid #3e416d;
}

    .teacher-content .uk-table td:last-of-type, .table-teacher .uk-table td:last-of-type {
        border-left: 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;
}

.level-span {
    font-size: 10px;
    font-weight: bold;
    color: #3e416d;
}

.action-teatcher {
    float: right;
}

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

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

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

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

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

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

.student-info .circle-img {
    width: 50px;
    height: 50px;
}
/*===================================================== 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-left: 0px;
}
/*========================================================table dairy school schedule ==================*/
.edit-tech a {
    color: #3776ea !important;
    font-weight: 700;
}

.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-right: 30px;
    }


    .School-Student .daily-school-student .description a {
        text-decoration: underline;
        color: #5C9F9E;
        margin-right: 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;
        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-right-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: 0px;
}

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

/*========================================================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;
    color: #fff;
}

.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;
}
/*======================= 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: right;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

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

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

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

    .student-info .inline-row span {
        margin-left: 10px
    }
/*.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");
}*/
/*==================================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-right: 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-left: 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-left: 8% !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 20px 0 0;
    }

.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-right: 20px;
        }

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

        .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-left: 15px
    }

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

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

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

.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;
        left: 5px;
        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%;
    }

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

.addRelation-modal .switch-levels {
    display: flex;
    justify-content: space-between;
    width: 100%
}
/*==============================addschedule table*/
.copySchedule .uk-disabled {
    background-color: #dbd9d9 !important;
}

.addschedule .button:last-of-type, .copySchedule .button:last-of-type {
    margin-left: 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*/
.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: left !important
}

    .added-parent .uk-text-center .uk-width-1-3 {
        width: calc(100% * 1 / 3.1) !important;
    }
/*=============================================lectures*/
.lectures .form-lectures {
}

    .lectures .form-lectures input {
        margin-left: 10px;
        border-radius: 7px;
    }

    .lectures .form-lectures .uk-grid {
        margin: 0 !important
    }

    .lectures .form-lectures .uk-margin {
        margin: 0 !important
    }

        .lectures .form-lectures .uk-margin .uk-flex {
            align-items: baseline !important;
        }

    .lectures .form-lectures .uk-grid div {
        padding: 0;
        align-items: baseline;
        justify-content: center;
        margin: auto
    }

    .lectures .form-lectures .uk-grid h6 {
        margin: 0
    }

    .lectures .form-lectures .subject {
        width: 100%
    }

.lectures .lectures-cards {
    margin-top: 30px
}

.lectures .uk-card-default {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 3px rgb(0 0 0 / 5%);
}

.lectures .badge {
    border: 2px solid #ff5401;
    background-color: transparent !important;
    color: #3e416d;
    border-radius: 4px !important;
    padding: 11px 22px;
    margin-top: 15px;
}

.lectures .uk-card-body h3 {
    text-align: center !important
}

.lectures .uk-card-media-top {
    position: relative
}

    .lectures .uk-card-media-top img {
        height: 100% !important
    }

    .lectures .uk-card-media-top .fa-play {
        position: absolute;
        top: 34%;
        right: 40%;
        font-size: 50px;
        color: #3e416d
    }

.lectures .uk-card-body {
    text-align: left !important
}

    .lectures .uk-card-body i {
        margin-right: 5px
    }

    .lectures .uk-card-body .uk-flex {
        justify-content: space-between;
        align-items: center
    }
/*===================support chat in student home*/
/*.support ::-webkit-scrollbar {
    width: 10px;
}*/

/* Track */
/*.support ::-webkit-scrollbar-track {
    background: #f1f1f1;
}*/

/* Handle */
/*.support ::-webkit-scrollbar-thumb {
    background: #888;
}*/

/* Handle on hover */
/*.support ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}*/
.support * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.support {
    max-width: 363px;
    width: 100%;
    position: relative;
    background-color: #fff;
    position: fixed;
    top: 66%;
    left: 84%;
    transform: translate(-50%, -50%);
    z-index: 10000000000;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 2px 3px rgb(0 0 0 / 15%);
    border-radius: 25px 25px 0 0;
}

    .support .top {
        color: #fff;
        background-color: #243140;
        padding: 25px;
        padding-left: 40px;
        letter-spacing: 2px;
        line-height: 16px;
        border-radius: 25px 25px 0 0;
    }

        .support .top .close {
            top: 25px;
            right: 25px;
        }

        .support .top .fa-comment-o {
            position: absolute;
            left: 15px;
        }

        .support .top .fa-times {
            position: absolute;
            right: 10px;
        }

        .support .top .notification {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            position: absolute;
            left: 28px;
            background-color: #ff5401;
            transform: scale(1, 1);
            opacity: 1;
            transition: all 0.3s;
        }

            .support .top .notification.hidden {
                transform: scale(0, 0);
                opacity: 0;
            }

    .support .body .body-top {
        padding: 15px;
        color: #a0a5a9;
        font-size: 14px;
        border-bottom: 2px solid #f2f3f5;
    }

        .support .body .body-top .bold {
            color: #243140;
            font-weight: 800;
            line-height: 30px;
        }

    .support .body .body-main {
        height: 240px;
        overflow-y: auto;
    }

        .support .body .body-main .msg-wrap {
            margin: 0 15px;
            padding: 15px 0;
            border-bottom: 2px solid #f2f3f5;
            overflow: hidden;
        }

            .support .body .body-main .msg-wrap img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                display: inline-block;
                vertical-align: bottom;
                float: left;
            }

            .support .body .body-main .msg-wrap .msg-username, .body .body-main .msg-wrap .msg-text {
                display: inline-block;
                width: calc(100% - 50px);
                padding-left: 10px;
            }

            .support .body .body-main .msg-wrap .msg-username {
                color: #243140;
                line-height: 30px;
                font-weight: bold;
            }

                .support .body .body-main .msg-wrap .msg-username.me {
                    color: #ff5401;
                }

            .support .body .body-main .msg-wrap .msg-text {
                color: #a4a8b0;
            }

    .support .bottom {
        border-top: 2px solid #f2f3f5;
        padding: 15px;
    }

        .support .bottom .input-wrap {
            border: 2px solid #f2f3f5;
            border-radius: 5px;
            overflow: hidden;
        }

            .support .bottom .input-wrap input {
                padding: 10px;
                border: none;
                background: none;
                outline: none;
            }

                .support .bottom .input-wrap input[type=text] {
                    width: 75%;
                }

                .support .bottom .input-wrap input[type=submit] {
                    background-color: #ff5401;
                    margin: 5px 10px;
                    padding: 5px 10px;
                    color: #fff;
                    border-radius: 2px;
                    float: right;
                    transition: all 0.3s;
                }
/*==========================================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: left;
        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-print, .School-Student .titles .day {
    display: none
}
/*.School-Student .periods th{
    background: darkgray !important;
}*/

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

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

.School-Student .titles .day {
    color: black;
    text-align: center;
    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================================*/
.customtooltip.uk-active {
    font-size: 9px !important;
    background-color: lightgray !important;
    color: #222 !important;
    padding: 1px 3px !important;
    margin-left: 20px !important;
    margin-top: -10px;
    /*top:100%!important;*/
}
/*=====================time table subject =======================================*/
.School-Student .subject ul {
    overflow-x: hidden;
}

    .School-Student .subject ul:hover {
        overflow-x: hidden;
    }

.ul-sub-table li {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: flex-start;
}

.ul-sub-table .w-csm-50 {
    flex-basis: 48%; /*! margin-left: 0px; */
    text-align: left !important;
    justify-content: flex-start !important; /*! justify-items: legacy; */
    padding-left: 2px;
}

.ul-sub-table .w-csm-d {
    flex-basis: 24%;
    padding-right: 0px;
    padding-left: 0px;
}

.ul-sub-table .w-csm-s {
    flex-basis: 23%;
    padding-left: 34px;
    flex-basis: 18%;
    padding-right: 0px;
    padding-left: 0px;
}
/*======================================display time -day with none out print mode========================= */
/*add new class for block in print and none for other */
.School-Student .show-print {
    display: none !important;
}
/*================================================= print daily school schedule*/
@media print {
    /*========================Day/time =============================*/
    .time-print {
        border: 0px !important;
    }

    .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
    }

    /*============================margin top ========================================*/
    .School-Student .show-print {
        display: block !important;
    }

    .School-Student .logo-school {
        margin-top: -80px !important;
    }

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

        .School-Student .logo-school .description {
            margin-right: -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-print {
        color: black;
        transform: rotateZ(28deg);
        border-bottom: 1px solid #000;
        display: block;
        margin: 0px -12px -3px -2px;
    }

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

    .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-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 .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 /*==========================ezay bs*/
    }

    .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 {
        left: 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 {
        left: 50%;
        -webkit-transform: translate(-50%, 8px);
        transform: translate(-50%, 8px);
    }

    [data-tooltip][data-flow="left"]::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="left"]::after {
        top: 50%;
        right: calc(100% + 5px);
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%);
    }

    [data-tooltip][data-flow="right"]::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="right"]::after {
        top: 50%;
        left: 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
}
/*
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

    [data-tooltip]:before,
    [data-tooltip]:after {
        line-height: 1;
        font-size: .8em;
        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: 15em;
        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 {
        left: 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 {
        left: 50%;
        -webkit-transform: translate(-50%, 8px);
        transform: translate(-50%, 8px);
    }

    [data-tooltip][data-flow="left"]::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="left"]::after {
        top: 50%;
        right: calc(100% + 5px);
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%);
    }

    [data-tooltip][data-flow="right"]::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="right"]::after {
        top: 50%;
        left: calc(100% + 5px);
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%);
    }

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

/*.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}*/
/*=================student info table border=============================*/
.student-info .uk-table td,
.table-teacher .uk-table td {
    text-align: left;
    border-left: 1px solid #d9d9dc;
}
/*============================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 .text-white {
    color: #3e416d !important;
}

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

.student-group-page .add-btn button {
    border: 1px solid transparent;
}

    .student-group-page .add-btn button:hover, .student-group-page .add-btn button:focus,
    .add-btn button:active {
        border: 1px solid #3e416d;
        background-image: none !important;
        box-shadow: none;
        border-radius: 20px;
    }

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

.student-group-page .grop-content-table {
    max-height: 350px;
    overflow-y: auto;
}

.student-group-page .buttonText {
    color: #3e416d;
}

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

.student-group-page .add-btn {
    height: 30px;
    box-shadow: none;
    background: #e4ebf4;
}

    .student-group-page .add-btn:hover {
        box-shadow: none;
        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: 18Px;
    height: 18px
}

    .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: 15px;
}

.addGrop .text-label {
    color: #3e416d;
    font-size: 15px;
    font-weight: 700;
}

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

.addGrop .choose-student {
    display: flex;
    justify-content: space-between;
}

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

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

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

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

.bg-orange {
    color: #fff;
    background-color: #f9aa3e;
}

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

.button.soft-grey {
    color: #fff;
    background-color: #6a6fb4;
}

    .button.soft-grey:hover {
        color: #fff;
        background-color: #6a6fb4;
    }

.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: #d3e6eb !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 ul {
    margin-bottom: 10px;
    border-radius: 18px;
    padding: 2px 6px;
}

    .group-accordion ul:nth-child(2n+1) {
        background-color: #edffd4;
        border: 1px solid #d1fb97;
    }

    .group-accordion ul:nth-child(2n+2) {
        background-color: #f3e0e1;
        border: 1px solid #fbc3c6;
    }

/*  .group-accordion ul:nth-child(3n+3) {
        background-color: #edffd4;
        border: 1px solid #d1fb97;
    }
*/

.assign-page table {
    border: 0px;
}

.assign-page .group-table .uk-table-striped > tr:nth-of-type(2n+1),
.assign-page .group-table .uk-table-striped tbody tr:nth-of-type(2n+1) {
    background: transparent !important;
}

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

.assign-page .fa-paperclip {
    font-size: 18px;
    color: #f47522;
}

.left-width {
    width: 80%
}

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

table {
    border: 2px solid #fff;
}

.accordion-table {
    max-height: 500px;
    border: 2px solid #fff;
    border-radius: 5px !important;
}

    .accordion-table :hover {
        overflow-y: auto;
    }




.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 .badge {
        background: #ef8946;
        color: #fff;
    }

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

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

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

/*=====================================asignment=================*/

.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 #93abb1;
    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 {
    max-height: 400px;
    overflow-y: auto !important
}

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

.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;
    width: 50%;
}

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

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

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

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

.add-assign .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2f0f0 !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;
    }

.select2-dropdown {
    background-color: #dcf1f9 !important;
    border: 1px solid #f1f7f9 !important;
    border-top: 1px solid #e8e7e7 !important;
}

.add-assign input:read-only {
    border: 1px solid #3e416d !important;
    margin-right: 10px;
}

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

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

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

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

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

.ql-toolbar.ql-snow {
    background: #ebebeb;
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
    background: #fff;
}

.ql-toolbar.ql-snow .ql-picker-label {
    background: #fff;
}

.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;
}

.ql-container.ql-snow {
    border: 1px solid #ccc0;
}
/*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: 17px 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: #fff !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;
}

.add-assign .select2-dropdown {
    background-color: #edffd4 !important;
    border: 0px solid #aaa !important;
}

.stud-assign-block {
    display: none;
}

.assign-btns-files {
    margin-right: 20px
}

    .assign-btns-files button {
        width: 30px !important;
        border: none;
        background-color: transparent;
    }

        .assign-btns-files button img {
            height: 100%;
            width: 100%
        }
/*====================================add student parent===========================*/
.parent-table .tech-table .mail-teatcher .dark-blue-sm {
    margin-right: 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;
    left: 88.6%;
}



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

    .studentLink a {
        color: #5197f3;
        font-size: 12px;
    }

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

/* new teacher dashboard BH */
.grid-slider-header h4 {
    color: #3e416d;
}

span.top-date {
    font-size: 15px;
    color: #F24A8D;
    font-weight: 900;
}

.teacher-dash .uk-card-default {
    /*background: #d8fff6;*/
    box-shadow: none;
    box-shadow: 10px 5px 10px #F8F5F5;
}

.teacher-dash .uk-card-body {
    background: #ffe6f0;
    border-top-right-radius: 2.25rem;
    border-bottom-right-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-left: 2px;
}

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

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

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

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

.teacher-dash .uk-card-body a.Go-link > h6 {
    color: #8D0497;
    font-weight: bold;
    font-size: 17px;
}

    .teacher-dash .uk-card-body a.Go-link > h6 > i {
        color: #8D0497;
        font-weight: bold;
        font-size: 17px;
    }

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

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

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

    .your-lecture ul.Days li {
        color: #000 !important;
        font-weight: bold;
        float: left;
        text-align: center;
        margin-bottom: 4px;
        padding: 0 10px;
        margin-right: 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-left: 5px solid #fd4e71;
    padding-left: 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: 13px;
            font-weight: 600;
            color: #333;
        }

.weekend-word {
    text-align: center;
    margin: 0 auto;
}

    .weekend-word ul li {
        text-align: center;
        list-style: none;
        display: inline-block;
        margin: 2px 10px;
        font-size: 36px;
        font-weight: bold;
    }

        .weekend-word ul li:nth-child(2n+1) {
            color: #06e7fe;
        }

        .weekend-word ul li:nth-child(2n+2) {
            color: #e0bab4;
        }

        .weekend-word ul li:nth-child(2n+3) {
            color: #dde974;
        }

        .weekend-word ul li:nth-child(2n+4) {
            color: #fa70a7;
        }

        .weekend-word ul li:nth-child(2n+5) {
            color: #fac27f;
        }

        .weekend-word ul li:nth-child(2n+6) {
            color: #a8f692;
        }

        .weekend-word ul li:nth-child(2n+7) {
            color: #4ce9db;
        }

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

    .top-menu2.student-top-menu {
        background: #ededed !important;
    }

        .top-menu2.student-top-menu.teacher-top-menu {
            background: #F7FAFE !important;
            padding: 0 20px !important;
            height: 75px !important;
        }

    .top-menu2 .header-widget .header-widget-icon span {
        height: 10px;
        width: 10px;
        background-color: #2d62ed;
    }
/*i reset color from background: #f7fafe; to white */
.First-Section {
    background: #fff;
    padding-left: 132px;
    padding-top: 0px;
    padding-right: 20px;
    position: relative;
}

    .First-Section.student-section {
        background: #F7FAFE 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-left: 70px;
        padding-top: 0px;
        padding-right: 0px;
        margin-top: 5%;
    }

        .First-Section.student-section.teacher-section {
            background: #f1f7f9 0% 0% no-repeat padding-box;
            opacity: 1;
            padding-left: 70px;
            padding-top: 0px;
            padding-right: 0px;
        }

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

    .Second-Section.student-section2 {
        background: #ededed;
    }

.your-lecture .dropdown-option-nav ul li span {
    padding: 4px 10px;
}

.teacher-details {
    margin-left: 20px;
    margin-top: 0px;
}

    .teacher-details h4 {
        margin: 0 0 -4px 0;
        color: #261d56;
        font-size: 16px;
        font-family: LatoBold;
    }

        .teacher-details h4 > span {
            font-size: 16px;
            font-style: italic;
        }

    .teacher-details p {
        color: #261D56;
        font-size: 15px;
        font-family: LatoFont;
        line-height: 1rem;
    }

.Third-Section {
    justify-content: center;
    margin-top: 25px;
}

    .Third-Section .switcher {
        margin: 0 auto;
    }

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

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

        .state-top ul li {
            margin-left: 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 {
    margin-top: 20px;
    background: #ECEEFE 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #7D00B5;
    border-radius: 25px;
}

    .Third-Section .top-student .uk-select {
        background: transparent;
    }

        .Third-Section .top-student .uk-select:focus {
            background: transparent;
        }

.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;
        right: 5px;
    }

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

.Third-Section #book-popular .book-popular-card .cover-img {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    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: 190px;
    overflow: auto;
}

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

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

    .Third-Section .submit-table:hover {
        overflow: auto;
    }

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

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


/*================teatcher dashboard as img desgin================================*/
/*selection slider no mmark for any copy txt */
.uk-slider-items ::selection {
    background: transparent !important;
}

.First-Section .break-card {
    border: 2px solid #e68f21;
}

    .First-Section .break-card h4 {
        color: #3e416d;
        width: 100%;
        margin-left: 18px;
    }

    .First-Section .break-card .break-img {
        margin: 0 auto;
        text-align: center;
        width: 140px;
        height: 140px;
    }

        .First-Section .break-card .break-img img {
            margin: 0 auto;
            text-align: center;
            width: 100%;
            height: 100%;
        }

.searchbox {
    padding: 2px 20px;
    margin-right: 20px;
    min-width: 230px;
    background: #EDF1F5;
    height: 42px;
}

    .searchbox .btn-searchbox::after {
        color: #060606;
        font-weight: 100;
        font-size: 28px;
        left: 10px;
        right: 100%;
        top: 6px;
    }

    .searchbox .btn-searchbox {
        left: 14px;
    }

    .searchbox .uk-search-input {
        font-weight: 100;
        padding-left: 50px;
    }

.First-Section #topbar {
    padding: 0px;
}

.First-Section .bio-img {
    width: 66px;
    height: 66px;
    position: absolute;
    top: 12px;
    right: 22% !important;
}

.percent img {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
/*
.techer-dash-daily .slider-control .slide-nav-prev:before,
.techer-dash-daily .slider-control .slide-nav-next:before {
    font-family: "Feather-Icons";
   
 
}
.techer-dash-daily .slider-control a {
    background: #3e416d;
    color: #fff;
    border-radius: 100%;
}*/


/*==================sumbject colors ================*/
/*English*/
.sub0-card {
    background: #e0bab4;
}

.teacher-dash .sub0-card-body {
    background: #f2f2ff;
}


/*Science*/
.sub1-card {
    background: #06e7fe;
}

.teacher-dash .sub1-card-body {
    background: #ffe6f0;
}


/*Social*/
.sub2-card {
    background: #dde974;
}

.teacher-dash .sub2-card-body {
    background: #D6E1A9;
}


/*arabic*/
.sub3-card {
    background: #fac27f;
}

.teacher-dash .sub3-card-body {
    background: #aff2fe;
}


/*art*/
.sub4-card {
    background: #fa70a7;
}

.teacher-dash .sub4-card-body {
    background: #edebcf;
}


/*Math*/
.sub5-card {
    background: #a8f692;
}

.teacher-dash .sub5-card-body {
    background: #F7CED7;
}


/*religion*/
.sub6-card {
    background: #ffe548;
}

.teacher-dash .sub6-card-body {
    background: #ffe6f0;
}


/*pc*/
.sub7-card {
    background: #4ce9db;
}

.teacher-dash .sub7-card-body {
    background: #fec7dd;
}

.sub8-card {
    background: #fea3b0;
}

.teacher-dash .sub8-card-body {
    background: #edffd4;
}

.sub9-card {
    background: #f9a38f;
}

.teacher-dash .sub9-card {
    background: #f49cce;
}

.teacher-dash .sub10-card {
    background: #d4fbc2;
}

.teacher-dash .sub10-card-body {
    background: #ff9898;
}

.teacher-dash .sub11-card {
    background: #f8e75d;
}

.teacher-dash .sub11-card-body {
    background: #acfbf2;
}

/*cad sizes*/
.teacher-dash .uk-card-body a.Go-link > h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.teacher-dash li span {
    font-size: 14px;
    font-weight: bold;
}


.teacher-dash li {
    padding-left: 15px;
    /*margin-right: 67px;*/
}

.teacher-dash .lecture-details li {
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
    margin-bottom: 6px;
}
/*
    .teacher-dash li:first-child {
        padding-left: 47px;
    }*/

.teacher-dash .uk-card-body li {
    line-height: 18px;
    padding-left: 3px
}

.teacher-dash .uk-card-body .uk-card-title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0px;
    white-space: normal !important;
    width: 89%;
    word-wrap: break-word;
}

.teacher-dash .uk-card-body {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: 14px 0px 0px 3px;
    box-sizing: border-box;
    height: 214px;
}

.teacher-dash .uk-card {
    border-radius: 2rem;
    box-shadow: none;
    width: 376px;
    height: 214px;
    box-sizing: content-box;
}

.grid-slider-header .slide-nav-prev, .grid-slider-header .slide-nav-next {
    width: 25px;
    height: 25px;
}
/*.techer-dash-daily .uk-slider-container {
    overflow: hidden;
    padding: 0 46px 0px 0px;
}
.grid-slider-header .slide-nav-next {
   
    position: absolute;
    
    top: 43%;
    left: 96%;
    z-index: 22222 !important;
}*/
.First-Section .uk-card-default {
    box-sizing: content-box
}

.left-block-width {
    width: 144px;
    border-radius: 2rem 0px 0px 2rem;
}

.right-block-width {
    width: 206px;
    margin-top: 0px;
    height: 214px;
}

.teacher-dash .box {
    left: -5%;
}

    .teacher-dash .box .percent {
        margin: 3px auto !important;
    }

.custom-pl {
    /*transform: translate3d(-2px, 0px, 0px) !important;*/
    padding-left: 30px !important;
}

.slider-content-top {
    padding-left: 0px;
}


.teacher-main-slider {
    padding: 0px 30px !important;
    transition: all ease-in-out 2s;
}

    .teacher-main-slider .uk-position-center-right-out {
        left: 98% !important;
    }

    .teacher-main-slider .uk-slider-container {
        padding-left: 26px !important;
    }

.uk-position-small:hover {
    background: #fff !important;
    color: #3e416d !important;
    border-radius: 50% !important;
    border: 1px solid #3e416d;
}

.teacher-main-slider .box .percent .number1 h3 {
    font-size: 23px;
    color: #190F52;
}
/*======================second section======================*/
/*=====================test hover ==================*/
.First-Section .sub-overlay {
    position: absolute;
    left: 45%;
    top: 0px;
    background: red;
    display: none;
    z-index: 9999;
    height: 214px;
    width: 206px;
    overflow: hidden;
    background: #F1D5AF;
    border-radius: 0rem 2rem 2rem 0;
    color: white;
    padding: 6px 2px 0px;
    box-sizing: border-box;
}

    .First-Section .sub-overlay ul li {
        margin-bottom: 4px;
        width: 100%;
    }

        .First-Section .sub-overlay ul li img {
            height: 21px;
        }

        .First-Section .sub-overlay ul li span {
            color: black;
            font-size: 17px !important;
        }

.First-Section .right-block-width .uk-card-body:hover .sub-overlay,
.First-Section .right-block-width .uk-card-body:focus-within .sub-overlay {
    display: block;
}

.your-lecture .sub-overlay-border {
    position: absolute;
    top: 0px;
    display: none;
    z-index: 9999;
    height: auto;
    width: 100%;
    overflow: hidden;
    background: rgba(250, 249, 158, 0.97);
    border-radius: 25px;
    color: black;
    padding: 16px 2px 0px;
    box-sizing: border-box;
}

.your-lecture .sub-border:hover .sub-overlay-border {
    display: block;
}

.your-lecture .sub-overlay-border ul li {
    list-style: none !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    /* width: 46%;*/
    display: inline-block;
}

    .your-lecture .sub-overlay-border ul li span > a {
        color: #3e416d;
    }

.your-lecture .sub-border ul li img {
    height: 15px;
}

.Lecture-section h4, .grid-slider-header h4, .top-items h4 {
    color: #3e416d;
    font-size: 19px;
}

.your-lecture ul.Days li {
    color: #000 !important;
    font-weight: bold;
    margin: 5px 14px;
    font-size: 20px;
}

    .your-lecture ul.Days li > a {
        color: #C9C7C7 !important;
    }

    .your-lecture ul.Days li.uk-active > a {
        color: #3e416d !important;
    }

.your-lecture {
    padding: 1em;
    width: 94%;
    border-radius: 0px 16px 16px 0px;
    background: #FFF8FA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

    .your-lecture .uk-slider-items.uk-grid {
        height: auto;
    }

    .your-lecture .uk-card {
        min-width: auto;
        width: 79%;
    }

        .your-lecture .uk-card ul.level-sec {
            margin-bottom: 0px;
        }

    .your-lecture .uk-card-body .uk-card-title {
        font-size: 1rem;
        line-height: 0.4;
        color: black;
    }

    .your-lecture .uk-card, .your-lecture .uk-card-body {
        background: transparent;
    }

.Lecture-section .left-border {
    border-left: 5px solid #FD4E71;
    padding-right: 0px;
}

.your-lecture .uk-card {
    border-radius: 25px;
}

.your-lecture ul > li:nth-child(2n+1) .uk-card {
    background: #E5FBFF 0% 0% no-repeat padding-box;
}

.your-lecture ul > li:nth-child(2n+2) .uk-card {
    background: #FFE6F0 0% 0% no-repeat padding-box;
}

.your-lecture ul > li:nth-child(2n+3) .uk-card {
    background: #9EEECE 0% 0% no-repeat padding-box;
}

.session-name, .subject-name {
    display: inline-block
}

.subject-name {
    float: right;
    margin-right: 5px;
}

.your-lecture .uk-switcher {
    padding: 0px 35px !important;
}

.uk-position-small {
    background: #3e416d !important;
    color: #fff !important;
    border-radius: 50% !important;
}

    .uk-position-small svg {
        width: 8px !important;
        height: 18px !important
    }
/*================thirdsection=====================*/

.Third-Section .uk-width-3-5\@m {
    width: 66%;
}

.submit-table .uk-table td {
    padding: 5px 12px;
    font-size: 12px;
    font-weight: bold;
}

.Third-Section .uk-select.acdmic-year-select {
    background: #f2ffe1 !important;
    position: relative;
}

.Third-Section .uk-select.level-select {
    background: #f8ead7 !important;
}

.Third-Section .uk-table tbody > tr > td {
    display: inline-flex;
    width: 95px !important;
    white-space: normal !important;
    vertical-align: middle !important;
    display:flex;
    align-items:center;
}

    .Third-Section .uk-table tbody > tr > td:nth-child(2n+1) {
        width: 140px !important;
    }

    .Third-Section .uk-table tbody > tr > td:nth-child(2n+3) {
        width: 95px !important;
    }


.Third-Section .top-items {
    display: inline-flex !important;
    list-style: none;
    padding-left: 0px
}

    .Third-Section .top-items li:first-child {
        padding-right: 2px;
        padding-top: 2px;
    }

    .Third-Section .top-items nav ul li:first-child {
        padding: 0px 0px;
    }

    .Third-Section .top-items nav ul {
        padding-right: 33px;
    }

    .Third-Section .top-items nav ul {
        display: inline-flex !important;
        list-style: none;
    }

.top-items nav ul {
    padding-left: 3px;
}

    .top-items nav ul li .button {
        padding: 0px 10px !important;
    }

.Third-Section .submit-table tr:first-child {
    border-radius: 20px 20px 0px 0px !important
}

.Third-Section .submit-table tr:last-child {
    border-radius: 0px 0px 20px 20px !important
}

.Third-Section .uk-table {
    border: 1px solid #f9f9f9;
    display: inline-flex;
}

    .Third-Section .uk-table tbody tr {
        transition: background-color 0.1s linear;
        white-space: normal !important;
        display: inline-flex;
        width: 100%;
        padding: 0px 5px 0px 0px;
    }
/*bage for top student*/
.Third-Section .uk-badge {
    position: relative !important;
    bottom: 38px;
    left: 71%;
    background-color: #1e87f0;
    border-radius: unset;
    font-weight: bold;
}

/*.Third-Section .hexagon::after {
    border-top: 7.79px solid #1e87f0;
}

.Third-Section .hexagon::before {
    border-bottom: 7.79px solid #1e87f0;
}

.first-student .hexagon::after {
    border-top: 7.79px solid #eee004;
}

.first-student .hexagon::before {
    border-bottom: 7.79px solid #eee004;
}*/

.Third-Section .uk-badge {
    background: transparent;
    color: #333;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #7070705e;
    height: 35px;
    width: 35px;
}


.Third-Section #book-popular .book-popular-card .cover-img-width,
.Third-Section #book-popular .book-popular-card .cover-img-width .cover-img {
    border-radius: 50%;
}

.Third-Section #book-popular .book-popular-card .cover-img-width {
    border: 0;
    border-radius: 50px;
}

    .Third-Section #book-popular .book-popular-card .cover-img-width.first-student {
        border: 0 !important;
        border-radius: 50px;
    }

/*========================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-right: 10px;
}

.student-profile.top-section img {
    height: 100%;
    width: 100%;
}

.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 {
    overflow: auto;
}

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

    .calendar-section .calendar-title .calendar-img {
        height: 57px;
        width: 57px;
    }

    .calendar-section .calendar-title h3.calendar-name {
        margin-top: 7px;
        margin-left: 10px;
        font-size: 29px;
        color: #261D56;
    }

    .calendar-section .calendar-title {
        display: flex;
    }

.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 .top-title a.view-link img.view-img {
        height: 18px;
    }

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

.Second-Section .group-section .uk-card {
    background: #f2ffe1;
    /* height: 470px;*/
    overflow-y: auto
}

.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-right: 91px;
    background-color: #c4efe3;
    border-radius: 10px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    display: flex;
    align-items: center;
    width: 100%;
}

.Second-Section .group-section #book-popular .book-popular-card {
    width: auto;
    padding-right: 2px;
}

#book-popular .book-popular-card .cover-img-width {
    border-radius: 50%;
    width: 67px;
    height: 67px;
    border: 1px solid #999ca3;
    border-radius: 100%;
}

    #book-popular .book-popular-card .cover-img-width .cover-img {
        border-radius: 100%;
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }

.group-section #book-popular {
    height: 200px;
    overflow: visible;
}

.Second-Section .group-section #book-popular {
    height: auto;
}

/*==============group color ========*/
.group-section #book-popular .book-popular-card:nth-child(2n+1) {
    background-color: #c4efe3;
    border: 1px solid #00ccf2;
}

.group-section #book-popular .book-popular-card:nth-child(2n+2) {
    background-color: #dbccd8;
    border: 1px solid #7d00b5
}

.group-section #book-popular .book-popular-card:nth-child(2n+3) {
    background-color: #f5cccd;
    border: 1px solid #ff007c
}
/*===========================right side as design======================== */
.teacher-right-side h3 {
    color: #3e416d;
    font-size: 1.3rem;
}

/*side hex*/
.hexagon {
    position: relative;
    width: 27px;
    height: 15.59px;
    background-color: #8cb2c9;
    margin: 7.79px 0;
}

    .hexagon:before,
    .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 13.5px solid transparent;
        border-right: 13.5px solid transparent;
    }

    .hexagon:before {
        bottom: 100%;
        border-bottom: 7.79px solid #8cb2c9;
    }

    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 7.79px solid #8cb2c9;
    }

    .hexagon p {
        margin-top: -5px !important
    }

.hexagon1 {
    background: #000;
}

.teacher-right-side .top-section ul li:nth-child(2n+1) .hexagon {
    background: #c4efe3;
}

.teacher-right-side .top-section ul li:nth-child(2n+2) .hexagon {
    background: #dbccd8;
}

.teacher-right-side .top-section ul li:nth-child(2n+3) .hexagon {
    background: #f5cccd;
}

.teacher-right-side .top-section ul li:nth-child(2n+1) .hexagon:before {
    border-bottom: 7.79px solid #c4efe3;
}

.teacher-right-side .top-section ul li:nth-child(2n+1) .hexagon::after {
    border-top: 7.79px solid #c4efe3;
}

.teacher-right-side .top-section ul li:nth-child(2n+2) .hexagon:after {
    border-top: 7.79px solid #dbccd8;
}

.teacher-right-side .top-section ul li:nth-child(2n+2) .hexagon:before {
    border-bottom: 7.79px solid #dbccd8;
}

.teacher-right-side .top-section ul li:nth-child(2n+3) .hexagon:after {
    border-top: 7.79px solid #f5cccd;
}

.teacher-right-side .top-section ul li:nth-child(2n+3) .hexagon:before {
    border-bottom: 7.79px solid #f5cccd;
}

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

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

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

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

    .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-right: 0px;
    margin: auto;
}

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

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

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

/*.exam-accordion li:nth-child(3n+2) {
    background-color: #f9f6ed;
    border: 1px solid #f9f6ed;
}

.exam-accordion li:nth-child(3n+3) {
    background-color: #fff1e5;
    border: 1px solid #fff1e5;
}*/

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

    .over-text h3 {
        font-size: 22px !important;
    }

.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, button.addQuestion {
    margin-left: 19px;
    padding: 9px;
    background: #d5dbdc;
    color: #3e416d;
}

.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: right;
        margin-right: 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: middle;
}

.add-button {
    width: 100%;
    border: 2px solid #541100;
    background: transparent;
    border-radius: 25px;
}

label.choice {
    font-size: 13px;
}

.fa-question-circle {
    color: #ffc107;
}
/*new exam css*/
.answerSection {
    height: auto;
    border: 1px solid;
    padding-top: 20px;
    margin: auto;
    padding: 20px;
}

.badge.bg-orange {
    padding: 6px;
    padding-top: 0;
    padding-bottom: 0;
    width: max-content;
}

.question-accordion li {
    /*   background-color: #fffce8;
    border: 1px solid #fff4d4;*/
    padding: 10px;
}

.outerSection .uk-modal-footer {
    background: transparent !important;
    border-top: 1px solid #A9A9A9
}

.answerSection .choice {
    border: 1px solid #666;
    padding: 5px;
    border-radius: 8px;
}

.correct-block {
    background: #ffe7ae;
    padding: 10px;
    border-radius: 8px;
}

.zoom-icon {
    position: absolute;
    top: 72%;
    float: right;
    left: 77%;
    right: 0;
}

.zoom-icon2 {
    position: absolute;
    top: 60%;
    float: right;
    left: 77%;
    right: 0;
}

img.zoom-img {
    position: absolute;
    z-index: 11;
    zoom: 250%;
    float: initial;
    left: 0;
}

p.replace {
    margin: auto;
    width: 100%;
}
/*============exame like graphic image em =========================*/
.exam-accordion .sub-questions h5 {
    padding: 2px 4px;
    margin-bottom: 1px !important;
}

.exam-accordion .sub-questions h5, .exam-accordion .questions-block h4 {
    color: #541100 !important
}

.exam-accordion .sub-questions {
    border: 1px solid #541100 !important;
    background-color: #f9f7ed;
    border-radius: 10px;
    padding: 4px 10px
}

.exam-accordion table {
    border: 0px !important;
    margin-top: 6px;
}

.exam-accordion .sub-questions p {
    color: red
}

/*=========================*add exame page =============================*/
.add-exam {
    border: 1px solid #dfb290 !important;
    border-radius: 10px !important;
}

    .add-exam input:read-only {
        border: 0px !important;
    }

    .add-exam .uk-input, .add-exam .uk-select, .add-exam .uk-textarea {
        background: #fff5d4 !important
    }

    .add-exam .uk-modal-footer {
        background: #faeee2 !important;
    }
/*belzor calender*/
.rz-scheduler-nav-views .rz-button:last-child {
    margin-top: 5px !important;
}
/*====================teacherAssignment page============================================*/
.teacher-assignment-page {
    background: white;
}

    .teacher-assignment-page .uk-section {
        padding-top: 20px
    }

    .teacher-assignment-page .top-form .button {
        padding: 0 10px !important;
    }

    .teacher-assignment-page ul li {
        list-style: none;
        display: inline-block;
    }

    .teacher-assignment-page .stud-answer-img {
        height: 30px;
        width: 30px;
        display: inline-block;
    }

        .teacher-assignment-page .stud-answer-img img {
            height: 100%;
            width: 100%;
        }

    .teacher-assignment-page .uk-subnav-pill > .uk-active > a {
        background-color: transparent;
        color: #f37625;
        text-transform: capitalize;
    }

    .teacher-assignment-page .uk-subnav-pill li > a,
    .teacher-assignment-page .uk-subnav-pill > .uk-active > a {
        font-size: 14px !important;
        font-weight: bold;
    }

    .teacher-assignment-page .top-form .fa-search {
        position: absolute;
        margin-top: 10px;
        margin-left: 4px;
        color: #A9A9A9
    }

    .teacher-assignment-page .top-form .search-input input {
        background-color: #e9e9ed;
        border: 1px solid #3e416d;
        border-radius: 7px;
        height: 33px !important;
        padding-left: 30px
    }

    .teacher-assignment-page .top-form .filter-button {
        height: 33px !important;
        margin-left: -10px;
        border: 1px solid #3e416d;
        border-radius: 0px 7px 7px 0px;
        text-transform: capitalize;
        background: #e9e9ed;
    }

    .teacher-assignment-page .close-icon {
        position: absolute;
        margin: 2px 0px;
    }

    .teacher-assignment-page .teatcher-assignment .uk-dropdown-nav li {
        display: block
    }

    .teacher-assignment-page .teatcher-assignment .table-dropdown {
        padding: 0px 2px;
        border-color: transparent;
    }

    .teacher-assignment-page .teatcher-assignment .uk-dropdown {
        min-width: 160px !important;
        padding: 10px !important;
    }

    .teacher-assignment-page .uk-table th {
        font-weight: bold !important;
        color: #261d56;
        text-transform: capitalize !important;
        font-size: 14px !important;
        padding: 16px 4px !important;
    }

        .teacher-assignment-page .uk-table th .width-img-table {
            display: inline-block;
        }

        .teacher-assignment-page .uk-table th span {
            padding-left: 5px
        }

        .teacher-assignment-page .uk-table th img {
            margin-right: 3px
        }

    .teacher-assignment-page .item-switcher {
        width: 100% !important;
        /*display: block;*/
    }

    .teacher-assignment-page .uk-overflow-auto {
        width: 100%;
        margin: 0 auto;
    }

    .teacher-assignment-page table {
        border: 1px solid #cac7c7 !important;
        border-radius: 5px !important;
    }

    .teacher-assignment-page .uk-table td,
    .teacher-assignment-page .uk-table th {
        border-right: 1px solid #cac7c7 !important;
        white-space: nowrap;
    }

    .teacher-assignment-page .uk-table-striped > tr:nth-of-type(2n+1),
    .teacher-assignment-page .uk-table-striped tbody tr:nth-of-type(2n+1) {
        border-top: 1px solid #cac7c7 !important;
        border-bottom: 1px solid #cac7c7 !important;
    }

    .teacher-assignment-page .uk-table-striped th, .uk-table tbody tr {
        background: #edf6ff !important;
        border-bottom: 1px solid #bab8b8;
    }

    .teacher-assignment-page .uk-table-striped > tr:nth-of-type(2n+1),
    .teacher-assignment-page .uk-table-striped tbody tr:nth-of-type(2n+1) {
        background: #f2ffe1 !important
    }

    .teacher-assignment-page .uk-dropdown-nav i {
        margin-right: 6px !important
    }

    .teacher-assignment-page .table-dropdown .uk-dropdown-nav:before {
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -3px;
        content: "";
        display: inline-block;
        border-top: 10px solid red;
        border-right: 10px solid red;
        border-bottom: 10px solid green;
    }

    .teacher-assignment-page .review-answer a:hover {
        color: #1689b5 !important
    }

    .teacher-assignment-page .btn-bg-color {
        background-color: #54a8c8;
        color: #fff;
    }

    .teacher-assignment-page .select2-container {
        border: 1px solid #54a8c8 !important;
        border-radius: 6px !important;
    }

.uk-select:not([multiple]):not([size]) {
    /*background-image:''!important;*/
}

.teacher-assignment-page .assignment-filter-block {
    background-color: #dff7ff;
    min-height: 230px;
    border-radius: 10px;
    padding: 10px 20px;
    position: absolute;
    z-index: 999;
    display: none;
    box-shadow: 4px 5px 10px #c8c7c7;
    margin-top: -12px;
}

.enter-grade-block {
    display: none
}

.teacher-assignment-page .assignment-grade-block,
.enter-grade-block {
    border-radius: 20px;
    padding: 30px 20px;
    z-index: 999;
    box-shadow: 4px 5px 10px #c8c7c7;
    border: 1px solid #A9A9A9;
    background-color: #f0f2f3;
    position: absolute;
    z-index: 888;
    margin: 10px;
}

.review-question p {
    margin-top: 0px;
    width: 250px;
    overflow-wrap: break-word;
    text-indent: inherit;
    white-space: normal;
}

.review-question img {
    width: 100px !important;
    position: absolute;
    right: 49px;
    top: 35px;
}

.answers-content {
    max-height: 250px;
    overflow-y: auto;
}

.answer-review-img {
    height: 100px;
    width: 100px;
    border: 1px solid #3e416d;
    border-radius: 3px;
    margin-left: 20px
}

    .answer-review-img img {
        height: 100%;
        width: 100%;
    }

.teacher-assignment-page .assignment-grade-block .uk-input {
    border-radius: 6px !important
}

.teacher-assignment-page .assignment-grade-block hr {
    border-top: 1px solid #A9A9A9;
}

.teacher-assignment-page .white-placeholder::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.teacher-assignment-page .white-placeholder
:-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

.teacher-assignment-page .assignment-filter-block .uk-input {
    border-radius: 5px;
}

.teacher-assignment-page .assignment-filter-block .btn-delete-icon {
    height: 30px;
    width: 30px;
}

    .teacher-assignment-page .assignment-filter-block .btn-delete-icon img {
        height: 100%;
        width: 100%;
    }

.assignment-grade-block.enter-grade-block {
    right: 0px;
    z-index: 11;
}

.teacher-assignment-page .uk-alert-success {
    border: 1px solid #3e416d;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    color: #3e416d;
    padding-top: 7px;
}

    .teacher-assignment-page .uk-alert-success h6 {
        font-size: 14px
    }

    .teacher-assignment-page .uk-alert-success .button {
        border: 2px solid red;
        border-radius: 8px;
    }

.teacher-assignment-page .favourit-row {
    background-color: #b1d8ff !important
}

.assignment-filter-block .uk-select:not([multiple]):not([size]) {
    background-image: url("../images/arrow-down-sign-to-navigate (4).png");
    background-position: 95% 50%;
    background-size: 15px;
}

.dowloadtooltip.uk-active {
    font-size: 9px !important;
    padding: 2px !important;
    margin-top: 20px;
}

.teacher-assignment-page .review-answer a {
    display: inline-block;
}
/*=====================================teacher material================================*/
.content-x {
    background: #d3e6eb;
    padding: 20px;
    border-radius: 8px;
}

    .content-x .btn-bg-color {
        background-color: #146171;
    }

    .content-x .bg-dark-blue {
        background-color: #146171 !important;
    }

    .content-x .uk-table-striped tbody tr:nth-of-type(2n+1) {
        background: #d3e6eb !important;
    }

    .content-x .favourit-row {
        background-color: #d3e6eb !important;
    }

    .content-x .uk-table th, .content-x .uk-table td {
        color: #146171;
    }

    .content-x .uk-checkbox:checked {
        background-color: #146171;
    }

.over-text h4 {
    color: #3e416d;
}

.over-text {
    width: 263px;
}

button .addMaterial {
    background: #146171;
    color: #fff;
    border-radius: 25px;
    font-size: 20px;
    width: 104px;
}

button.button.add-file {
    background: #146171;
    color: #fff;
    border-radius: 25px;
}

.add-studentMaterial .uk-modal-body {
    background-color: #d3e6eb !important;
    border-radius: 8px;
}

.add-studentMaterial .uk-input, .add-studentMaterial .uk-select, .add-studentMaterial .uk-textarea {
    background: #effbfe !important;
}

.add-studentMaterial .uk-modal-footer {
    background: #d3e6eb !important;
}

.add-studentMaterial .drop-zone-upload {
    background: #fff;
}

button.save-btn {
    background: #146171;
    color: #fff;
}

.add-studentMaterial button.bg-yellow {
    color: #fff;
    background-color: #f0af16e6;
}

.add-studentMaterial .uk-form-label {
    color: #256d7c;
}

.add-studentMaterial {
    border: none;
}

.filter-material .uk-select:not([multiple]):not([size]), .teacher-assignment-page .uk-select:not([multiple]):not([size]) {
    background-image: url("../images/arrow-down-sign-to-navigate (4).png");
    background-position: 95% 50%;
    background-size: 15px;
}


    .filter-material .uk-select:not([multiple]):not([size]) option,
    .teacher-assignment-page .uk-select:not([multiple]):not([size]) option {
        color: #fff;
    }

.filter-material .bg-dark-green {
    background-color: #146171 !important;
}

.assignment-filter-block.filter-material {
    background-color: #d3e6eb;
    border: 1px solid #888a8a;
}
/*==========================================parent=====================================*/

.StudentBlocks #book-popular.student-details .book-popular-card {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    background-color: #ffc844;
    border: 0;
    box-shadow: 0 4px 11px -4px rgb(0 0 0 / 20%);
    /*margin: 24px 0 27px;*/
    padding: 0;
    padding-right: 15px;
}

    .StudentBlocks #book-popular.student-details .book-popular-card .cover-img-width {
        border-radius: 50%;
        width: 80px;
        height: 80px;
    }

    .StudentBlocks #book-popular.student-details .book-popular-card .cover-img-width {
        border: 0;
    }

.StudentBlocks #book-popular .book-popular-card .book-details p {
    /*font-size: 17px !important;*/
    color: #858585 !important;
    font-weight: bold;
}

.top-student #book-popular .book-popular-card .book-details p {
    font-size: 17px !important;
    color: #858585 !important;
}

.top-student #book-popular .book-popular-card .book-details h4 {
    font-size: 19px !important;
    color: #272D3B !important;
}

.StudentBlocks #book-popular .book-popular-card .book-details {
    margin-left: 4px;
}

.StudentBlocks .uk-position-center-right-out {
    right: auto;
    top: 48%;
    left: 90%;
    z-index: 11;
}

.StudentBlocks #book-popular.student-details .book-popular-card {
    position: relative;
}

/*============================tabs=============================*/
.Parent-Tabs .left-border {
    border-left: 0;
}

.Parent-Tabs .your-lecture {
    padding: 0;
    background: transparent;
}

    .Parent-Tabs .your-lecture ul.Days li {
        color: #3e416d !important;
        font-weight: bold;
        margin: 5px 14px;
        font-size: 10px;
    }

.Parent-Tabs a.tab-img {
    width: 40px;
    height: 40px;
}

.Parent-Tabs img.circle {
    border-radius: 100%;
    width: 40px;
    max-width: inherit;
    border: 1px solid #bebebe;
    padding: 3px;
    background: #f2f2f2;
}

.Parent-Tabs .img-icon {
    zoom: 40%;
}

.Parent-Tabs li.uk-active img.circle {
    border: 1px solid #1db22d;
    background: #f2f2f2;
}

.StudentBlocks .your-lecture .uk-switcher {
    border: 1px solid #938d8d;
    border-top-left-radius: 25px;
    background: #f8f8f8;
    position: relative;
    left: -46px;
    top: -33px;
    height: 590px;
}

.StudentBlocks .uk-switcher.second-switch {
    border: 0;
    background: transparent;
}

.StudentBlocks .your-lecture .uk-switcher {
    padding: 26px 35px !important;
}

.Parent-Tabs {
    position: relative;
    top: -68px;
}

.StudentBlocks .your-lecture .uk-switcher .group-section .uk-card {
    background: #f2ffe1;
    height: auto;
    width: auto;
}

#book-popular.Parent-announcement .book-popular-card .cover-img-width {
    border-radius: 0;
    width: 40px;
    height: 40px;
    border: 0;
    margin-left: 10px;
}

#book-popular.Parent-announcement .book-popular-card {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

    #book-popular.Parent-announcement .book-popular-card h6 {
        line-height: 0;
        margin-top: 22px;
    }

    #book-popular.Parent-announcement .book-popular-card img.cover-img {
        box-shadow: none;
        border: 0;
        border-radius: 0;
    }

    #book-popular.Parent-announcement .book-popular-card:nth-child(2n+1) {
        background-color: #ebf1ef;
        border: 1px solid #00ccf2;
        border-left: 4px solid #00ccf2;
    }

    #book-popular.Parent-announcement .book-popular-card:nth-child(2n+2) {
        background-color: #ebf1ef;
        border: 1px solid #7d00b5;
        border-left: 4px solid #7d00b5;
    }

    #book-popular.Parent-announcement .book-popular-card:nth-child(2n+3) {
        background-color: #ebf1ef;
        border: 1px solid #ff007c;
        border-left: 4px solid #ff007c;
    }

    #book-popular.Parent-announcement .book-popular-card .book-details p {
        color: #88888c;
        line-height: 2;
        font-size: 14px;
    }

    #book-popular.Parent-announcement .book-popular-card .book-details h5 {
        font-size: 20px;
    }

#book-popular.Parent-announcement {
    height: 219px;
    overflow: visible;
    /*    overflow-x: hidden;*/
}

.second-switch a.skill-card {
    display: block;
    text-align: center;
    background: transparent;
    padding: 20px 0 0 0px;
    margin-bottom: 85px;
}


    .second-switch a.skill-card.mr-lg-11 {
        margin-right: 140px !important;
    }

    .second-switch a.skill-card:nth-child(2n+1) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #EE6055;
        border-radius: 5px;
    }

    .second-switch a.skill-card:nth-child(2n+2) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #33C1B1;
        border-radius: 5px;
    }

    .second-switch a.skill-card:nth-child(2n+3) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #A663CC;
        border-radius: 5px;
        opacity: 1;
    }

    .second-switch a.skill-card:nth-child(2n+4) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #FFC847;
        border-radius: 5px;
    }

    .second-switch a.skill-card:nth-child(2n+5) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #2C0B4F;
        border-radius: 5px;
    }

    .second-switch a.skill-card:nth-child(2n+6) {
        background: #F6F6F8 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #8386A31F;
        border: 1px solid #B75103;
        border-radius: 5px;
    }

    .second-switch a.skill-card img {
        width: 91px;
        height: 89px;
        text-align: center;
        margin: auto;
    }

    .second-switch a.skill-card h3 {
        font-size: 27px;
        color: #09004B;
    }

.courseList a.skill-card {
    display: block;
    text-align: center;
    background: transparent;
    padding: 20px 0 0 0px;
}

    .courseList a.skill-card:nth-child(2n+1) {
        border: 2px solid #ff3b30;
    }

    .courseList a.skill-card:nth-child(2n+2) {
        border: 2px solid #3b9be9;
    }

    .courseList a.skill-card:nth-child(2n+3) {
        border: 2px solid #c690d1;
    }

    .courseList a.skill-card:nth-child(2n+4) {
        border: 2px solid #fe9901;
    }

    .courseList a.skill-card:nth-child(2n+5) {
        border: 2px solid #c690d1;
    }

    .courseList a.skill-card:nth-child(2n+6) {
        border: 2px solid #c56c39;
    }

    .courseList a.skill-card img {
        width: 52px;
        text-align: center;
        margin: auto;
    }

.second-tab.semester-tab.uk-tab::before {
    border-bottom: 0;
}

.student-dashboard .uk-tab::before {
    border-bottom: 1px solid #aba7a7;
}

ul.second-tab li {
    text-align: center;
}

ul.second-tab.parent-student-semester li {
    text-align: left;
    max-width: 40%;
}
    /*ul.second-tab.parent-student-semester li.uk-active > a:before {
        display: block;
        position: absolute;
        content: '';
        width: 309px;
        height: 12px;*/
    /* UI Properties */
    /*background: #FCA800 0% 0% no-repeat padding-box;
        border-radius: 100px;
        top: 82px;
        left: 0px;
        margin-top: 0;
    }*/

    ul.second-tab.parent-student-semester li > a > h3 {
        font-size: 34px;
    }

ul.second-tab li.uk-active > a {
    border-bottom: none;
}

ul.second-tab.student-tabs li.uk-active > a:before {
    display: block;
    position: absolute;
    content: '';
    background: #f9d01a;
    height: 14px;
    width: 64%;
    top: 50px;
    left: 46px;
    margin-top: 0;
    border-radius: 25px;
}

ul.second-tab li.uk-active > a {
    border-color: transparent;
}

ul.second-tab li > a > h5 {
    color: #8f8f8f;
    font-size: 26px;
    font-family: LatoBold;
}

ul.second-tab li.uk-active > a > h5 {
    color: #3e416d;
}

ul.second-tab li > a {
    text-align: left;
    display: inline-flex;
}

ul.second-tab {
    /* width: 60%;*/
}

.uk-tab.second-tab.parent-student-semester::before {
    border: 0;
}

ul .second-tab li > a > img {
    height: 30px;
}

/*ul.second-tab.parent-student-semester li.uk-active > a:before {
    background: #ffc844;
    height: 7px;
    width: auto;
    left: 17px;
}*/


ul.second-tab.parent-student-semester li.uk-active > a {
    border-bottom: 7px solid #ffc844;
}

ul.second-tab.statistic-tabs li.uk-active > a {
    border-bottom: 6px solid #ffc844;
}

.uk-tab.second-tab.statistic-tabs::before {
    bottom: 0;
}

ul.second-tab.statistic-tabs li.uk-active > a:before {
    background: transparent;
}

ul.second-tab.parent-student-semester {
    /* width: 70%;*/
}
/*matrial units*/
.unitTitle {
    display: flex;
}

    .unitTitle img {
        height: 55px;
    }

    .unitTitle h3 {
        margin-top: 6px;
    }

.materialUnits img.img-unit {
    height: 30px;
}

.materialUnits h5 > span.sub-title {
    color: #f7b030;
    font-size: 11px;
    font-style: italic;
}

.materialUnits button {
    background: #ecedeeee;
    border: 1px solid #f7b030;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    width: 174px;
    padding: 5px 0 0 10px;
}

.materialUnits .after-button::after {
    content: "55";
}

.materialUnits .uk-dropdown {
    margin-top: -11px;
    padding: 12px;
    background: rgb(237, 238, 239);
    border: 1px solid rgb(243, 199, 120);
    min-width: 188px !important;
}

    .materialUnits .uk-dropdown .uk-nav > li > a {
        padding: 0;
    }

/*===============================attendance===============================*/
.materialUnits .select-date {
    display: flex;
    width: 65%;
    margin-left: 20%;
    float: right;
    text-align: right;
    margin-top: 8px;
    justify-content: end;
}

    .materialUnits .select-date .uk-select {
        margin-left: 5px;
    }

.materialUnits .all-flex {
    display: flex;
}

.materialUnits .uk-select {
    border: 1px solid #e962aa;
    color: #3e416d;
    font-size: 17px;
}

.materialUnits .Absent-details {
    border: 2px solid #e77676;
    border-radius: 5px;
    padding: 10px;
    max-height: 168px;
    height: 100%;
}

    .materialUnits .Absent-details .padge {
        float: right;
        background: #ffc844;
        padding: 4px;
        width: 65px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        text-align: center;
        position: relative;
        right: -11px;
        margin-top: 20px;
        font-weight: bold;
        color: #3e416d;
    }

        .materialUnits .Absent-details .padge.casual-type {
            background: #69cbfa;
            color: #fff;
            font-weight: bold;
        }

    .materialUnits .Absent-details .date {
        display: flex;
    }

        .materialUnits .Absent-details .date .uk-card-body {
            background: transparent;
            margin: 10px 0 0 10px;
        }

            .materialUnits .Absent-details .date .uk-card-body .uk-card-title {
                color: #3e416d;
            }

        .materialUnits .Absent-details .date img {
            height: 30px;
        }

        .materialUnits .Absent-details .date .uk-card-body p {
            font-weight: 600;
            font-size: 13px;
            color: #3e416d;
        }

.materialUnits .select-day .uk-select {
    border: 0;
    background: transparent;
}

.materialUnits .weekDays > ul {
    display: inline-flex;
    width: 100%;
    padding-left: 0;
}

.materialUnits .weekDays li {
    width: 100px;
    text-align: center;
    list-style: none;
}

.materialUnits .weekDays .Day h4 {
    color: #b6b6b6;
    color: #121212;
    opacity: 0.5;
    font-size: 26px;
    font-weight: bolder;
}

.materialUnits a.skill-card {
    width: 90%;
}

    .materialUnits a.skill-card:nth-child(2n+1) {
        border: 2px solid #e0bab4;
    }

    .materialUnits a.skill-card:nth-child(2n+2) {
        border: 2px solid #c4efe3;
    }

    .materialUnits a.skill-card:nth-child(2n+3) {
        border: 2px solid #f5cccd;
    }

    .materialUnits a.skill-card:nth-child(2n+4) {
        border: 2px solid #dab0ec;
    }

.materialUnits .time-card {
    display: contents;
}

.materialUnits .skill-card-title {
    width: 77%;
}
/*.student-material .chapter .skill-card-title::after {
    content: "#f078";
    float: right;
}*/
.materialUnits .skill-card-subtitle {
    text-align: right;
}

.materialUnits img.img-lunch {
    height: 30px;
    margin-left: 157px;
}

.materialUnits .weekDays ul > li.active {
    background: #fff;
    padding-top: 10px;
    border-radius: 10px;
    border: 2px solid #f7b030;
    box-shadow: -3px 3px 10px 0.5px #d6d4d4;
}

    .materialUnits .weekDays ul > li.active > a.Day > h4,
    .materialUnits .weekDays ul > li.active > a.Day > h3 {
        line-height: 1;
        color: #FF8800;
        opacity: 1;
        font-weight: 600;
    }

    .materialUnits .weekDays ul > li.active > a.Day > h4 {
        font-weight: bolder;
    }
/*============================sidebar activity====================================*/
.select-day div.input-block {
    position: relative;
}

    .select-day div.input-block input {
        font-size: 1.0rem;
        color: #495055;
        width: 154px;
        padding: 0 10px;
        border-radius: 2rem;
        border: 2px solid #D9D9D9;
        outline: none;
    }

    .select-day div.input-block span.placeholder {
        position: absolute;
        margin: 11px 0;
        padding: 0 4px;
        color: #4585f4;
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        top: 0;
        left: 17px;
        transition: all 0.2s;
        transform-origin: 0% 0%;
        background: none;
        pointer-events: none;
    }

    .select-day div.input-block input:valid + span.placeholder,
    .select-day div.input-block input + span.placeholder {
        transform: scale(0.8) translateY(-30px);
        background: #f8f8f8;
    }

    .select-day div.input-block input {
        color: #4585f4;
        border-color: #4585f4;
        background: #f8f8f8;
    }

        .select-day div.input-block input + span.placeholder {
            color: #4585f4;
        }
/* -------------------------------------------------------------------------
  VERTICAL STEPPERS
-------------------------------------------------------------------------- */

/* Steps */
.step {
    position: relative;
    min-height: 1em;
    color: gray;
}

    .step + .step {
        margin-top: 1.5em
    }

    .step > div:first-child {
        position: static;
        height: 0;
    }

    .step > div:not(:first-child) {
        margin-left: 1.5em;
        padding-left: 1em;
    }

    .step.step-active {
        color: #4285f4
    }

        .step.step-active .circle {
            background-color: #4285f4;
        }

/* Circle */
.circleStep {
    background: #fff;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 0 3px #54a5e8;
}

    /* Vertical Line */
    .circleStep:after {
        content: ' ';
        position: absolute;
        display: block;
        top: 1px;
        right: 50%;
        bottom: 1px;
        left: 50%;
        height: 100%;
        width: 1px;
        transform: scale(1, 2);
        transform-origin: 50% -100%;
        background-color: rgb(210 207 207);
        z-index: 0;
    }

.step:last-child .circleStep:after {
    display: none;
}

.caption img {
    height: 20px;
    margin-right: 10px;
}

input.customDate {
    border: 2px solid #4285f4;
    background: transparent;
    border-radius: 25px;
    color: #4285f4;
}
/* Stepper Titles */
.title {
    line-height: 1.5em;
    font-weight: bold;
}

.caption {
    font-size: 0.8em;
}
/*==========================teachers=====================================*/
.img-teacher {
    width: 150px;
    right: 20px;
    position: absolute;
}

.Teachers-blocks {
    top: 0px;
    position: relative;
}

    .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card:nth-child(2n+1) .cover-img-width {
        border: 4px solid #f7b030;
    }

    .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card:nth-child(2n+2) .cover-img-width {
        border: 4px solid #a88ce2;
    }

    .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card:nth-child(2n+3) .cover-img-width {
        border: 4px solid #5dd2d8;
    }

    .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card .book-details h4 {
        color: #3e416d;
    }

    .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card .contact-info {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
    }

        .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card .contact-info > a > img {
            width: 20px;
            margin-right: 10px;
        }

        .Teachers-blocks .teacher-info #book-popular.teacher-block .book-popular-card .contact-info > a.show-Details {
            width: auto;
            float: right;
            color: #3e416d;
            font-weight: bold;
            font-size: 12px;
        }

    .Teachers-blocks #book-popular.teacher-block .book-popular-card:nth-child(2n+1) {
        background-color: #ffffff;
        border: 1px solid #e7a42d;
    }

    .Teachers-blocks #book-popular.teacher-block .book-popular-card:nth-child(2n+2) {
        background-color: #ffffff;
        border: 1px solid #a88ce2;
    }

    .Teachers-blocks #book-popular.teacher-block .book-popular-card:nth-child(2n+3) {
        background-color: #ffffff;
        border: 1px solid #5dd2d8;
    }
/*======================================== statistics=====================================*/
ul.statistic-tabs li > a {
    text-align: center;
    display: block;
}

ul.statistic-tabs {
    width: 100%;
}

    ul .statistic-tabs li > a > img {
        height: 60px;
    }

.statistics-Details {
    display: flex;
    width: 100%;
    padding: 10px;
    border: 2px solid #66d1e9;
    border-radius: 8px;
}

    .statistics-Details span.progress-width {
        float: right;
    }

    .statistics-Details .progress-details {
        overflow-y: auto;
        height: 200px;
        width: 100%;
    }

    .statistics-Details .progress-item {
        margin-top: 10px;
    }

        .statistics-Details .progress-item:nth-child(2n+1) > h5 {
            color: #3e416d;
        }

        .statistics-Details .progress-item:nth-child(2n+2) > h5 {
            color: #66d1e9;
        }

        .statistics-Details .progress-item:nth-child(2n+3) > h5 {
            color: #ec7d7d;
        }

        .statistics-Details .progress-item:nth-child(2n+4) > h5 {
            color: #47b94c;
        }

        .statistics-Details .progress-item:nth-child(2n+5) > h5 {
            color: #c286e1;
        }

        .statistics-Details .progress-item:nth-child(2n+1) > .course-progressbar .course-progressbar-filler {
            background-color: #3e416d;
        }

        .statistics-Details .progress-item:nth-child(2n+2) > .course-progressbar .course-progressbar-filler {
            background-color: #66d1e9;
        }

        .statistics-Details .progress-item:nth-child(2n+3) > .course-progressbar .course-progressbar-filler {
            background-color: #ec7d7d;
        }

        .statistics-Details .progress-item:nth-child(2n+4) > .course-progressbar .course-progressbar-filler {
            background-color: #47b94c;
        }

        .statistics-Details .progress-item:nth-child(2n+5) > .course-progressbar .course-progressbar-filler {
            background-color: #c286e1;
        }
    /*statistice circle progressbar*/
    .statistics-Details .prgressbar {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 0;
        background: transparent;
        zoom: 300%;
    }

    .statistics-Details .box {
        position: relative;
        width: 55px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

        .statistics-Details .box .percent {
            position: relative;
            width: 60px;
            height: 60px;
        }

            .statistics-Details .box .percent svg {
                position: relative;
                width: 100px;
                height: 100px;
            }

                .statistics-Details .box .percent svg circle {
                    width: 40px;
                    height: 40px;
                    fill: none;
                    stroke: #000;
                    stroke-width: 4px;
                    transform: translate(5px,5px);
                    stroke-dasharray: 198;
                    stroke-dashoffset: 270;
                }

                    .statistics-Details .box .percent svg circle:nth-child(1) {
                        stroke-dashoffset: 0;
                        stroke: #e6d7f2;
                    }

                    .statistics-Details .box .percent svg circle:nth-child(2) {
                        stroke-dashoffset: 87;
                        stroke: #301959;
                    }

            .statistics-Details .box .percent .number {
                position: absolute;
                top: 0;
                left: 0;
                width: 50px;
                height: 68px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #999;
                text-align: center;
            }

                .statistics-Details .box .percent .number > h6 > p {
                    margin: 0;
                }

                .statistics-Details .box .percent .number > h6 {
                    font-size: 4px;
                    line-height: 2;
                }

                    .statistics-Details .box .percent .number > h6 > p.percent-no {
                        font-size: 6px;
                    }

                .statistics-Details .box .percent .number h2 {
                    font-size: 48px;
                }

                    .statistics-Details .box .percent .number h2 span {
                        font-size: 28px;
                    }

.statistics-result p.result {
    color: #b8b4b4;
    font-size: 13px;
    font-weight: 600;
}


/*========================================bus timetable=================================*/
.bustime-title h5 {
    color: #c6660c;
}

.BusTime-details {
    display: inline-flex;
    width: 100%;
    max-width: 336px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    border: 2px solid #c6660c;
}

.select-day.bus-time
div.input-block input {
    color: #c6660c;
    border-color: #f3cfad;
    background: #f8f8f8;
}

    .select-day.bus-time div.input-block input + span.placeholder {
        color: #c6660c;
    }

.BusTime-details .bus-img {
    width: 30px;
    height: 30px;
}

.BusTime-details h4 {
    margin: 0 0 0 31px;
    color: #c6660c;
}

.BusTime-details span {
    margin: 0 0 0 53px;
    color: #3e416d;
    font-weight: 600;
}

.track-bus .button {
    border: 2px solid #9b8ded;
    color: #c6660c;
    font-size: 15px;
}
/*============================= parent payments==============================================*/
.Payment-card {
    text-align: center;
    padding: 6px;
    width: 168px;
    border: 2px solid #aed6ee;
    border-radius: 8px;
}

    .Payment-card .payment-img img {
        width: 60px;
    }

.fees-title h5 {
    color: #1cb81d;
}

.fees-no h5 {
    color: #1cb81d;
}
/**********************************************************************************************************/
/******************************************student dashboard**********************************************/
/**********************************************************************************************************/
/*.student-profile .hex {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100px;
    height: 99px;
    background-image: red;
    box-sizing: border-box;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    background-image: linear-gradient(to right, #f1c848, #ea731a, #ecb433d9);
    border-radius: 25px;
    border-radius: 50%;
}*/

/*.student-profile .hex-background {
    position: absolute;
    background-color: white;
    top: 4px;
    left: 3px;
    width: 94px;
    height: 92px;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 50%;
}

.student-profile .hex img {
    position: absolute;
    width: 90px;
    height: 87px;
    left: 2%;
    top: 2px;
    object-fit: cover;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 60%;
}*/
.student-profile .hex {
    position: relative;
    margin: 2em auto;
    width: 6.8em;
    height: 4.32em;
    border-radius: 1em/0.5em;
    background-image: linear-gradient(to bottom right, #ffe13ecc, #f47522, #f9d01aba);
    transition: opacity 0.5s;
}



    .student-profile .hex:before, .student-profile .hex:after {
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        background: inherit;
        content: '';
    }

    .student-profile .hex:before {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .student-profile .hex:after {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }
/* .hex {
        display: block;
        margin: 0 auto;
        position: relative;
        width: 100px;
        height: 99px;
        background-image: red;
        box-sizing: border-box;
        -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
        clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
        background-image: linear-gradient(to bottom right, #ffe13e, #e84914, #f9d01a);
        border-radius: 25px;
        border-radius: 50%;
    }*/
.student-profile .hex-background {
    position: absolute;
    background-color: #EFEFEF;
    top: -20px;
    left: 1px;
    z-index: 1;
    width: 101px;
    height: 106px;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 50%;
}


.student-profile .hex img {
    position: absolute;
    width: 93px;
    height: 99px;
    left: 4px;
    top: 3px;
    object-fit: cover;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 60%;
}
/*teacher hexagon img*/
.teacher-admin-img .hex {
    position: relative;
    margin: 0px;
    width: 6.8em;
    height: 4.32em;
    border-radius: 1em/0.5em;
    background-image: linear-gradient(to bottom right, #ffe13ecc, #f47522, #f9d01aba);
    transition: opacity 0.5s;
    zoom: 50%;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
}



    .teacher-admin-img .hex:before, .teacher-admin-img .hex:after {
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        background: inherit;
        content: '';
    }

    .teacher-admin-img .hex:before {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .teacher-admin-img .hex:after {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

.teacher-admin-img .hex-background {
    position: absolute;
    background-color: #EFEFEF;
    top: -20px;
    left: 1px;
    z-index: 1;
    width: 101px;
    height: 106px;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 50%;
}


.teacher-admin-img .hex img {
    position: absolute;
    width: 93px;
    height: 99px;
    left: 4px;
    top: 3px;
    object-fit: cover;
    -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    border-radius: 60%;
}

.student-profile .edit-profile {
    position: absolute;
    background-color: transparent;
    top: 26px;
    left: 77px;
    z-index: 3;
    width: 33.41px;
    height: 36.9px;
    /* -webkit-clip-path: polygon( 50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25% ); */
    /* clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); */
    border-radius: 50%;
}

    .student-profile .edit-profile img {
        /*position: absolute;
        width: 82px;
        height: 74px;
        left: 0px;*/
        top: -15px;
        object-fit: cover;
        -webkit-clip-path: 0;
        clip-path: 0;
        border-radius: 0;
    }

.student-profile {
    height: auto;
    margin-bottom: 20px;
}


    .student-profile .teacher-admin-img {
        width: 100px;
        height: 100px;
        margin: 0 50% 0 35%;
    }

        .student-profile .teacher-admin-img > img {
            height: 100%;
            width: 100%;
        }

    .student-profile .student-name h5:nth-child(2n+1) {
        font-size: 25px;
    }

    .student-profile .student-name p {
        background: #f9d01a;
        width: 100px;
        border-radius: 25px;
        margin: 0 50% 0 36%;
        font-weight: 600;
        line-height: 1.5rem;
    }

    .student-profile .student-name h5.class-level {
        font-size: 20px;
        font-weight: bold;
    }

.group-section.student-material #book-popular.Parent-announcement .book-popular-card {
    box-shadow: 0 0 0;
}

    .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+1) {
        background-color: transparent;
        border: 0;
        /*border-left: 4px solid #531902;*/
        box-shadow: 0;
    }

        .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+1):before {
            display: block;
            content: '';
            background: #8b0000;
            height: 54px;
            width: 9px;
            margin-top: 0;
            border-radius: 25px;
        }

    .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+3):before {
        display: block;
        content: '';
        background: #2de6ea;
        height: 54px;
        width: 9px;
        margin-top: 0;
        border-radius: 25px;
    }

    .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+5):before {
        display: block;
        content: '';
        background: #ffcc0a;
        height: 54px;
        width: 9px;
        margin-top: 0;
        border-radius: 25px;
    }

    .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+3) {
        background-color: transparent;
        border: 0;
        /*        border-left: 4px solid #00ccf2;
*/
    }

    .group-section.student-material #book-popular.Parent-announcement .book-popular-card:nth-child(2n+5) {
        background-color: transparent;
        border: 0;
        /*        border-left: 4px solid #f5cd27;
*/
    }

/*******************************************exam content************************************/
/*.pause-lec a.click-pause > i {
    background: #020e3f;
    padding: 10px;
    border-radius: 25px;
    color: #fff;
}*/
.pause-lec a.click-pause {
    font-size: 15px;
    font-weight: 600;
}

    .pause-lec a.click-pause img {
        width: 41px;
        height: 41px;
    }

.pause-lec a.view {
    float: right;
    color: #F56732;
    font-size: 13px;
}

ul.Days.question-no li {
    border-radius: 25px;
    background: #f9f4f9;
    padding: 0;
    height: 37px;
    width: 37px;
    text-align: center;
    border: 1px solid #7C37FA;
}

    ul.Days.question-no li.uk-active {
        background: #EADFFF;
    }

    ul.Days.question-no li > a {
        color: #7C37FA;
        line-height: 1.5;
        font-size: 22px;
        text-align: center;
    }

    ul.Days.question-no li.more {
        background: transparent;
        border: 0;
    }

.your-lecture.questions {
    background: transparent;
}

    .your-lecture.questions ul.Days.all-exam li.uk-active > a {
        color: #ffffff !important;
    }

    .your-lecture.questions ul.Days.all-exam li > a {
        color: #020E3F !important;
    }

ul .exam-question span.correct-answer {
    color: #49a939;
}

ul.exam-question h5 {
    font-size: 25px;
}

ul.exam-question .answers .answer-block {
    display: flex;
}

    ul.exam-question .answers .answer-block .answer-item {
        border-radius: 8px;
        padding: 10px;
        width: 511px;
    }

        ul.exam-question .answers .answer-block .answer-item span {
            font-size: 25px;
            font-weight: 600;
        }

        ul .exam-question .answers .answer-block .answer-item.checked {
            border: 1px solid #00ff21;
        }

        ul.exam-question .answers .answer-block .answer-item.unchecked {
            border: 1px solid #9f54a9;
        }

    ul .exam-question .answers .answer-block .uk-checkbox:checked {
        background-color: #49a939;
    }

    ul .exam-question .answers .answer-block .uk-checkbox {
        width: 55px;
        height: 53px;
    }

.answer-block .uk-radio:checked {
    background-color: #ffc578;
}

.answer-block .uk-radio.yes:checked {
    background-color: #3dc310;
}

.answer-block .uk-radio.no:checked {
    background-color: #f12f2f;
}

.answer-block .uk-radio {
    height: 36px;
    width: 43px;
}

.answer-block .uk-textarea {
    border-radius: 8px;
    border: 2px solid #d3b1cd;
}

.answer-block span.division-char {
    font-size: 20px;
    font-weight: bold;
    margin: 0 24px;
}

.answer-block .uk-select {
    border: 2px solid #a757ce;
}

.arrange-Answers .answer-item {
    display: flex;
    justify-content: space-between;
}

    .arrange-Answers .answer-item .uk-input {
        border: 2px solid #e9c5fa;
        border-radius: 8px;
    }

    .arrange-Answers .answer-item span {
        font-weight: bold;
    }

ul.marker-names {
    padding-left: 0;
}

    ul.marker-names li {
        list-style: none;
        font-weight: bold;
    }

.marker-shapes {
    padding: 10px;
    border: 2px solid #d9a9e9;
    border-radius: 8px;
}

    .marker-shapes h5 {
        color: #f7885e;
    }

    .marker-shapes span > img {
        height: 40px;
    }

.image-Marked {
    width: 200px;
    border: 2px solid #a09ca1;
}

.submit-page {
    text-align: center;
}

    .submit-page h5 {
        margin: 20% auto;
    }

.submit-img {
    width: 20%;
    margin: 20% auto;
    margin-bottom: 0;
}

.submit-result h3 {
    margin: 0;
}

.controls.review-submit button {
    border-radius: 8px;
}

.chooseAnswer {
    display: flex;
    width: 100%;
    margin-top: 100px;
}

    .chooseAnswer h5.answer {
        width: 20%;
        margin: 10px;
        border-radius: 8px;
        background: #fff;
        border: 2px solid #d3b1cd;
        text-align: center;
    }

.image-Marked.img-question {
    width: auto;
    height: auto;
    border: 2px solid #a09ca1;
}

.answer-Img {
    justify-content: center;
}

ul.exam-question .answers .answer-block.answer-Img .answer-item {
    display: grid;
    width: 310px;
    background: #fff;
}

ul.exam-question .answers .answer-block.answer-Img.answer-Video .answer-item {
    display: grid;
    width: fit-content;
    background: #fff;
}

.answer-Img > img {
    height: 166px;
}

.answer-Img .uk-radio {
    height: 43px;
    width: 43px;
}

.img-question {
    height: 200px;
    overflow: auto;
}

    .img-question img {
        background: #fff;
        padding: 20px;
        zoom: 50%;
        width: 250px;
        border-radius: 8px;
    }

.answer-block .check-button .uk-input {
    border: 2px solid #ab69b4;
    border-radius: 8px;
}

    .answer-block .check-button .uk-input.green {
        border-color: #248000;
    }

    .answer-block .check-button .uk-input.red {
        border-color: red;
    }

.answer-block .check-button .fa-check {
    color: #248000;
    font-size: 20px;
}

.answer-block .check-button .fa-times {
    color: red;
    font-size: 20px;
}

.answer-item .uk-overlay img {
    width: 55px;
}

.answer-item img {
    zoom: 50%;
    justify-self: center;
}
/*========================================student materials=============================================*/
.student-material img.term-img {
    height: 54px;
    margin-right: 6px;
}

.student-material .chapter {
    /*width: 309px;*/
    height: 75px;
    margin-bottom: 20px;
}

.student-material a.skill-card {
    width: 183px;
    height: 174px;
}

img.chapter-img {
    height: 59px;
}

img.mat-img {
    height: 47px;
}

.material-content {
    display: flex;
}

    .material-content h6 {
        font-size: 26px;
        color: #020E3F;
    }

        .material-content h6 > span {
            font-size: 20px;
            color: #020E3F;
        }

a.chapter-Item h2.skill-card-title {
    font-size: 16px;
    color: #0E294E;
}

a.chapter-Item p.skill-card-subtitle {
    font-size: 15px;
    color: #0E294E;
}

.dropdown-notifications-content .notification-image::before {
    background: url(../images/StudentIcons/play-button.png) no-repeat;
    left: 33px;
    top: 10px;
}

.icon-feather-download {
    font-weight: bold;
    color: #0a5bcf;
}

.course-number {
    color: #A9A9A9;
}

.notifications-not-read {
    background-color: #ecfbf8;
}

.simplebar-content {
    height: 100%;
    overflow: hidden scroll;
    /* background: rgb(236, 251, 248);*/
}

.e-book-card .simplebar-content {
    background: rgb(242 255 225);
}

.e-book-card .notifications-not-read {
    background-color: #f2ffe1;
}

.simplebar-wrapper {
    height: 300px;
}

/*=============================== material chapters===================================*/
.chapter-Item {
    display: flex;
    position: relative;
    color: #545e6f;
    transition: transform .2s ease-in-out;
    background: transparent;
    border-radius: 9px;
    transition: 0.3s;
    position: relative;
    padding: 20px;
    box-shadow: none;
    align-items: center;
}

.second-switch.student-material .Lessons-section a.skill-card {
    border: 0;
    width: 169px;
    height: 153px;
}

.second-switch.student-material .Lessons-section:nth-child(2n+1) .skill-card {
    background: #FFF7D6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 15px;
}

.second-switch.student-material .Lessons-section:nth-child(2n+2) .skill-card {
    background: #E4F0FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 15px;
}

.Lessons-section:nth-child(2n+1) a.skill-card:nth-child(2n+1),
.Lessons-section:nth-child(2n+1) a.skill-card:nth-child(2n+2),
.Lessons-section:nth-child(2n+1) a.skill-card:nth-child(2n+3),
.Lessons-section:nth-child(2n+2) a.skill-card:nth-child(2n+1),
.Lessons-section:nth-child(2n+2) a.skill-card:nth-child(2n+2),
.Lessons-section:nth-child(2n+2) a.skill-card:nth-child(2n+3) {
    border: 0;
}

.second-switch .Lessons-section a.skill-card img {
    width: 70px;
    height: 70px;
}

.second-switch .Lessons-section a.skill-card h5 {
    font-size: 15px;
    color: #0E294E;
}

.chapter:nth-child(2n+1) .chapter-Item {
    background: #F1F1E6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 5px;
}

.chapter:nth-child(2n+2) .chapter-Item {
    background: #FFA11317 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 5px;
}

.chapter:nth-child(2n+3) .chapter-Item {
    background: #EDFDFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 5px;
}

.chapter:nth-child(2n+4) .chapter-Item {
    background: #F9F871 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 5px;
}

.chapter:nth-child(2n+5) .chapter-Item {
    background: #FFA11317 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000017;
    border-radius: 5px;
}


/*========================================*/
.your-lecture.questions .uk-switcher {
    padding: 0px 13px !important;
}

.controls {
    bottom: 165px;
    left: 130px;
    right: 17px;
    position: absolute !important;
}

    .controls button {
        border-radius: 25px;
        background: transparent linear-gradient(270deg, #8743FF 0%, #4136F1 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 15px 30px #1466CC29;
        border-radius: 15px;
        font-size: 22px;
        color: #F3F3F3;
        width: 262px;
        height: 51px;
    }

ul.all-exam li {
    height: 52px;
    background: #C0C3CB 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px !important;
    padding: 0 58px !important;
}

    ul.all-exam li:nth-child(2n+2) {
        padding: 0 20px !important;
    }

    ul.all-exam li:nth-child(2n+3) {
        padding: 0 40px !important;
    }

    ul .all-exam li.uk-active {
        background: #020E3F 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
    }

    ul.all-exam li > a {
        color: #020E3F;
        font-size: 25px;
    }

    ul.all-exam li.uk-active > a {
        color: #fff;
    }

.exam-card {
    display: flex;
    border-radius: 8px;
    padding: 7px;
    box-shadow: 1px 2px 7px #bcbcbc;
    margin-bottom: 20px;
    height: 82px;
}

    .exam-card:nth-child(2n+1) {
        background: #f1f1e6;
    }

    .exam-card:nth-child(2n+2) {
        background: #ffeea7;
    }

    .exam-card:nth-child(2n+3) {
        background: #edfdff;
    }

    .exam-card .exam-result {
        position: relative;
        right: 15px;
        display: inline-grid;
        text-align: center;
        width: 100%;
        justify-content: right;
    }

        .exam-card .exam-result span.padge > i {
            font-size: 30px;
            line-height: 1.2;
        }

        .exam-card .exam-result span.padge {
            background: #7C37FA;
            width: 41px;
            height: 38px;
            border-radius: 25px;
            position: relative;
            left: 35%;
            color: #fff;
            font-weight: bold;
            line-height: 2.5rem;
            font-size: 17px;
        }

        .exam-card .exam-result a {
            color: #7C37FA;
            font-size: 16px;
            font-weight: 700;
        }

    .exam-card .exam-date {
        position: relative;
        left: 60px;
        width: 100%;
    }

        .exam-card .exam-date img {
            width: 63px;
            height: 63px;
        }

        .exam-card .exam-date span {
            font-size: 19px;
            font-weight: 600;
        }

    .exam-card .exam-title {
        position: relative;
        left: 2%;
        width: 100%;
    }

        .exam-card .exam-title h4 {
            margin: 0;
            color: #3e416d;
            font-size: 22px;
        }

        .exam-card .exam-title img {
            width: 37px;
            height: 37px;
        }

        .exam-card .exam-title span {
            font-size: 20px;
            font-weight: 600;
        }

    .exam-card .exam-img {
        height: 30px;
        width: 20%;
    }

        .exam-card .exam-img img {
            width: 67px;
            height: 67px;
        }

/*========================================== assignments=====================================*/
.assignment-title {
    display: flex;
    justify-content: space-between;
}

    .assignment-title span {
        font-size: 19px;
        font-weight: 600;
    }

    .assignment-title h3 {
        font-size: 22px;
        font-weight: 600;
    }

.assignment-content {
    padding: 10px;
    border: 2px solid #c6c6c6;
    border-radius: 8px;
    height: 510px;
    overflow: auto;
}

    .assignment-content p {
        font-size: 20px;
        font-weight: 600;
    }

.assignment-controls button {
    border-radius: 8px;
}

.assignment-upload button {
    background: #31B922;
    color: #fff;
    font-size: 30px;
    border-radius: 25px;
    width: 210px;
    height: 67px;
}

.uploaded-Assignment .exam-img {
    width: 137px;
}

    .uploaded-Assignment .exam-img img {
        width: 77px;
        height: 77px;
    }

.uploaded-Assignment .exam-title {
    width: 56%;
}

.exam-card.uploaded-Assignment .exam-title img {
    width: 19px;
    height: 19px;
}

.uploaded-Assignment .exam-date img {
    width: 41px;
    height: 41px;
    float: right;
}

.uploaded-Assignment .exam-date {
    left: 0;
}

.uploaded-Assignment .exam-title .uil-check-circle {
    color: #2f9d30;
}

.exam-card.uploaded-Assignment:nth-child(2n+2) {
    background: #f1f1e6;
}

.submit-img.submit-assignment {
    margin: 10% auto;
}

/*=================================================daily student lectures===============================*/
.time-img img {
    height: 30px;
}

.time-card .badge {
    width: 100px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    position: absolute;
    float: right;
    right: -5px;
    padding: 10px;
    font-size: large;
}

    .time-card .badge.Joined {
        background: #3e416d;
    }

    .time-card .badge.soon {
        background: #fba533;
    }

    .time-card .badge.Watch {
        background: #2ebfa6;
    }

.materialUnits .student-daily-card .skill-card-title:nth-child(2n+1) {
    width: 30%;
}

.materialUnits .student-daily-card .skill-card-title:nth-child(2n+2) {
    width: 30%;
}

.student-launch-card .skill-card-title {
    width: 64%;
}
/*==================================student lectures===================================*/

.student-dashboard {
    margin-left: 63px;
    margin-right: 20px;
}

    .student-dashboard .uk-slidenav-next {
        margin: 21px 0 0 -11px;
    }

.student-lectures .episode-card.course-card span.item-tag {
    padding: 3px 7px;
    position: relative;
    top: 69px;
    font-size: 18px;
    color: #FF8800;
}

.student-lectures a.play-button > i {
    position: relative;
    top: 71px;
    left: 8px;
    color: #ffffff;
    z-index: 11;
    font-size: 27px;
}

.lectures-table {
    border: 1px solid #FF8800;
    border-radius: 15px;
    position: relative;
    overflow: auto;
    box-shadow: 1px 1px 4px 0.7px #ccc;
    height: auto;
    background: #EFFBFE;
}

    .lectures-table .uk-table td {
        padding: 0px 15px
    }

    .lectures-table .badge.Time {
        width: 110px;
        height: 32px;
        text-align: center;
        font-size: 11px;
    }

    .lectures-table .badges {
        display: flex;
        justify-content: end;
    }

    .lectures-table .badge {
        /*  background: #df42d1;*/
        padding: 3px 10px 0 10px;
        border-radius: 3px;
        color: #fff;
        margin-right: 20px;
        line-height: 1.7rem;
    }

        .lectures-table .badge.Joined {
            background: #020E3F;
            text-align: center;
            font-size: 16px;
            width: 142px;
            height: 32px;
        }

        .lectures-table .badge.soon {
            background: #FF8800;
            width: 142px;
            height: 32px;
            text-align: center;
            font-size: 16px;
        }

        .lectures-table .badge.Watch {
            background: #00B192;
            width: 142px;
            height: 32px;
            text-align: center;
            font-size: 16px;
        }

    .lectures-table .dot-circle {
        background: #e02dd6;
        width: 20px;
        height: 20px;
        zoom: 64%;
        position: relative;
        border-radius: 25px;
        top: 8px;
        right: 9px;
    }

    .lectures-table .lecture-block {
        display: flex;
    }

    .lectures-table .Lectures-Title h3 {
        font-size: 26px;
        line-height: 1.4;
        color: #261D56;
    }

    .lectures-table .lecture-block h6 {
        color: #9f9a9a;
    }

    .lectures-table .uk-table {
        margin-bottom: 0;
    }

        .lectures-table .uk-table tbody tr .lecture-block .lecture-body p {
            line-height: 1.4rem;
            font-weight: 600;
        }

        .lectures-table .uk-table tbody tr .lecture-block .lecture-body h6 {
            line-height: .4rem;
            color: #8f8f8f;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+1) .dot-circle {
            background: #c600fe;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+2) .dot-circle {
            background: red;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+3) .dot-circle {
            background: #00ccf2;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+4) .dot-circle {
            background: #ff6a00;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+1) .badge.Time {
            background: #c600fe;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+2) .badge.Time {
            background: red;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+3) .badge.Time {
            background: #00ccf2;
        }

        .lectures-table .uk-table > tbody > tr:nth-child(2n+4) .badge.Time {
            background: #ff6a00;
        }
    /*---------------  calendar-lectures-------------------*/
    .lectures-table.calendar-lectures {
        border: none;
        border-radius: 0;
        position: relative;
        overflow: auto;
        box-shadow: none;
        height: auto;
        background: transparent;
        margin: 18px 0 0 18px;
    }

        .lectures-table.calendar-lectures .uk-table tbody tr > td > .teacher-name {
            position: relative;
        }

            .lectures-table.calendar-lectures .uk-table tbody tr > td > .teacher-name > img {
                position: absolute;
                top: -71px;
            }

        .lectures-table.calendar-lectures .uk-table tbody tr > td:nth-child(2n+1) {
            width: 35%;
        }

        .lectures-table.calendar-lectures .uk-table-striped th, .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+1) {
            background: #f7fafe !important;
            border-bottom: none;
            height: 92px;
        }

        .lectures-table.calendar-lectures .uk-table-striped th, .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+2) {
            background: linear-gradient(86deg, #EB9B94 0%, #C9675E 100%) no-repeat padding-box !important;
            border-bottom: none;
            opacity: 1;
            height: 92px;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+1) .lecture-body p {
            text-align: left;
            font-size: 30px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #020E3F;
            opacity: 1;
            font-weight: 600;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+1) .Time span {
            text-align: left;
            font-size: 20px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #FF0031;
            opacity: 1;
            font-weight: 600;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+2) .Time span {
            text-align: left;
            font-size: 20px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            font-weight: 600;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+1) .teacher-name p {
            text-align: left;
            font-size: 25px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #020E3F;
            opacity: 1;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+2) .lecture-body p {
            text-align: left;
            font-size: 30px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            font-weight: 600;
        }

        .lectures-table.calendar-lectures .uk-table tbody tr:nth-child(2n+2) .teacher-name p {
            text-align: left;
            font-size: 25px;
            font-family: LatoFont;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
        }

        .lectures-table.calendar-lectures .calendar-top .display-in-between {
            display: inline-flex;
            justify-content: space-between;
            width: 100%;
            margin-top: 14px;
        }

        .lectures-table.calendar-lectures .calendar-top {
            position: relative;
            width: 100%;
            height: 185px;
            background: transparent linear-gradient(262deg, #8D7EA8 0%, #6971FE 100%) 0% 0% no-repeat;
        }

            .lectures-table.calendar-lectures .calendar-top .calendar-date {
                margin: 0 15px 20px 39px;
            }

                .lectures-table.calendar-lectures .calendar-top .calendar-date p {
                    color: #fff;
                    font-size: 30px;
                }

            .lectures-table.calendar-lectures .calendar-top .calendar-date2 {
                margin: 0 39px 20px 0;
            }

                .lectures-table.calendar-lectures .calendar-top .calendar-date2 p {
                    color: #fff;
                    font-size: 30px;
                }

            .lectures-table.calendar-lectures .calendar-top .lecture-number {
                height: 36px;
                width: 36px;
                background: aliceblue;
                text-align: center;
                border-radius: 50px;
                margin: 0 15px 20px 39px;
            }

                .lectures-table.calendar-lectures .calendar-top .lecture-number span {
                    line-height: 1.2;
                    font-size: 30px;
                }

            .lectures-table.calendar-lectures .calendar-top .lecture-day span {
                font-size: 30px;
                line-height: 1.2;
                color: #fff;
            }

        .lectures-table.calendar-lectures .uk-table > tbody > tr:nth-child(2n+1) .dot-circle {
            background: #c600fe;
        }

        .lectures-table.calendar-lectures .uk-table > tbody > tr:nth-child(2n+2) .dot-circle {
            background: #770B01;
        }

        .lectures-table.calendar-lectures .uk-table > tbody > tr:nth-child(2n+3) .dot-circle {
            background: #FF8800;
        }

        .lectures-table.calendar-lectures .uk-table > tbody > tr:nth-child(2n+4) .dot-circle {
            background: #0DAA08;
        }

        .lectures-table.calendar-lectures .uk-table > tbody > tr:nth-child(2n+5) .dot-circle {
            background: #00B192;
        }

        .lectures-table.calendar-lectures .uk-table > tbody > tr.assignment .dot-circle {
            background: #FF0031;
        }

.materialUnits .student-select-day h5 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 9px;
    color: #130041;
}

.materialUnits .select-month .uil-angle-down {
    color: #b8b5b5;
    font-size: 28px;
}

.materialUnits .select-month .uk-select {
    font-size: 20px;
    font-weight: 600;
    color: #121212;
}
/*----------------------------------------------------*/
.uk-tab.second-tab::before {
    bottom: -14px;
}

.vjs-default-skin .vjs-big-play-button {
    font-size: 3em;
    line-height: 2em;
    height: 2em;
    width: 2em;
    border: 0.06666em solid #fff;
    border-radius: 50%;
    left: 58%;
    top: 62%;
    margin-left: -1.5em;
    margin-top: -1.5em;
}

.video-position .video-js {
    left: 35%;
    margin-bottom: 20px !important;
}

/*============================================student profile===================================*/
.student-edit-profile .student-profile .hex {
    margin: 3em auto;
    zoom: 174%;
}

.student-edit-profile .uk-form-icon {
    height: auto;
}

.student-edit-profile .uk-input {
    border-radius: 8px;
    background: #FCFCFC 0% 0% no-repeat padding-box;
    border: 1px solid #B69CC5;
    opacity: 1;
    height: 48px;
}

.student-edit-profile .uk-inline {
    display: block;
}

.student-edit-profile .save-button a.button {
    width: 113px;
    height: 43px;
    background: transparent linear-gradient(270deg, #8743FF 0%, #4136F1 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 30px #1466cc29;
    border-radius: 10px;
    opacity: 1;
    font-size: 25px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 11px;
}
/*=====================  change password========================*/
.student-edit-profile .password-title h3 {
    font-size: 30px;
    color: #020E3F;
}

.student-edit-profile .password-title p {
    font-size: 25px;
    color: #8F8F8F;
    font-family: LatoBold;
    font-style: italic;
}

.student-edit-profile .password-form .uk-form-label {
    color: #09004B;
    font-size: 25px;
}

.student-edit-profile .password-constraints {
    margin-left: 118px;
}

    .student-edit-profile .password-constraints h3 {
        color: #8F8F8F;
        font-style: italic;
        font-size: 20px;
    }
/*==========================  parent profile========================*/
.parent-edit-profile .student-profile .hex {
    margin: 1em auto;
    zoom: 140%;
}
/*==================================================================*/
/*============================= parent calendar========================*/
.lectures-table.calendar-lectures .calendar-top.calendar-parent-top {
    background: transparent;
}

    .lectures-table.calendar-lectures .calendar-top.calendar-parent-top .calendar-date span {
        color: #36494E;
        font-size: 20px;
        font-family: LatoBold;
    }

    .lectures-table.calendar-lectures .calendar-top.calendar-parent-top .calendar-date2 p {
        color: #36494e;
        font-size: 30px;
        font-family: LatoBold;
    }

    .lectures-table.calendar-lectures .calendar-top.calendar-parent-top .calendar-date {
        margin: 0;
    }

        .lectures-table.calendar-lectures .calendar-top.calendar-parent-top .calendar-date .day-number {
            background: aliceblue;
            text-align: center;
            margin: 0 15px 8px 10px;
            width: 40px;
            height: 35px;
            background: #FCFCFC 0% 0% no-repeat padding-box;
            border: 1px solid #A663CC;
            border-radius: 5px;
        }
/*.calendar-top.calendar-parent-top .calendar-blocks .lecture-calendar-block .block-details {
    border-left: 2px solid #555;
}*/
.calendar-top.calendar-parent-top .calendar-blocks .uk-table tr > td:nth-child(2n+2) {
    border-left: 2px solid #A9A9A9;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table-striped > tr:nth-of-type(odd),
.calendar-top.calendar-parent-top .calendar-blocks.uk-table-striped tbody tr:nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table tr > td:nth-child(2n+2) {
    border-left: 1px solid #36494e5c;
    border-bottom: 1px solid #36494e5c;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table tbody tr > td:nth-child(2n+1) {
    width: 12%;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table tr > td {
    padding: 0;
}

.lectures-table.calendar-lectures .calendar-blocks .uk-table tr > td .lecture-body p,
.lectures-table.calendar-lectures .calendar-blocks .uk-table tr > td .teacher-name p {
    font-size: 25px;
    color: #fff;
}

.lectures-table.calendar-lectures .calendar-blocks .uk-table-striped th,
.lectures-table.calendar-lectures .calendar-blocks .uk-table tbody tr {
    background: #f8f8f8 !important;
}

    .lectures-table.calendar-lectures .calendar-blocks .uk-table tbody tr > td > .badges .Time span {
        color: #273553;
        font-size: 15px;
    }

.calendar-top.calendar-parent-top .calendar-blocks .lecture-calendar-block {
    display: flex;
}

    .calendar-top.calendar-parent-top .calendar-blocks .lecture-calendar-block .badges {
        width: 15%;
    }

.calendar-top.calendar-parent-top .calendar-blocks .uk-table tbody tr > td {
    vertical-align: middle;
}

.calendar-top.calendar-parent-top .calendar-blocks .lecture-calendar-block .lecture-block {
    padding-top: 10px;
    padding-left: 20px;
}

.calendar-top.calendar-parent-top .calendar-blocks .lecture-calendar-block .teacher-name {
    padding-top: 10px;
    padding-right: 20px;
}

.calendar-top.calendar-parent-top .calendar-blocks
.lecture-calendar-block .block-details {
    height: 68px;
    width: 100%;
    vertical-align: middle;
    padding: 0 0;
    margin-top: 36px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table-striped tbody tr:nth-of-type(odd)
.lecture-calendar-block .block-details {
    background: transparent linear-gradient(262deg, #8D7EA8 0%, #6971FE 100%) 0% 0% no-repeat;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table-striped tbody tr:nth-of-type(even)
.lecture-calendar-block .block-details {
    background: linear-gradient(86deg, #EB9B94 0%, #C9675E 100%) no-repeat padding-box !important;
}

.calendar-top.calendar-parent-top .calendar-blocks .uk-table-striped tbody tr:nth-child(2n+1) {
    border-top: none;
}

.lectures-table.calendar-lectures.calendar-parent-lectures {
    border: none;
    border-radius: 0;
    position: relative;
    overflow: auto;
    box-shadow: none;
    height: 600px;
    background: transparent;
    margin: 0;
    border-right: 1px solid #36494e5c;
}

.uk-navbar-right {
    margin-left: initial;
}

button.SubmitBtn {
    height: 34px;
    margin-top: 4px;
}
/*==================================================================*/