@font-face {
    src: url(../fonts/san-francisco.ttf);
    font-family: 'SF Pro Display';
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../fonts/OpenSans-Regular.ttf)
}

:root {
    --colrBack: '';
    --white: #ffffff;
    --headingcolor: '';
    --colorhover: '';
    --colorhoversub1: '';
    --colorlight: '';
    --colordarkhover: '';
}

body, html {
    width: 100%;
    background: #ffffff;
    font-family: 'SF Pro Display';
    margin: 0;
}

.teaching-draw {
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
}

.btmybtn {
    text-align: right;
}

#leaveTimes {
    margin-left: -25%;
}

#availleaveTimes {
    margin-left: -31.5%;
}

#isSandwich {
    margin-left: -88.5%
}

.clr {
    height: 20px;
    clear: both
}

.sfmmain #main #faq .card .card-header .btn-header-link {
    background: var(--colorlight) !important;
}

.inrtbs-bdy .nav-next-head.arrow {
    transition: 0.5s;
    transform: rotate(90deg);
    background: var(--colrBack);
    color: #fff;
    padding: 0;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    .inrtbs-bdy .nav-next-head.arrow.rotateme {
        transform: rotate(269deg);
    }

.active-accord:before {
    background: var(--colorhoversub1) !important;
}

/*New Dashboard*/
/*Menunew*/

.openmenubodyfade {
    height: 100%;
    background: #fff0;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    display: none;
}

.openmenubodyfadeshow {
    display: block !important;
}

.newdashboardm .menunew .left-menu {
    width: max-content;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
}

.newdashboardm .menunew .left-menubar {
    background: var(--colorlight);
    border-radius: 21px;
    margin-left: 20px;
    padding: 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    max-height: 80vh;
}

    .newdashboardm .menunew .left-menubar li {
        cursor: pointer;
    }

.newdashboardm .menunew ul.pd-8 li {
    padding: 10px 1px 10px 3px;
    text-align: center;
}

.newdashboardm .menunew .left-menubar > ul {
    padding-left: 0;
    list-style: none;
    min-height: 540px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 5px 0px 0 0;
}

    .newdashboardm .menunew .left-menubar > ul.pd-8 {
        padding: 5px 3px;
    }

.newdashboardm .menunew .left-menubar li p {
    margin: 0;
    color: var(--colorhover);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
}

.newdashboardm .menunew .left-menubar li img {
    display: block;
    width: 33px;
    margin: 0px 0;
}

.pd-8 .erpbody {
    cursor: pointer;
    width: 61px;
    height: 61px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    padding-top: 10px;
}
    .pd-8 .erpbody.active {
        background: #fff;
    }


.pd-8 .lmsMenuBar {
    cursor: pointer;
    width: 61px;
    height: 61px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 23px;
    gap: 4px;
    padding-top: 10px;
}
    .pd-8 .lmsMenuBar.active {
        background: #fff;
    }
    .pd-8 .lmsMenuBar:hover {
        background: #fff;
    }

    .pd-8 .lmsMenuBar i.fa-graduation-cap, .newdashboardm .menunew .left-menubar li i.campus-icon {
        font-size: 19px;
        color: var(--colorhover);
    }

    .newdashboardm .menunew .menubar-icon {
        padding: 7px 16px;
    }



.newdashboardm .menunew li.active > a.lg-dropdown-menu2:before {
    transform: rotate(0deg);
}

.newdashboardm .menunew li.menu-icon img {
    margin: 20px 0 0;
    background: var(--colorhover);
    border-radius: 12px;
}

.newdashboardm .menunew .left-menu-open1 {
    background: var(--colorlight);
    height: 92vh;
    margin-left: 11px;
    border-radius: 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0;
    width: 260px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
}

    .newdashboardm .menunew .left-menu-open1 .left-menubar {
        background: transparent;
        margin: 0;
        padding: 7px;
        overflow-y: auto;
        box-shadow: none;
    }

        .newdashboardm .menunew .left-menu-open1 .left-menubar > ul {
            margin-top: 0;
        }



    .newdashboardm .menunew .left-menubar::-webkit-scrollbar {
        width: 5px;
        background: var(--colorhoversub1);
    }

    .newdashboardm .menunew .left-menubar::-webkit-scrollbar-thumb {
        background: #fff;
    }

.newdashboardm .menunew .large-menu .left-menubar button {
    color: var(--colorhover) !important;
    font-size: 15px;
    border: 0;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid var(--colorhover);
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    padding-bottom: 15px;
    width: 100%;
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: 3px;
}

.newdashboardm .menunew img.wid-60 {
    width: 35px;
}

.newdashboardm .menunew .menubar-icon.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}




.newdashboardm .menunew .left-menu-open1.large-menu ul li {
    min-width: 193px;
    border-radius: 19px;
    color: #fff;
    font-size: 14px;
    margin: 1px 0px;
    padding: 0px;
}


.newdashboardm .menunew .left-menu-open1.large-menu ul.lg-sub-menu1 li a::before {
    content: "•";
    color: var(--colorhover);
    font-weight: bold;
    display: inline-block;
    margin-left: 0em;
    font-size: 24px;
    line-height: 0;
}

.lg-sub-menuclickopen li a::before {
    content: "•";
    color: var(--colorhover);
    font-weight: bold;
    display: inline-block;
    margin-right: 9px;
    font-size: 24px;
    line-height: 0;
}
    .newdashboardm .menunew .left-menu-open1.large-menu ul li img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0px;
        width: 16px;
        height: 16px;
    }

.newdashboardm .menunew .left-menu-open1.large-menu .lg-sub-menu li.active .lg-dropdown-menu {
    border-radius: 10px;
    background: var(--colordarkhover);
}

.newdashboardm .menunew .left-menu-open1.large-menu .lg-sub-menu1 li.active a {
    border-radius: 10px;
    background: var(--colordarkhover);
}

.newdashboardm .menunew .left-menu-open1.large-menu .lg-sub-menu2 li.active {
    border-radius: 10px;
    background: var(--colordarkhover);
}
.lg-sub-menuclickopen li.active a {
    border-radius: 10px;
    background: var(--colordarkhover);
}

.newdashboardm .menunew .border-top {
    border-top: 1px solid var(--colorhoversub1) !important;
    width: 89%;
    margin: 0px auto;
}
    .newdashboardm .menunew .border-top a i {
        color: var(--colorhoversub1);
        font-size: 32px;
        margin-top: 10px;
    }

    .newdashboardm .menunew .dropdown-menu li {
        position: relative;
    }

.newdashboardm .menunew .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.newdashboardm .menunew .nav-item .submenu-left {
    right: 100%;
    left: auto;
}

.newdashboardm .menunew .dropdown-menu > li:hover {
    background-color: #f1f1f1
}

    .newdashboardm .menunew .dropdown-menu > li:hover > .submenu {
        display: block;
    }

.newdashboardm .menunew .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
}

.newdashboardm .menunew .left-menu-open1.large-menu ul li i.fa-bookmark {
    position: absolute;
    top: 12px;
    right: 7px;
    cursor: pointer;
    margin-left: 5px;
}

.newdashboardm .menunew .left-menu-open1.large-menu ul li i.fa-angle-right {
    position: absolute;
    right: 7px;
    top: 12px;
}

.newdashboardm .menunew .left-menu-open1.large-menu ul li i.fa-caret-right {
    position: absolute;
    right: 7px;
    top: 12px;
}


.newdashboardm .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected .menu-title i.fa-angle-down {
    transform: rotate(180deg);
}
.newdashboardm .menunew .left-menu-open1.large-menu ul li i.fa-angle-down {
    position: absolute;
    right: 12px;
    top: 14px;
}

.newdashboardm .menunew ul.lg-sub-menu1 li a {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 6px;
}




    .newdashboardm .menunew ul.lg-sub-menu {
        list-style: none;
        padding: 0;
        transition: 1s;
        max-height: 0;
        overflow: hidden;
    }

    .newdashboardm .menunew ul.lg-sub-menu ul {
        list-style: none;
        padding-left: 24px;
        border-left: 1px solid #ffffff40;
        margin-left: 13px;
        max-height: 0;
        overflow: hidden;
    }

    .newdashboardm .menunew ul.lg-sub-menu li {
        margin: 0;
    }

.newdashboardm .menunew p.menu-title {
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 21px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

    .newdashboardm .menunew p.menu-title img {
        margin-right: 4px !important;
    }

/*.newdashboardm .menunew ul.lg-sub-menu .lg-dropdown-menu:after {
    right: unset;
    left: 0px;
}*/

.quickmenumobile
{
    display: none;
}

.everdashboard {
    margin: 10px 18px 10px;
    background: transparent;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
    border-bottom: 2px solid #cfcfcf;
    padding: 0px 0px 6px 0px;
}
    .everdashboard .material-symbols-outlined {
        color: #fff;
        background: var(--colorhoversub1);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 30px;
        width: 30px;
        border-radius: 5px;
    }

    .newdashboardm .menunew a {
        margin: 0px;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.00938em;
        position: relative;
        text-decoration: none;
        color: var(--colorhover)
    }
    .newdashboardm .menunew a:hover {
        text-decoration: none;
    }

    .newdashboardm .menunew a.lg-dropdown-menu2 {
        display: block;
        position: relative;
    }

        .newdashboardm .menunew a.lg-dropdown-menu2 i.fa-angle-right {
            position: absolute;
            right: 20px !important;
            top: 11px !important;
        }

    .newdashboardm .menunew a.lg-dropdown-menu, .newdashboardm .menunew #lms_menu.lg-sub-menu li a {
        position: relative;
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 10px;
    }

        .newdashboardm .menunew a.lg-dropdown-menu:hover, .newdashboardm .menunew ul.lg-sub-menu1 li a:hover, .newdashboardm .menunew #lms_menu.lg-sub-menu li a:hover {
            background: var(--colordarkhover);
            border-radius: 10px;
        }

.newdashboardm .menunew ul.lg-sub-menu li {
    margin-bottom: 0 !important;
    padding-left: 0px !important;
}

    .newdashboardm .menunew ul.lg-sub-menu li a {
        margin: 0px;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.00938em;
        font-size: 15px;
    }


    .newdashboardm .menunew .large-menu .left-menubar button img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

.newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1 {
    max-height: 83vh;
    position: absolute;
    right: -280px;
    background: var(--colorlight);
    height: 83vh;
    margin-left: 11px;
    border-radius: 21px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    width: 280px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
    top: 40px;
    z-index: 9;
    gap: 8px;
}
.lg-sub-menuclickopen1
{
    display: none!important;
}
.lg-sub-menuclickopen {
    max-height: 54vh;
    background: var(--colorlight);
    height: 54vh;
    margin-left: 11px;
    border-radius: 21px;
    flex-direction: column;
    padding: 5px 5px 5px 10px;
    width: 305px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
    z-index: 99;
    list-style: none;
    overflow: auto;
    transition: transform 0.2s ease;
    gap: 8px;
}

    .lg-sub-menuclickopen.open-up {
        flex-direction: column-reverse;
        box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.3);
    }

    .lg-sub-menuclickopen.open-down {
        flex-direction: column;
    }

    .lg-sub-menuclickopen::-webkit-scrollbar {
        width: 5px;
        background: var(--colorhoversub1);
    }

    .lg-sub-menuclickopen::-webkit-scrollbar-thumb {
        background: #fff;
    }

    .lg-sub-menuclickopen .fa-angle-left {
        left: 0px;
        width: 31px;
        height: 31px;
        background: #cad5e4;
        text-align: center;
        font-size: 20px;
        position: relative;
        line-height: 33px;
        border-radius: 9px;
        color: var(--colorhover);
        margin-bottom: 40px;
        margin-top: 15px;
        cursor: pointer;
    }


    .lg-sub-menuclickopen li {
        min-width: 193px;
        border-radius: 19px;
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding: 0px;
    }

        .lg-sub-menuclickopen li a {
            font-size: 15px;
            text-decoration: none;
            color: var(--colorhover);
            display: flex;
            padding: 7px 10px 7px;
            position: relative;
            align-items: center;
        }
            .lg-sub-menuclickopen li a:hover {
                background: var(--colordarkhover);
                border-radius: 10px;
            }

            .lg-sub-menuclickopen li a i.fa-bookmark {
                position: absolute;
                top: 12px;
                right: 7px;
                cursor: pointer;
                margin-left: 5px;
            }

.newdashboardm .menunew ul.lg-sub-menu li.active > ul {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1::-webkit-scrollbar, .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu2::-webkit-scrollbar {
        width: 5px;
        background: var(--colorhoversub1);
    }

    .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1::-webkit-scrollbar-thumb, .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu2::-webkit-scrollbar-thumb {
        background: #fff;
    }

    .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu2 {
        top: 0px;
        left: 95%;
        z-index: 0;
    }
    .hidemenuname .menubar-icon {
        padding: 7px 12px !important;
    }
.hidemenuname .close-menu-tab {
    display: none;
}
.hidemenuname .left-menubar {
    overflow-x: hidden;
    padding: 8px!important;
}
.hidemenuname {
    width: 60px !important;
}
.hidemenuname .mainmenu1 {
    display: none;
}

    .hidemenuname .left-menubar::-webkit-scrollbar {
        width: 3px !important;
    }

.newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1 .fa-angle-left, .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu2 .fa-angle-left {
    left: 0px;
    width: 31px;
    height: 31px;
    background: #cad5e4;
    text-align: center;
    font-size: 20px;
    position: relative;
    line-height: 33px;
    border-radius: 9px;
    color: var(--colorhover);
    margin-bottom: 40px;
    margin-top: 15px;
    margin-left: 8px;
}



    .newdashboardm .menunew .lmsMenuBar ul.lg-sub-menu li.active > ul {
        top: unset !important;
    }

.newdashboardm .menunew ul.lg-sub-menu li.active a.lg-dropdown-menu:after {
    transform: rotate(-90deg);
    top: 7px;
}


.newdashboardm .menunew li.selected ul.lg-sub-menu {
    max-height: max-content;
    margin-top: 5px;
}

.newdashboardm .menunew .left-menu-open1.large-menu ul {
    display: block;
}



.newdashboardm .menunew .left-menu-open1.large-menu .left-menubar > ul > li {
    border-bottom: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 5px;
}

    .newdashboardm .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected {
        border-bottom: 0px;
    }

        .newdashboardm .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected .menu-title {
            background: var(--colorhoversub1);
            color: #fff;
            border-radius: 10px;
        }
            .newdashboardm .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected .menu-title i.campus-icon {
                color: #fff;
            }

            .newdashboardm .menunew .left-menu-open1.large-menu li.selected > .lg-dropdown-menu:before {
                transform: rotate(0);
                right: 12px;
            }

.newdashboardm .menunew .left-menu-open1.large-menu, div#menuSelectList {
    left: -100%;
    position: fixed;
    transition: 0.5s;
    padding-right: 3px;
}

    .newdashboardm .menunew .left-menu-open1.large-menu.active, div#menuSelectList.active {
        left: 0;
    }

.newdashboardm .menunew .menubar-icon.d-flex .close-menu-tab {
    cursor: pointer;
    filter: brightness(0) saturate(100%);
}

.newdashboardm .menunew .menu-title-visible li p {
    left: 50%;
    position: absolute;
    margin-top: -40px;
    background: #687eec;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0 20px 20px 0;
    width: max-content;
    transition: 0.5s;
    opacity: 0;
}

.newdashboardm .menunew .menu-title-visible li:hover p {
    left: 80%;
    opacity: 1;
}


/*Menunew*/




/*color change*/

/*.settingli {
    position: relative;
}*/

.settingopen {
    display: block !important;
}

body.active
{
    overflow: hidden!important;
}
.oversetting.active {
    width: 100%;
    height: 100vh;
    background: #00000070;
    position: absolute;
    z-index: 999999;
}

.profile_setting {
    position: absolute;
    top: 0px;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    width: 340px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    padding: 15px;
    transition: all .4s ease;
    z-index: 9999999;
    right: 0px;
    height: 100vh;
    display: none;
}

.settingicon {
    margin: 20px 0px 21px 10px;
    width: 100%;
    margin-top: 20px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    color: rgb(28, 63, 101);
    text-align: start;
    display: flex;
    justify-content: space-between;
}

.profile_ul_setting {
    width: 62px;
    float: left;
    margin-right: 15px;
}
.setting1 {
    font-size: 43px !important;
    color: var(--colorhoversub1);
    margin-top: 10px;
}
.profile_ul_setting1 {
    width: 92px;
    float: left;
}

.profile_setting label {
    font-size: 19px;
    color: rgb(69 69 69);
    margin-bottom: 3px;
}

.setting_body {
    background: #e6f9ff;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 7px;
    margin: 5px;
    cursor: pointer;
    height: 52px;
}

    .setting_body.active {
        background: lightblue;
    }

.setting_body1 {
    background: #fff;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 24px;
    margin: 5px;
    cursor: pointer;
    height: 86px;
    width: 85px;
    text-align: center;
}

    .setting_body1 img, .setting_body2 img {
        width: 36px !important;
    }

.setting_body2 {
    background: #F2F4F9;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 24px;
    margin: 5px;
    cursor: pointer;
    height: 86px;
    width: 85px;
    text-align: center;
}

.css-qadog5 {
    background: rgb(0, 167, 111);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-13ac9dm {
    background: rgb(7, 141, 238);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-1hhkd2r {
    background: rgb(118, 53, 220);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-1ohknyi {
    background: rgb(32, 101, 209);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-1dh5tv3 {
    background: rgb(253, 169, 45);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-c14vc7 {
    background: rgb(28, 63, 101);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-c14vc8 {
    background: rgb(126, 38, 34);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

.css-c14vc9 {
    background: #2a2d34;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 8px;
}

/*color change*/



.newdashboardm header {
    display: flex;
    justify-content: space-between;
    padding: 7px 0 0 0;
    align-items: center;
    width: 92%;
    margin-left: auto;
    transition: 0.5s;
    background: transparent;
    height: auto;
}

    .newdashboardm header .header-details ul {
        display: flex;
        list-style: none;
        align-items: center;
        padding: 0;
        margin: 0;
    }

        .newdashboardm header .header-details ul p {
            margin: 0;
            font-size: 15px;
        }

    .newdashboardm header .d-flex {
        align-items: center;
        justify-content: center;
        display: flex;
    }

.logoname {
    padding-top: 5px;
}

.newdashboardm .logo {
    min-width: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.logoimge {
    /* width: 96px; */
    /* height: 96px; */
}

.newdashboardm .logo img {
    max-height: 80px;
    max-width: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
    z-index: 9;
}

/*.newdashboardm .logo a {
    display: flex;
    text-decoration: none;
    align-items: flex-start;
}

    .newdashboardm .logo a:hover {
        color: inherit;
    }*/

header .logo h1 {
    font-family: 'SF Pro Display';
    color: rgba(90, 89, 114, 1);
    font-size: 24px;
    font-weight: 600;
    word-wrap: break-word;
    margin: 0px;
    line-height: 1.2;
    padding-top: 0px;
}

.header-details ul li {
    cursor: pointer;
    margin: 0px 9px;
}

    .header-details ul li.expand {
        background: #fff;
        padding: 8px 10px;
        border-radius: 8px;
    }

        .header-details ul li.expand img {
            width: 24px;
        }

    .header-details ul li.msgli {
        background: #fff;
        padding: 4px 6px;
        border-radius: 8px;
    }

        .header-details ul li.msgli img {
            width: 35px;
        }

    .header-details ul li img {
        width: 45px;
    }



li.phone-menu {
    display: none !important;
}



div#session_dd .icon_wrap i {
    font-size: 15px;
    color: rgba(90, 89, 114, 1) !important;
    margin-left: 5px;
}

.sessionchnagschool {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    /* position: relative; */
}

.newsession {
    width: 12em !important;
    background: transparent;
    border-radius: 0.25em;
    cursor: pointer;
    position: relative;
}

.scoolselection {
    width: 8.5em !important;
    background: transparent;
    border-radius: 0.25em;
    cursor: pointer;
    position: relative;
}

.profile_dd {
    position: absolute;
    top: 50px;
    right: -15px;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    width: 340px;
    height: auto;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    transition: all 0.4s ease;
    z-index: 99999;
}

    .profile_dd:before {
        content: "";
        position: absolute;
        top: -20px;
        right: 4px;
        border: 10px solid;
        border-color: transparent transparent #fff transparent;
    }



.scoolselection_dd {
    position: absolute;
    top: 50px;
    right: 0px;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    width: 300px;
    height: auto;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0px 15px 15px 15px;
    transition: all 0.4s ease;
    z-index: 99999;
}

    .scoolselection_dd:before {
        content: "";
        position: absolute;
        top: -20px;
        right: 4px;
        border: 10px solid;
        border-color: transparent transparent #fff transparent;
    }

ul#switchSchool {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    ul#switchSchool li {
        padding: 9px 0;
        margin: 0px;
        font-size: 14px;
        border-bottom: 1px dashed #ddd;
        width: 100%;
    }

        ul#switchSchool li:last-child {
            border-bottom: none !important;
        }

        ul#switchSchool li a {
            display: flex;
            background: #0000;
            font-size: 15px;
            align-items: center;
            color: rgba(90, 89, 114, 1);
            line-height: 20px;
        }

            ul#switchSchool li a img {
                width: 34px;
                margin-right: 10px;
            }


div#profileDiv .profile_dd {
    width: 360px;
    right: 0;
    min-width: 100%;
}

ul#switchSession {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

ul#switchaccount li:last-child {
    border-bottom: none !important;
}

ul#switchaccount li a {
    display: flex;
    background: #0000;
    font-size: 15px;
    align-items: flex-start;
    color: rgba(90, 89, 114, 1);
    line-height: 20px;
}

ul#switchaccount img {
    width: 34px;
}


ul#switchSession i {
    margin-right: 11px;
}


div#session_dd .profile_dd {
    width: max-content;
    right: 13px;
}

ul#switchSession li {
    border-bottom: 1px dashed #ddd;
}

    ul#switchSession li:last-child {
        border-bottom: none !important;
    }

.profileImg {
    width: auto;
    height: 45px;
    border-radius: 6px;

}
div#profileDiv {
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
    div#profileDiv:hover .profiledetail {
        opacity: 1;
        width: auto;
        margin-left: 11px;
        padding-right: 25px;
    }
.profiledetail {
    transition: 0.7s ease-in-out;
    overflow: hidden;
    opacity: 0;
    width: 0px;
}

    .profiledetail span {
        color: rgb(69 69 69);
        font-size: 20px;
        /* font-weight: 600; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        /* letter-spacing: 0.5px; */
    }

    .profiledetail p {
        font-size: 17px;
        line-height: 16px;
    }

    .profiledetail i {
        position: absolute;
        right: 0;
        top: 14px;
        color: rgba(90, 89, 114, 1) !important;
    }



div#profileDiv .icon_wrap ul#switchaccount {
    flex-direction: column;
}

ul#switchaccount {
    flex-direction: column;
    align-items: flex-start;
}

    ul#switchaccount li {
        padding: 9px 0;
        margin: 0px;
        font-size: 14px;
        border-bottom: 1px dashed #ddd;
        width: 100%;
    }


        ul#switchaccount li span.picon {
            margin-right: 11px;
        }

div#profileDiv {
    position: relative;
}



.icon_wrap + .profile_dd {
    display: none !important;
}

.icon_wrap.active + .profile_dd {
    display: block !important;
}


.icon_wrapschool {
    font-size: 15px;
    color: rgba(90, 89, 114, 1);
}

    .icon_wrapschool i {
        font-size: 15px;
    }

    .icon_wrapschool + .scoolselection_dd {
        display: none !important;
    }

    .icon_wrapschool.active + .scoolselection_dd {
        display: block !important;
    }


.newdashboardm .logo h1 span select {
    font-size: 80%;
    margin-left: 0;
    border: 0px;
    background: transparent;
}

.newdashboardm .header-details .searchnew input {
    padding: 10px !important;
    border: 0px solid #fff !important;
    padding-left: 40px !important;
    border-radius: 5px !important;
    line-height: normal !important;
    font-size: 13px !important;
    width: 219px !important;
    height: 36px;
}

.newdashboardm .header-details .searchnew {
    position: relative;
}

    .newdashboardm .header-details .searchnew:before {
        content: "";
        height: 30px;
        width: 30px;
        background: url(../Images/TeachingiconLT1/Icon/search.png) no-repeat;
        background-size: 100%;
        position: absolute;
        left: 3px;
        top: 1px;
        z-index: 9;
    }

.icon_wrap {
    font-size: 16px;
    color: rgba(90, 89, 114, 1);
}

    .icon_wrap span {
        font-size: 17px;
        color: var(--colorhover);
    }

span#searchMenu span.e-input-group.e-control-wrapper.e-ddl {
    border-width: 0;
}

/*End New Dashboard*/


/*#searchMenu {
    position: absolute;
    left: -33px;
    top: 55px;
    z-index: 9999;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
}

    #searchMenu .close-search {
        display: block;
        position: relative;
        left: 37%;
        cursor: pointer;
        padding: 0px 9px !important;
        border-radius: 5px !important;
        background: #52c193 !important;
        color: #fff !important;
        top: 8px;
        font-size: 16px;
    }*/

.ChatGPTopen {
    position: absolute;
    right: 17px;
    top: 13px;
    color: #fff !important;
    cursor: pointer;
}

    .ChatGPTopen:hover {
        font-weight: 700;
        text-decoration: underline;
    }

#ChatGPTopenpopup {
    display: none;
    position: fixed;
    z-index: 999;
    padding: 15px;
    right: 12px;
    background: white;
    width: 42%;
    height: 92%;
    top: 7%;
    border-radius: 20px 0px 20px 20px;
    box-shadow: -1px -1px 14px #80808038;
}

    #ChatGPTopenpopup .close {
        color: #000 !important;
        right: 8px;
        top: 6px;
        opacity: 1 !important;
        background: #fff;
    }

    #ChatGPTopenpopup h3 {
        font-size: 16px;
        padding: 8px;
        box-shadow: 0px 2px 2px #ccc;
    }

.ChatGPTopenpopupbody {
    padding: 20px 5px;
}

#chat-container {
    overflow: auto;
    max-height: 565px;
}

.ChatGPTopenpopupbody #chat-container p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}




/*.ChatGPTopenpopupshow
{
    display: block;
}*/
.crossButtonsticky {
    position: sticky !important;
    margin-left: 96% !important;
    z-index: 999 !important;
}

.performancebodyadm .performance {
    background: #fff;
    margin: 0px;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
    margin-bottom: 44px;
}

.performancebodyadm .result-analysis {
    background: #fff;
    margin: 0px;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
}

    .performancebodyadm .performance h3, .performancebodyadm .result-analysis h3 {
        font-size: 1.285rem;
    }

.performancebodyadm canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    width: 100%;
}


.performancebodyadm .performance .performance-graph {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-right: 0 !important;
    align-items: center;
    justify-content: space-between;
    min-height: 200px;
}

    .performancebodyadm .performance .performance-graph > div:nth-child(1) {
        width: 40%;
    }

    .performancebodyadm .performance .performance-graph > div:nth-child(2) {
        width: 60%;
    }

.performancebodyadm .performance .performance-data ul li span {
    float: right;
}

.performancebodyadm .performance .performance-data ul li {
    font-size: 14px;
    padding: 8px 10px 8px 30px;
    position: relative;
    list-style-type: none;
}

.performance-data ul li span.topper {
    position: absolute;
    left: 6px;
    background: #9ad0f5;
    width: 10px;
    color: transparent;
    height: 10px;
    top: 12px;
}

.performance-data ul li span.excellent {
    position: absolute;
    left: 6px;
    background: #a5dfdf;
    width: 10px;
    color: transparent;
    height: 10px;
    top: 12px;
}

.performance-data ul li span.best {
    position: absolute;
    left: 6px;
    background: #ffcf9f;
    width: 10px;
    color: transparent;
    height: 10px;
    top: 12px;
}

.performance-data ul li span.average {
    position: absolute;
    left: 6px;
    background: #ccb2ff;
    width: 10px;
    color: transparent;
    height: 10px;
    top: 12px;
}

.performance-data ul li span.Worst {
    position: absolute;
    left: 6px;
    background: #ffb1c1;
    width: 10px;
    color: transparent;
    height: 10px;
    top: 12px;
}

.performancebodyadm .list-group-item11 {
    background-color: inherit;
    border: 1px solid #e4e5e7;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: absolute;
    width: 96%;
    left: 2%;
    right: 2%;
}


.performancebodyadm .result-analysis h3 div {
    display: flex;
    align-items: center;
    float: right;
    font-size: 13px;
    justify-content: flex-end;
}

    .performancebodyadm .result-analysis h3 div span.active {
        color: #026ec5;
    }

    .performancebodyadm .result-analysis h3 div span {
        margin: 0px 4px;
        font-size: 13px;
        cursor: pointer;
        float: right;
    }

.result-analysis .canvas-con {
    width: 98%;
    margin: auto;
    margin-top: 20px;
    display: flex;
}

.result-analysis .canvas-con {
    display: flex;
    align-items: center;
    display: none;
}

.year-wise {
    display: block;
}

    .year-wise.active {
        display: block;
    }

.result-analysis .canvas-con > div {
    width: 100%;
}

    .result-analysis .canvas-con > div ul li {
        padding: 10px 0px;
        border-bottom: 1px solid #e5e5e5;
    }

        .result-analysis .canvas-con > div ul li span {
            float: right;
        }

.crossButton {
    right: 30px;
    position: absolute;
    background: #e4e4e4;
    border: none;
    top: 3px;
    font-size: 18px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 1px 2px 5px 0px #898989;
}

    .crossButton:hover {
        background: #f50303;
        color: white;
    }

.topheadhanding {
    background: #38bf87;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: 400;
    border-radius: 4px;
}

.topheadbody {
    padding: 10px;
    background: #f9f9f9;
}

    .topheadbody span {
        background: #026ec5;
        padding: 4px 7px;
        border-radius: 50%;
        font-size: 14px;
        color: #fff;
    }
/*Tab design*/
.newsession .session_dd {
    right: 0px !important;
}

.showinghelp {
    position: absolute;
    right: 0;
    background: #52c193;
    box-shadow: inset 1px 3px 9px 6px #1d7b5459;
    color: #fff;
    padding: 4px 10px;
    top: 70px;
    z-index: 9;
    padding-left: 28px;
    border-radius: 0px 0px 0px 50px;
    transition: 1s;
    transform: scale(1);
    border: 0px solid white;
}

    .showinghelp a {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        font-style: italic;
    }

        .showinghelp a:hover {
            text-decoration: none;
        }

.helpmodal {
    position: fixed;
    padding-top: 100px;
    left: 0 !important;
    top: 0 !important;
    height: max-content;
    width: auto !important;
    transform: none !important;
    overflow: auto;
    background-color: transparent !important;
    z-index: 999999;
    box-shadow: none !important;
}

    .helpmodal .close {
        background: #0666c9;
        border-radius: 57%;
        height: 32px;
        width: 31px;
        line-height: 0px;
        padding-left: 8px !important;
        padding-top: 14px !important;
        color: #fff !important;
        z-index: 999;
        opacity: 1;
    }

    .helpmodal .modal-header {
        padding: 0px !important;
        background: transparent;
        border-bottom: 0px;
    }

    .helpmodal .modal-lg {
        max-width: 1024px;
    }



.helpmodal1 {
    position: fixed;
    padding-top: 100px;
    left: 0 !important;
    top: 0 !important;
    height: max-content;
    width: auto !important;
    transform: none !important;
    overflow: auto;
    background-color: transparent !important;
    z-index: 999999;
    box-shadow: none !important;
}

    .helpmodal1 .close {
        background: #0666c9;
        border-radius: 50%;
        height: 32px;
        width: 31px;
        line-height: 0px;
        padding-left: 11px !important;
        padding-top: 8px !important;
        color: #fff !important;
        z-index: 999;
        opacity: 1;
        top: 19px;
        right: 18px;
        font-size: 15px;
        font-weight: 100;
    }

    .helpmodal1 .modal-content {
        padding: 0px;
    }

    .helpmodal1 .modal-header {
        padding: 0px !important;
        background: transparent;
        border-bottom: 0px;
    }

    .helpmodal1 .modal-lg {
        max-width: 1024px;
    }


#embedBoxAssests {
    height: 480px;
}

    #embedBoxAssests .container-second {
        height: 480px !important;
    }

.detailed-block_message
/* new feature*/
.features .block {
    padding: 0px 15px 0 0px;
    display: flex;
    align-items: center;
    width: 98%;
    margin: 0px auto 20px;
    justify-content: center;
    box-shadow: 6px 7px 11px 0px #b1b1b1, 1px 0px 11px 0px #fdce3f;
    border-radius: 4px;
    cursor: pointer;
    border-bottom: 3px solid #dc3545;
    background: #ffcc31;
}

.features {
    padding: 0px 10px;
    position: relative;
}

    .features .block p {
        width: 100%;
        font-weight: 600;
        margin-bottom: 0;
        font-size: 18px;
    }

        .features .block p i {
            float: right;
            margin-top: 7px;
        }

    .features .block img {
        margin-right: 20px;
        width: 50px;
        background: #ffffff;
        padding: 5px;
    }

.featured-list ul li {
    list-style: none;
    padding: 6px 0;
    font-size: 14px;
    font-weight: bold;
}

.featured-list ul {
    padding: 20px;
    padding-left: 0;
    margin-bottom: 0;
}

    .featured-list ul li ul li {
        font-weight: normal;
        border-bottom: 1px dashed #ddd;
    }

    .featured-list ul li ul {
        padding: 5px 20px;
    }

    .featured-list ul li i {
        margin-top: 7px;
        margin-left: 15px;
    }

    .featured-list ul li ul li i {
        float: right;
        margin-top: 7px;
        color: #6c6c6c;
        font-size: 11px;
    }

.featured-list {
    position: absolute;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #ddd;
    width: 95%;
    margin: auto;
    height: 0;
    transition: 0.5s;
    overflow: hidden;
    min-height: 0;
    top: 100%;
}

.features.active .featured-list {
    height: max-content;
    min-height: 200px;
    box-shadow: 0px 0px 14px 0px #969696;
    border-radius: 5px;
}

.featured-list ul li:last-child {
    margin-bottom: 0;
}

/* new feature*/


.tabnew .form-row .e-tab-section {
    display: flex;
    position: relative;
    /*    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(24 94 224 / 15%), 0 6px 12px 0 rgb(24 94 224 / 15%);
    padding: 8px;
    border-radius: 6px;*/
}

.tabnew .e-tab .e-tab-header .e-scroll-nav, .tabnew .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav {
    display: none;
}

.tabnew .e-tab .e-tab-header::before {
    border-color: transparent;
    border-style: solid;
}

.tabnew .e-tab .e-tab-header .e-toolbar-item.e-active {
    border: 1px solid #e6eef9 !important;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: color 0.15s ease-in;
    background: #e6eef9;
}

.tabnew .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #000;
}

.tabnew .e-hscroll:not(.e-scroll-device) {
    padding: 0 0px;
}

.tabnew .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #026ec5;
}

.tabnew .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 5px;
}

.tabnew .e-tab-text div {
    padding: 14px;
    font-size: 18px !important;
}

/*Tab design*/

a {
    color: #1b1b1b;
    text-decoration: none;
    background-color: transparent;
}

p b {
    color: #525252
}

.myBtn_multi {
    position: absolute;
    right: 0px;
    top: 5px;
}

/*.logo {
    width: auto;
}*/

.timetablebtn {
    background-color: #21cd86 !important;
    border-color: #21cd86 !important;
    color: #fff;
    position: absolute;
    right: 47px;
    top: 7px;
}

    .timetablebtn:hover {
        background-color: #26e495;
        border-color: #26e495;
        color: #fff;
    }

.profile_ul1 {
    padding: 0px 10px;
}

    .profile_ul1 li {
        list-style: none;
    }

        .profile_ul1 li .e-checkbox-wrapper, .profile_ul1 li .e-css.e-checkbox-wrapper {
            width: 30px;
            position: absolute;
            right: 0px;
        }

.menu-slide ul li a {
    color: #1b1b1b !important;
    text-decoration: none !important;
    background-color: transparent !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.modal-title button.close.mt-1.mr-1 {
    padding: 3px 8px;
    color: #fff !important;
    opacity: 1 !important;
}

.profile_ddd ul {
    width: 165px;
    right: 10px;
    top: 66px;
    position: absolute;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    height: auto;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 15%), -2px -2px 10px rgb(0 0 0 / 15%);
    padding: 5px 15px;
    transition: all 0.4s ease;
    z-index: 99999;
    left: inherit;
}

    .profile_ddd ul li {
        padding: .25rem 0rem !important;
        line-height: 25px;
        cursor: pointer;
    }

        .profile_ddd ul li i {
            margin-right: 1rem !important;
        }

.card-body .form-row .form-group {
    padding: 0px 8px !important;
    font-size: 14px;
    color: #212529;
    font-family: inherit;
    font-weight: normal;
    margin-top: 5px;
}

.closem {
    position: absolute;
    right: 16px;
    top: 7px;
    color: var(--colorhoversub1) !important;
    font-size: 21px;
    cursor: pointer;
}

    .closem:hover {
        position: absolute;
        right: 16px;
        top: 7px;
        font-size: 21px;
    }

.closemk {
    position: absolute;
    right: 45px;
    top: 7px;
    color: #fff !important;
    font-size: 21px;
    cursor: pointer;
}

    .closemk:hover {
        position: absolute;
        right: 45px;
        top: 7px;
        color: #fff;
        font-size: 21px;
    }

.plusbutton img {
    width: 35px;
    transition: 0.9s;
    box-shadow: 1px 1px 7px 1px #e6f4ffab;
    border-radius: 100%;
    cursor: pointer;
}

.plusbutton {
    border: none;
    background-color: transparent;
}

.samplef .indivi h2 {
    margin-bottom: 10px;
    margin-top: 12px;
}

.indivi {
    overflow: visible;
    transition: .8s;
    margin-top: 25px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #eff0f3;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.samplef .indivi .wid-100 .control-section {
    padding-left: 15px;
    padding-right: 15px;
}

.modal-header {
    padding: .5rem 1rem !important;
}

div#myModal .modal-content {
    width: 100%;
    padding: 12px;
    overflow: unset;
    height: 700px;
}

/*div#myModalFine .modal-content {
    width: 100%;
    padding: 12px;
    overflow: unset;
    height: 700px;
}*/

.feemodal table thead {
    color: #000 !important;
}

.feemodal table td {
    text-align: left !important;
}

    .feemodal table td:last-child {
        text-align: right !important;
    }

.dashboard-css #dashboardpopup .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 30px 30px 20px;
    border: none;
    /*width: 43%;*/
    overflow: hidden;
    box-shadow: 0px 2px 20px 20px #00000030;
}

    .dashboard-css #dashboardpopup .modal-content:before {
        content: "";
        width: 115px;
        height: 120px;
        background: #026ec5;
        position: absolute;
        right: -62px;
        transform: rotate(45deg);
        top: -71px;
        border-radius: 0px 0px 0px 0px;
        box-shadow: 1px 3px 6px #9a9a9a;
    }

div#myModal #dashboardpopup .modal-content {
    width: 100%;
    padding: 12px;
    overflow: unset;
    height: 700px;
    overflow-y: scroll;
}

div#myModalFine #dashboardpopup .modal-content {
    width: 100%;
    padding: 12px;
    overflow: unset;
    height: 400px;
    overflow-y: scroll;
}

div#myModal #dashboardpopup .modal-footer {
    position: absolute;
    top: 3px;
    right: 6px;
    padding: 0;
    background: transparent;
    border: 0;
}

    div#myModal #dashboardpopup .modal-footer button {
        border: 1px solid #000;
        background: #ffffff;
        border-radius: 50%;
        line-height: 0;
        padding: 5px 7px;
        cursor: pointer;
    }

.modelinput {
    border: 1px solid #ddd !important;
    border-radius: 5px;
    padding: 0px 5px;
    height: 31px;
}

    .modelinput:focus {
        border-color: #80bdff !important;
        box-shadow: 0 0 0 3px rgb(0 123 255 / 25%) !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    }



.dashboard-css .before-blk1:before {
    content: "";
    width: 121px;
    height: 100px;
    background: #026ec5;
    position: absolute;
    left: -105px;
    transform: rotate(45deg);
    top: -59px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 1px 3px 6px #717171;
}

.dashboard-css .before-blk1 {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -3px;
    left: -4px;
    overflow: hidden;
}

/*header {
    background: #f9f9f9;
    height: 75px;
    box-shadow: 0 0 3px 3px #ececec !important;
}*/

.e-float-text {
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: 'Open Sans', sans-serif !important;
    transform: translate3d(-7px, -39px, 0) scale(.8) !important;
}

button {
    cursor: pointer;
}

.btn-primary {
    color: #fff;
    background-color: #52c193 !important;
    border-color: #29b279 !important;
    padding: 4px 8px !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #29b279 !important;
        border-color: #29b279 !important;
    }

/*.logo h1 {
    line-height: 28px !important;
    padding-top: 6px;
}

    .logo h1 span {
        color: #06d37e;
        font-size: 20px;
    }*/

/*.logo img {
    width: 90px;
    z-index: 99;
    float: left;
    margin: 2px 15px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(83 106 222);
    border-image: initial;
    position: relative;
}*/

h1 {
    font-size: 22px;
    color: white;
    line-height: 30px;
    padding-top: 4px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

    h1 span {
        color: #bde1ff;
    }

h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 10px;
}

h5 {
    font-size: 14px;
    color: #525252;
    margin-bottom: 5px;
    line-height: 16px;
}

h4 {
    font-size: 14px;
    color: #272727;
    line-height: 16px;
    text-transform: capitalize;
}

p {
    font-size: 14px;
    color: #272727;
    margin-bottom: 10px;
    line-height: 26px;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}

.green {
    color: green
}

.red {
    color: #d60000;
}

.orange {
    color: #e66a01;
}

.blue {
    color: #026ec5;
}

.text-success {
    color: #026ec5 !important;
}

.clr {
    height: 20px;
    clear: both;
    width: 100%;
}

ul#content-slider-timetable {
    width: 100%;
    display: flex;
}

#content-slider-timetable li {
    width: 307px;
}

ul#timeTableRow, .demo {
    width: 100% !important;
}

#timeTableRow li {
    width: 307px;
}

.assignment-head {
    display: flex;
    align-items: center;
    border-bottom: 1px dotted #dddddd;
    margin-bottom: 17px;
    padding: 0px 0 16px;
}

    .assignment-head > div:nth-child(1) {
        width: 100%;
    }

    .assignment-head h4:before {
        display: none;
    }

    .assignment-head h4 {
        text-align: left;
        margin-bottom: 0px;
    }

ul#content-slider-assignment {
    width: 100%;
}

#content-slider-assignment li {
    width: 307px;
}

ul#content-slider-assignment li:nth-child(4n+1) div#sort-item-assign > h3 {
    background: #21cd86;
    box-shadow: 20px 8px 0px 5px #21cd8661, 40px 16px 0px 5px #21cd863b, 60px 24px 0px 5px #21cd863d;
}

ul#content-slider-assignment li:nth-child(4n+2) div#sort-item-assign > h3 {
    background: #026ec5;
    box-shadow: 20px 8px 0px 5px #026ec559, 40px 16px 0px 5px #026ec53b, 60px 24px 0px 5px #026ec52b;
}

ul#content-slider-assignment li:nth-child(4n+3) div#sort-item-assign > h3 {
    background: #9d6600;
    box-shadow: 20px 8px 0px 5px #9d660052, 40px 16px 0px 5px #9d66004a, 60px 24px 0px 5px #9d660033;
}

ul#content-slider-assignment li:nth-child(4n+4) div#sort-item-assign > h3 {
    background: #db9d2a;
    box-shadow: 20px 8px 0px 5px #db9d2aa3, 40px 16px 0px 5px #db9d2a85, 60px 24px 0px 5px #db9d2a85;
}

.assignment-head > div:nth-child(2) {
    text-align: right;
    min-width: 123px;
}

/*Mani 14.03.2022 Start*/
.stdblock {
    list-style: none;
    padding: 0px;
    position: fixed;
    right: 25px;
}

    .stdblock li a {
        background: #fff;
        padding: 10px;
        margin: 10px 0px;
        color: #015fab;
        text-align: center;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
        /*        border-radius: 0px 15px 0px 15px;
*/ display: block;
        font-weight: 600;
    }

.card2 {
    background: #026ec5 !important;
    color: #fff !important;
}

.stdblock li a:hover {
    background: #026ec5;
    color: #fff;
}

.stdatag {
    color: #fff !important;
    display: block;
    text-align: left;
    background: #026ec5;
    padding: 10px 20px 14px 40px;
}

/*Mani 24.02.2022 Start*/

.chatboxmess .chat-box-tray .fa-image {
    position: relative;
}

.uploadimagecomhide .e-upload-actions button {
    margin: 0px !important;
    height: 30px !important;
    color: #fff !important;
    width: 53px !important;
    background: #096ad9 !important;
    top: 3px !important;
    left: 70px;
    z-index: 9;
}

.uploadimagecomsend .e-upload-actions button {
    position: absolute;
    margin: 0px !important;
    height: 30px !important;
    color: #fff !important;
    width: 53px !important;
    background: #096ad9 !important;
    top: -50px;
    right: -26px;
}

.uploadimagecomsend .e-upload-actions .e-primary {
    display: none;
}

.uploadimagecomsend {
    display: block;
    position: absolute;
    top: 0px;
}

    .uploadimagecomsend button {
        width: 32px;
        background: transparent !important;
        border: transparent !important;
        color: transparent !important;
    }

    .uploadimagecomsend input {
        position: absolute;
        top: 0px;
        left: -15px;
    }

    .uploadimagecomsend .e-file-size, .uploadimagecomsend .e-file-status {
        display: none !important;
    }


    .uploadimagecomsend .e-upload .e-upload-files .e-upload-file-list .e-file-container, .uploadimagecomsend .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
        margin-right: 40px !important;
        display: flex;
        font-weight: 100;
    }

    .uploadimagecomsend .e-upload .e-upload-files .e-file-remove-btn.e-icons {
        margin: 0px 12px !important;
        margin-top: -1px !important;
        height: auto !important;
        background: #096ad9;
        color: #fff;
        border-radius: 50%;
        width: auto;
        padding: 4px;
        font-size: 11px;
    }

    .uploadimagecomsend .e-upload .e-upload-files .e-upload-file-list {
        height: auto !important;
        min-height: auto !important;
        border-bottom: none !important;
    }

    .uploadimagecomsend .e-upload .e-upload-files {
        border-top: none !important;
        /* display: flex; */
        position: absolute;
        /* width: 37%; */
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        Max-height: 440px;
        bottom: 50px;
        width: 330px;
        right: -24px;
        box-shadow: 0px 0px 5px #bfbfbf;
    }

.uploadimagecomsendma1 button {
    width: 32px !important;
    background: transparent !important;
    border: transparent !important;
    color: transparent !important;
    height: 25px !important;
    margin-top: 1px !important;
    margin-left: -2px !important;
    box-shadow: none !important;
}

.uploadimagecom {
    position: relative;
    height: 75px;
}

.e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover {
    background-color: #076ddb;
}

.uploadimagecomnew .e-file-size, .uploadimagecomnew .e-file-status {
    display: none !important;
}

.uploadimagecomnew .e-upload .e-upload-files {
    border-top: none !important;
    /* display: flex; */
    position: absolute;
    /* width: 37%; */
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    Max-height: 254px;
    bottom: -5px;
    width: 330px;
    left: 70px;
    box-shadow: 0px 0px 5px #bfbfbf;
    z-index: 9;
}

    .uploadimagecomnew .e-upload .e-upload-files .e-upload-file-list {
        height: auto !important;
        min-height: auto !important;
        border-bottom: none !important;
    }

    .uploadimagecomnew .e-upload .e-upload-files .e-upload-file-list {
        border: none !important;
    }

        .uploadimagecomnew .e-upload .e-upload-files .e-upload-file-list .e-file-container, .uploadimagecomnew .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
            margin-right: 40px !important;
            display: flex;
            font-weight: 100;
        }

    .uploadimagecomnew .e-upload .e-upload-files .e-file-remove-btn.e-icons {
        margin: 0px 12px !important;
        margin-top: -4px !important;
        height: auto !important;
        background: #096ad9;
        color: #fff;
        border-radius: 50%;
        width: auto;
        padding: 4px;
        font-size: 11px;
    }

.uploadimagecom i {
    font-size: 28px;
    color: #fff;
    margin-left: 15px;
    background: #026ec5;
    padding: 10px;
    border-radius: 26%;
}

.uploadimagecomhide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.uploadimagecom .uploadimagecomhide button {
    background: transparent;
    border: transparent;
    color: transparent;
    position: absolute;
    top: 0px;
    width: 240px;
    height: 50px;
}

.uploadimagecomsend button {
    background: transparent;
    border: transparent;
    color: transparent;
    position: absolute;
    top: 0px;
    width: 240px;
    height: 50px;
}

.uploadimagecom .uploadimagecomhide button:hover, .uploadimagecom .uploadimagecomhide button:focus, .uploadimagecom .uploadimagecomhide button:active {
    background: transparent;
    border: transparent;
    color: transparent;
    box-shadow: none !important;
}

.chatmsg .chatmsg-history {
    padding: 20px 20px 0px 20px;
    border-bottom: 2px solid #fff;
}

    .chatmsg .chatmsg-history ul {
        padding: 0;
    }

        .chatmsg .chatmsg-history ul li {
            list-style: none;
            margin-bottom: 30px;
        }

    .chatmsg .chatmsg-history .message-data {
        margin-bottom: 8px;
        line-height: 31px;
        font-size: 14px;
    }

        .chatmsg .chatmsg-history .message-data img {
            border-radius: 40px;
            width: 40px;
        }

.msgbody {
    max-height: 547px;
    overflow: auto;
}

.replyColor {
    background-color: #52c19387 !important;
    border: 1px solid #52c193;
}

    .replyColor .rplymsgshow {
        background: #59cb9c !important;
        border-left: 3px solid #1b7651 !important;
    }

.chatmsg .chatmsg-history .replyColor:after {
    border-bottom-color: #52c193 !important;
}

.rplymsgshow {
    background: #70b2f7;
    font-size: 11px;
    border-left: 3px solid #09529c;
    padding: 3px 5px;
    border-radius: 4px;
}

.userdetailm {
    position: absolute;
    top: 0px;
    width: 100%;
    background: #efefef;
    padding-left: 10px;
    padding-top: 4px;
    z-index: 9;
}

.userdetailmimg {
    display: block;
    height: 40px;
    width: 40px;
    padding: 0px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 100;
    border: 2px solid #d5d0d0;
    background: #fff;
    background-repeat: no-repeat;
    transition: opacity 0.075s;
    float: left;
}

    .userdetailmimg img {
        z-index: 101;
        height: 37px;
        width: 37px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
    }

.userdetailmname {
    float: left;
    padding: 10px;
}

    .userdetailmname span {
        font-size: 15px;
        font-weight: normal;
    }

.forwdlt {
    text-align: right;
    padding-top: 9px;
}

    .forwdlt span {
        padding-right: 15px;
    }



.rplydlt {
    position: absolute;
    cursor: pointer;
    bottom: 0px;
    right: 10px;
    display: none;
}

.chatmsg .chatmsg-history .message:hover .rplydlt {
    display: block;
}

.rplydlt label {
    margin-right: 5px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    padding: 0px 6px;
    line-height: 25px;
    background: #9ecaf7;
}

    .rplydlt label:hover, .rplydlt label:focus {
        background: #21cd86;
    }

.replymesagebody {
    position: absolute;
    background: rgb(225 235 247);
    width: 100%;
    border-left: 4px solid #3580cd;
    padding: 5px;
    bottom: 55px;
    font-size: 16px;
}

    .replymesagebody i {
        background: #005cc5;
        width: 20px;
        height: 20px;
        color: #fff;
        padding: 3px 5px;
        border-radius: 50%;
        font-size: 14px;
    }

/*.imguplm
{
    position:absolute
}*/

.chatmsg .chatmsg-history .message {
    color: #444;
    padding: 10px 10px 29px 10px;
    line-height: 20px;
    font-size: 13px;
    border-radius: 7px;
    display: inline-block;
    position: relative;
    overflow-wrap: anywhere;
    min-width: 80px;
    box-shadow: 0 1px 0.5px #c3c0c0;
    letter-spacing: .6px;
}

.attackimageimg {
    height: 30px;
    margin-right: 10px;
}

.chatmsg .chatmsg-history .other-message {
    background: #9ecaf7;
    text-align: left;
    color: #000;
    min-width: 20%;
    max-width: 83%;
}



.clearfixmsg:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}




.chatmsg .chatmsg-history .my-message {
    background: #efefef;
    text-align: justify;
    min-width: 20%;
    max-width: 83%;
}

.chatmsg .chatmsg-history .message:after {
    bottom: 100%;
    /*left: 7%;*/
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.chatmsg .chatmsg-history .my-message:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #efefef;
    border-width: 10px;
    margin-left: -10px;
}

.chatmsg .chatmsg-history .other-message:after {
    border-bottom-color: #74b9ff;
    right: 10px;
}

.msg-details {
    height: 555px;
    overflow: auto;
    margin-top: 28px;
}

.chat-box-tray {
    background: #eee;
    display: flex;
    align-items: baseline;
    padding: 10px 15px;
    align-items: center;
    margin-top: 19px;
    bottom: 0;
}

.imguplm {
    margin-left: 15px;
    margin-right: 15px;
}

.chatboxmess {
    width: 100%;
}

.chat-box-tray input {
    margin: 0 10px;
    padding: 6px 12px;
    border: none;
    border-radius: 30px;
    width: 80%;
}

.chat-box-tray i {
    color: grey;
    font-size: 20px;
    vertical-align: middle;
}

    .chat-box-tray i:last-of-type {
        margin-right: 10px;
    }

.chat-box-tray .fa-paper-plane {
    transform: rotate(20deg);
}

.myselect {
    right: 0px;
    position: absolute;
    display: flex;
    font-weight: normal;
    padding: 7px 10px 7px 10px;
    box-shadow: 2px 1px 4px #bdbcbc;
    background: #f1f1f1;
    min-width: fit-content;
    border: none;
    font-size: 14px;
}

    .myselect:focus-visible {
        border: none !important;
        background-color: transparent !important;
        outline: none !important;
    }

.e-multi-select-wrapper:focus-visible {
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
}

.message-filter-wrapper .inputFeild .msgforward {
    border: 1px solid #ddd;
    border-radius: 0px;
    border-radius: 9px !important;
}

    .message-filter-wrapper .inputFeild .msgforward:active {
        outline: none !important;
        border-color: none !important;
        box-shadow: none !important;
    }


.multiline_wrapper .msgtxtarea textarea {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px !important;
}

    .multiline_wrapper .msgtxtarea textarea:focus-visible {
        border: none !important;
        background-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
        border-bottom: 1px solid #ddd !important;
    }

.message-filter-wrapper .inputFeild .msgforward .e-float-text {
    color: #000 !important;
    margin-top: 5px;
}

.noborder .e-float-input, .noborder .e-float-input.e-control-wrapper {
    margin-top: 30px !important;
}

.noborder {
    border: none !important;
}

/*Mani 24.02.2022 End*/



.dashboard-css .leftsection .timeTableBlock .card > .p-2 {
    position: relative;
    background: #fff;
    margin-top: 0 !important;
    z-index: 9;
    padding: 4px !important;
    border-radius: 20px;
    box-shadow: 0px 0px 16px 0px #b3b3b3ad;
    border: none;
}

.nopadding {
    padding: 0;
}

.leftsection {
    padding: 0px 30px
}

.dashboard-css .d-flex.align-items-center.flex-fill.position-relative {
    width: 100%;
    overflow: unset;
}

div#chartContainer {
    width: 80%;
}

.dashboard-css .timetable-details h3 img {
    width: 60px;
}

.dashboard-css .before-blk:before {
    content: "";
    width: 121px;
    height: 100px;
    background: #2ddb93;
    position: absolute;
    left: -102px;
    transform: rotate(45deg);
    top: -59px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 1px 3px 6px #717171;
}

.resume-button {
    background: border-box;
    padding: 4px 15px;
    font-size: 16px;
    color: #000;
    text-align: center;
    border-radius: 5px;
    width: max-content;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.demo.top-crousel {
    margin-bottom: 10px;
}

    .timetable-boxes .lSSlideOuter .lSPager.lSpg > li a, .assignments .lSSlideOuter .lSPager.lSpg > li a, .demo.top-crousel .lSSlideOuter .lSPager.lSpg > li a {
        width: 13px;
        color: transparent;
        height: 13px;
        background: radial-gradient(#ffffff61, #d5d5d5cc);
        border: 0px;
    }

    .timetable-boxes .lSSlideOuter .lSPager.lSpg > li.active a, .assignments .lSSlideOuter .lSPager.lSpg > li.active a, .demo.top-crousel .lSSlideOuter .lSPager.lSpg > li.active a {
        background: #c5c5c5;
    }

.dashboard-css .trangle {
    position: relative;
}

.dashboard-css .before-blk {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -8px;
    left: -4px;
    overflow: hidden;
}

.dashboard-css .card {
    transition: 0.5s;
    border: transparent;
}
/*Mani 16.02.2022 Start*/
.dashboard-css .quick-link:hover {
    width: 258px;
    height: 247px;
    overflow: hidden;
    border-radius: 142px 0 0;
}

.dashboard-css .quick-link_option ul li label {
    display: none;
}

.quicklinkpopup .quick-link_option ul li label {
    margin-top: 30px;
    margin-left: -21px;
    font-size: 12px;
    color: #044d89;
    display: block !important;
    position: absolute;
}

.quicklinkpopup .quick-link {
    width: 400px !important;
    height: 283px !important;
    border-radius: 15px !important;
    left: 35% !important;
    top: 20% !important;
    box-shadow: 0px 1px 4px #9e9e9e;
}

.quicklinkpopup .link-icon1 {
    display: block !important;
}

    .quicklinkpopup .link-icon1 i {
        transform: rotate(-280deg);
    }

.dashboard-css .link-icon1 {
    display: none;
    position: absolute;
    right: 0;
    background: var(--colrBack);
    /*box-shadow: inset 1px 3px 9px 6px #1d7b5459;*/
    color: #fff;
    padding: 5px 15px;
    bottom: 0;
    z-index: 999999;
    padding-left: 28px;
    padding-top: 18px;
    font-size: 20px;
    border-radius: 50px 0px 0px 0px;
    transition: 1s;
    transform: scale(1);
    border: 2px solid white;
}

.quicklinkpopup .link-icon {
    display: none;
}

.quicklinkpopup .quick-link ul li {
    /* bottom: 157px !important;
    right: 145px !important;*/
    position: inherit !important;
    margin: 20px 44px;
    float: left;
}

.quicklinkpopup .quick-link_option ul {
    background: #fff !important;
    padding-top: 1px;
    height: 500px;
}

.quicklinkpopup .quick-link:hover:before {
    background: transparent;
    width: 0px !important;
    height: 0px !important;
}

.dashboard-css .quick-link {
    width: 75px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
    height: 60px;
    transition: 0.5s;
}

.dashboard-css .quick-link_option ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    margin-bottom: 0px;
    background: red;
}

    .dashboard-css .quick-link_option ul li:after {
        width: 16px;
        content: "";
        height: 3px;
        position: absolute;
        margin-top: 12px;
        right: 16px;
    }

.dashboard-css .quick-link:hover .link-icon, .dashboard-css .quick-link:focus .link-icon, .dashboard-css .quick-link:active .link-icon {
    transform: scale(1.2);
    bottom: 2px;
    background: #004d8c;
    box-shadow: inset 1px 3px 9px 6px #08508a;
}

.dashboard-css .link-icon {
    position: absolute;
    right: 0;
    background: var(--colrBack);
    /*box-shadow: inset 1px 3px 9px 6px #7388F3;*/
    color: #fff;
    padding: 5px 15px;
    bottom: 0;
    z-index: 999999;
    padding-left: 28px;
    padding-top: 18px;
    font-size: 20px;
    border-radius: 50px 0px 0px 0px;
    transition: 1s;
    transform: scale(1);
    border: 2px solid white;
}

.dashboard-css .quick-link_option ul li {
    cursor: pointer;
    transition: 0.5s;
    background: #fff;
    font-size: 21px;
    position: absolute;
    line-height: 0;
    width: 45px;
    padding: 11px 9px;
    border-radius: 50%;
    box-shadow: 0px 1px 4px #9e9e9e;
    color: #026ec5;
    height: 45px;
    text-align: center;
    vertical-align: middle;
}

.dashboard-css .quick-link ul li {
    bottom: 0;
    right: 0;
    display: inline-block;
}


/* Tooltip text */


.tooltipmessgae {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltipmessgae .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #037bdb;
        color: #fff !important;
        text-align: center;
        padding: 16px 0 !important;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        top: 37px;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipmessgae:hover .tooltiptext {
        visibility: visible;
    }

    .tooltipmessgae .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%; /* At the top of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #037bdb transparent;
    }



.dashboard-css .quick-link ul li .tooltiptextm {
    visibility: hidden;
    background-color: #026ec5;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    left: -13px;
    font-size: 11px;
    z-index: 9;
    top: -20px;
    /* width: 118px;*/
}

/* Show the tooltip text when you mouse over the tooltip container */
.dashboard-css .quick-link ul li:hover .tooltiptextm {
    visibility: visible;
}

/*Mani 16.02.2022 End*/
.dashboard-css .quick-link:hover li.icon1 {
    right: 75%;
    bottom: 3%;
}

.dashboard-css .quick-link:hover li.icon2 {
    right: 69%;
    bottom: 35%;
}

.dashboard-css .quick-link:hover li.icon3 {
    right: 53%;
    bottom: 59%;
}

.dashboard-css .quick-link:hover li.icon4 {
    right: 29%;
    bottom: 73%;
}

.dashboard-css .quick-link:hover li.icon5 {
    right: 1%;
    bottom: 74%;
}

.dashboard-css .quick-link:hover li.icon6 {
    right: 6%;
    bottom: 43%;
}

.dashboard-css .quick-link:hover li.icon7 {
    right: 32%;
    bottom: 33%;
}

.dashboard-css .quick-link:hover li.icon8 {
    right: 45%;
    bottom: 6%;
}

.dashboard-css .quick-link ul li:hover {
    background: #52c193;
    color: #fff;
}

.dashboard-css .link-icon i {
    transform: rotate(-90deg);
}

.dashboard-css .quick-link:before {
    transition: 0.5s;
    content: "";
    width: 0;
    height: 0;
    background: white;
    position: absolute;
    bottom: -130px;
    right: -88px;
    border-radius: 50%;
}
/*Mani 16.02.2022 start*/
.dashboard-css .quick-link:hover:before {
    width: 298px;
    height: 341px;
}
/*Mani 16.02.2022 End*/
.dashboard-css .mask {
    transform: scale(1);
    border-radius: 50%;
    height: 500px;
    margin: 80px auto 0;
    overflow: hidden;
    position: fixed;
    width: 500px;
    opacity: 0;
    bottom: 0;
    right: -100%;
    transition: 1s;
}

    .dashboard-css .mask::after {
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        content: "";
        height: 500px;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 0px;
        z-index: 20;
    }

.dashboard-css .mask__inner {
    -webkit-animation: rotate-sphere 30s infinite linear;
    animation: rotate-sphere 30s infinite linear;
    border-radius: 50%;
    background: white;
    background-repeat: repeat-x;
    background-size: cover;
    box-shadow: inset 0 0 20px #a5a5a5ed;
    height: 500px;
    position: relative;
    width: 500px;
}

    .dashboard-css .mask__inner::before {
        border-radius: 50%;
        box-shadow: inset -7px 5px 70px 10px #fbfbfb;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 20;
    }

    .dashboard-css .mask__inner::after {
        border-radius: 50%;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 20;
    }

@-webkit-keyframes rotate-sphere {
    0% {
        background-position: 800px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes rotate-sphere {
    0% {
        background-position: 800px 0;
    }

    100% {
        background-position: 0 0;
    }
}

.dashboard-css .mask__inner {
    background-image: url(../Images/globe.png);
    background-size: 350% 100%;
}

.dashboard-css .sort-item-assign a {
    font-size: 0;
    line-height: 0;
    position: absolute;
}

.dashboard-css .wrapper {
    width: 100%;
    height: 100%;
}

.dashboard-css .navbarout {
    background: linear-gradient(90deg, #455CD4 0%, #7388F3 100%);
    height: 70px;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.teachingarea-boxes h3 img {
    width: 30px;
    float: left;
    margin-right: 6px;
}

.dashboard-css .icon_wrap i {
    color: #ffffff;
}

    .dashboard-css .icon_wrap i:hover {
        color: #52c193;
    }

.navbarIcon img {
    width: 40px;
}

.dashboard-css .navbarout .navbar_leftout .logo a {
    font-family: 'Trade Winds';
    font-size: 20px;
}

    .dashboard-css .navbarout .navbar_leftout .logo a:hover {
        text-decoration: none;
    }

.dashboard-css .navbarout .navbar_rightout {
    display: flex;
    margin-top: 15px;
    margin-right: 0;
    position: relative;
    justify-content: center;
    align-items: center;
}

.dashboard-css .navbarout .icon_wrap img {
    width: 35px;
}

.dashboard-css .navbarout .navbar_rightout .icon_wrap {
    cursor: pointer;
}

.dashboard-css .relative-pos {
    position: relative;
}

.dashboard-css .notification_dd {
    padding-bottom: 21PX !important;
}

.dashboard-css .navbarout .navbar_rightout .notifications, .dashboard-css .navbarout .navbar_rightout .message, .dashboard-css .navbarout .navbar_rightout .todolist {
    font-size: 23px;
    border: none;
    background: transparent;
    margin-right: 6px;
    position: relative;
    line-height: 1;
    justify-content: center;
    align-items: center;
}

.showform form {
    height: 200px !important;
}

.dashboard-css .navbarout .profile .profile_dd, .dashboard-css .notification_dd, .dashboard-css .message_dd, .dashboard-css .todolist_dd {
    position: absolute;
    top: 50px;
    right: -15px;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    width: 340px;
    height: auto;
    display: none;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    transition: all 0.4s ease;
    z-index: 99999;
}

    .dashboard-css .navbarout .profile .profile_dd:before, .dashboard-css .notification_dd:before, .dashboard-css .message_dd:before, .dashboard-css .todolist_dd:before {
        content: "";
        position: absolute;
        top: -20px;
        right: 15px;
        border: 10px solid;
        border-color: transparent transparent #fff transparent;
    }

.dashboard-css .row.form-group.relative-pos.hide-add .kv-file-content {
    width: 100%;
}

.menu-slide .close_All img {
    width: 45px;
    box-shadow: 2px 2px 15px #f6f6f6;
}

.dashboard-css .close-blk {
    position: absolute;
    width: 100%;
    background: transparent;
    height: 69px;
    display: none;
}

.dashboard-css .navbarout .navbar_rightout .profile .icon_wrap {
    align-items: center;
}

.dashboard-css .navbarout .navbar_rightout .profile .name {
    display: inline-block;
    margin: 0 5px 3px;
    color: white;
}

.dashboard-css .navbarout .navbar_rightout .icon_wrap:hover, .dashboard-css .navbarout .navbar_rightout .profile.active .icon_wrap, .dashboard-css .navbarout .navbar_rightout .notifications.active .icon_wrap {
    color: #026ec5;
}

.dashboard-css .navbarout .profile .profile_dd {
    width: auto;
    padding: 10px 10px 0px;
    right: 35px;
    top: 55px;
    border-radius: 12px;
}

    .dashboard-css .navbarout .profile .profile_dd:before {
        right: 10px;
    }

.dashboard-css .navbarout ul.notification_ul {
    padding: 0;
    margin: 0;
    transition: 0.5s;
}

.dashboard-css ul.profile_ul {
    padding: 0;
    margin-bottom: -1px;
}

.dashboard-css .navbarout .profile .profile_dd ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
}

    .dashboard-css .navbarout .profile .profile_dd ul li a {
        display: block;
        padding: 10px 20px;
        position: relative;
        text-decoration: none;
        font-size: 14px;
        color: #000 !important;
    }

        .dashboard-css .navbarout .profile .profile_dd ul li a .picon {
            display: inline-block;
            width: 30px;
        }

            .dashboard-css .navbarout .profile .profile_dd ul li a .picon img {
                width: 30px;
            }

.techermm {
    line-height: 26px;
    background: rgb(23 123 231 / 50%);
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

.studentsmm {
    line-height: 26px;
    background: #026ec547;
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

.parentsmm {
    line-height: 26px;
    background: rgb(23 123 231 / 50%);
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

    .parentsmm:hover, .studentsmm:hover, .techermm:hover {
        background: #fff;
    }

.dashboard-css .navbarout .profile .profile_dd ul li a:hover {
    color: #297dc1;
    background: #f0f5ff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dashboard-css .navbarout .profile .profile_dd ul li.profile_li a:hover {
    background: transparent;
    cursor: default;
    color: #297dc1;
}

.dashboard-css .navbarout .profile .profile_dd ul li .btn {
    height: 32px;
    padding: 2px 10px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #297dc1;
    width: 125px;
    margin: 0 auto 13px;
    display: block;
}

    .dashboard-css .navbarout .profile .profile_dd ul li .btn:hover {
        background: #bbdffd;
        color: black;
    }

.dashboard-css .navbarout .profile.active .profile_dd, .dashboard-css .navbarout .notifications.active .notification_dd, .dashboard-css .navbarout .message.active .message_dd, .dashboard-css .navbarout .todolist.active .todolist_dd {
    display: block;
    transition: all 0.4s ease;
}

.dashboard-css .notification_dd li {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

    .dashboard-css .notification_dd li .notify_icon {
        background: #89c4f5;
        float: left;
        border-radius: 50px;
        width: 40px;
        height: 40px;
        padding-top: 19px;
        margin-right: 0px;
    }

        .dashboard-css .notification_dd li .notify_icon p {
            line-height: 0;
            color: #ffffff;
            font-size: 24px;
            margin: auto;
            text-align: center;
        }

    .dashboard-css .notification_dd li .notify_data {
        margin: 0 15px;
        width: 190px;
    }

        .dashboard-css .notification_dd li .notify_data .title {
            color: #000;
            font-weight: 600;
            font-size: 13px;
            line-height: 12px;
        }

        .dashboard-css .notification_dd li .notify_data .sub_title {
            font-size: 13px;
            margin-top: 5px;
            color: #676767;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 19px;
        }

.dashboard-css .notify_status p {
    font-size: 11px;
    color: #949494;
    line-height: 17px;
    margin-bottom: 8px;
}

.dashboard-css .notification_ul li:nth-child(n+1) .notify_icon {
    background: #b0d89f !important;
}

.dashboard-css .notification_ul li:nth-child(2n+1) .notify_icon {
    background: #fdaeae !important;
}

.dashboard-css .notification_ul li:nth-child(3n+1) .notify_icon {
    background: #e6c987 !important;
}

.dashboard-css .notification_ul li:nth-child(4n+1) .notify_icon {
    background: #f5b6dc !important;
}

.dashboard-css .notification_ul li:nth-child(5n+1) .notify_icon {
    background: #90bbda !important;
}

.dashboard-css .headings {
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 0px;
    width: 100%;
    color: white;
    font-weight: bold;
}

.addActive ul {
    margin-right: 41px;
}

.mainDrop:before {
    display: none
}

.quill-box textarea {
    width: 100%;
    height: 157px;
    border: 1px solid #e8e7e7;
    outline: none;
}

textarea:focus {
    outline: none
}

.dashboard-css .todo {
    background: #ffffff;
    overflow: hidden;
}

    .dashboard-css .todo ul {
        margin: 0px 0 15px;
        padding: 0;
    }

    .dashboard-css .todo i.fas.fa-plus-square {
        color: #287bbe;
        font-size: 23px;
        margin-top: 2px;
        background: white;
        padding: 0 4px;
    }

    .dashboard-css .todo li * {
        float: left;
    }

    .dashboard-css .todo li {
        clear: both;
        list-style: none;
    }

    .dashboard-css .todo h2 {
        clear: both;
        list-style: none;
        margin: 0;
        margin-bottom: 5px;
        color: #000;
        font-weight: 600;
        font-size: 13px;
    }

    .dashboard-css .todo input, .dashboard-css .todo button {
        outline: none;
    }

    .dashboard-css .todo button {
        background: none;
        border: 0px;
        font-size: 12px;
        width: 16px;
        font-family: Lato, sans-serif;
        cursor: pointer;
        text-align: right;
        position: relative;
        color: transparent;
        margin: auto;
        padding: 0;
        margin-right: 6px;
        float: left;
    }

.tab-pane.show {
    display: block;
}

.tab-pane {
    display: none;
}

.dashboard-css .todo input#new-task {
    float: left;
    width: 275px;
    padding: 12px 0;
    margin-right: 5px;
    margin-bottom: 15px;
}

.dashboard-css .todo input[type="text"] {
    margin: 3px;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    padding: 10px 0px;
    border: none;
    background: #fff;
    font-family: Lato, sans-serif;
    color: #888;
    border-bottom: 1px solid grey;
    width: 245px;
}

.dashboard-css .todo li {
    overflow: hidden;
    padding: 3px 0;
    font-size: 15px;
}

    .dashboard-css .todo li > input[type="checkbox"] {
        position: relative;
        top: 5px;
    }

    .dashboard-css .todo li > label {
        font-size: 13px;
        line-height: 20px;
        padding: 0 0 0 10px;
        width: 250px;
        color: #676767;
    }

.dashboard-css button.edit:before {
    content: "\f044";
    position: absolute;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    top: 0;
    color: #a0a0a0;
    font-size: 15px;
}

.dashboard-css button.delete:before {
    content: "\f2ed";
    position: absolute;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    top: 0;
    color: #a0a0a0;
    font-size: 15px;
}

.dashboard-css .todo ul li input[type=text] {
    display: none;
}

.dashboard-css .todo ul li.editMode input[type=text] {
    display: block;
}

.dashboard-css .todo ul li.editMode label {
    display: none;
}

.dashboard-css .addicon {
    transform: rotate(0deg);
    z-index: 1;
    cursor: pointer;
    transition: 2s;
    background: transparent;
}

    .dashboard-css .addicon:hover {
        transform: scale(1.2);
    }

@keyframes scale {
    0% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.timetable-details .expand-area-details p {
    background: #026ec5;
    width: fit-content;
    padding: 0 5px;
    border-radius: 5px;
    color: white;
    font-size: 13px;
}

.dashboard-css .addicon img {
    width: 35px;
    transition: 0.9s;
}

.showexecute h5 {
    color: #525252;
    font-size: 14px;
}

.dashboard-css .panel {
    overflow: hidden;
    height: 450px;
    background: #ffffff;
    margin-bottom: 25px;
    padding: 15px 20px;
    box-shadow: -1px -1px 14px #80808038;
}

.main-slider .bannerimg {
    padding: 0;
    background: transparent;
}

.dashboard-css .panel-data {
    display: flex;
    padding: 7px 22px 3px;
}

    .dashboard-css .panel-data::-webkit-scrollbar {
        width: 0px;
    }

.dashboard-css h3 span {
    font-size: 12px;
    float: right;
    color: #717171;
    font-weight: normal;
}

.dashboard-css .search-box {
    position: absolute;
    width: 0;
    top: 4px;
    right: -2px;
    transition: 0.5s;
    border: none;
    background: transparent;
    display: none;
}

    .dashboard-css .search-box .search-btn {
        position: absolute;
        float: right;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        font-size: 17px;
        transition: 0.4s;
        top: 10px;
        right: 28px;
    }

    .dashboard-css .search-box .searchit .search-btn {
        right: 49px !important;
    }

.dashboard-css .searchit a.search-btn {
    top: 4px !important;
    right: 6px !important;
}

.dashboard-css .search-box .search-txt {
    border: none;
    outline: none;
    float: right;
    color: #2ddb93;
    font-size: 15px;
    transition: 0.4s;
    background: rgb(255 255 255 / 0%);
    padding: 4px;
    position: absolute;
    height: 36px;
    width: 21px;
    right: 29px;
    cursor: pointer;
    z-index: 999;
}

    .dashboard-css .search-box .search-txt::placeholder {
        color: transparent;
    }

.dashboard-css .searchit::placeholder {
    color: #000 !important;
}

.searchit input {
    width: 97% !important;
    height: 100% !important;
    right: 0px !important;
    top: 0;
}

.search-box.searchit {
    background: rgb(232 232 232);
    border-bottom: 2px solid #0473ce;
}

.timetable__details {
    display: flex;
    padding: 15px 25px;
}

.sort-list-assign {
    padding: 20px 0px;
}

.dashboard-css .search-box .search-box:hover > .search-txt {
    width: 220px;
    padding: 0 6px;
}

.dashboard-css .search-box .search-box:hover > .search-btn {
    background: white;
}

.dashboard-css a.search-btn {
    color: #026ec5;
}

    .dashboard-css a.search-btn:hover {
        color: #000;
    }
/*Start 17-01-2022*/
.dashboard-css .modal {
    display: none;
    z-index: 99999999;
    padding-top: 0px;
    background-color: #fff;
    transition: 0.8s ease;
}
/*end 17-01-2022*/
.modal-title {
    margin-bottom: 24px !important;
}

.dashboard-css .close {
    color: #ffffff !important;
    right: 0px;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    opacity: 1 !important;
    background: #026ec5;
}

    .dashboard-css .close:hover, .dashboard-css .close:focus {
        color: #c1e4ff;
        text-decoration: none;
        cursor: pointer;
        background: #52c193;
    }

.dashboard-css .modal-content h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 8px;
    text-decoration: underline;
}

.dashboard-css button.btn.btn-raised.btn-default.ripple-effect {
    background: #026ec5;
    float: right;
    color: white;
}

.dashboard-css form.expand-block {
    height: 0;
    background: white;
    transition: 0.5s;
}

.dashboard-css input.form-control {
    border: none;
    font-size: 14px;
    color: #495057;
}

    .dashboard-css input.form-control.caldate {
        border: none;
        font-size: 15px;
        overflow: hidden;
        color: #2d2d2d;
        margin: 0;
        margin-top: 0px;
        position: relative;
        padding: 0;
        line-height: 19px;
    }




.dashboard-css .sotimecss input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: inline-block;
    width: 190px;
    height: 30px;
    border-width: thin;
    padding: 0px !important;
    margin: 0px !important;
}

.dashboard-css .sotimecss input[type="date"] {
    width: 190px;
}


.dashboard-css input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-width: thin;
    padding: 0px !important;
    margin: 0px !important;
}

.dashboard-css input[type="date"] {
    width: 100%;
    z-index: 9;
}

.dashboard-css .file-input-ajax-new + .arrow, .dashboard-css .file-input-ajax-new + .arrow + .arrow {
    display: none;
}

.discard {
    line-height: 22px;
    margin: 0 !important;
    padding: 3px 16px !important;
    right: 81px;
    position: absolute;
    top: 0;
}

.dashboard-css .submit {
    height: 31px;
    line-height: 30px;
    margin: 0 auto !important;
    padding: 3px 25px !important;
    display: table;
    margin-top: 36px !important;
}

.dashboard-css .leftsection::-webkit-scrollbar {
    width: 0;
}

.dashboard-css .timetable-boxes {
    position: relative;
}

.dashboard-css .mutliSelect-p-freq i {
    float: right;
}

.dashboard-css .main-drop-freq ul {
    padding-left: 0;
    font-size: 12px;
    margin-bottom: 0;
    float: right;
    background: #ebf1f9;
    font-weight: 600;
    display: flex;
}

.dashboard-css .mutliSelect-freq {
    width: 100%;
    opacity: 0;
    position: absolute;
    display: none;
    transition: 1s;
    top: 0px;
    right: 25px;
}

.dashboard-css .wid-50 {
    width: 50%;
    margin: 0px 5px;
}

.dashboard-css .mutliSelect ul li ul li {
    display: inline-block;
    border-bottom: 0;
    padding-bottom: 0;
}

.dashboard-css .timetable {
    overflow: visible;
    transition: .8s;
    position: relative;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    width: 18px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    align-items: flex-end;
}

input.freq-wid, input.schedule-btn {
    border: none;
    color: #6c757d;
    width: 190px;
}

    input.freq-wid:focus, input.schedule-btn:focus {
        outline: none;
    }

.greypart {
    display: none !important;
}

.dashboard-css .timetable-boxes, div#search-assessment {
    display: block !important;
}

.container-fluid.inner_pages {
    margin-top: 25px;
}

.greypart {
    width: 100%;
    height: 200px;
    display: grid;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-items: center;
}

    .greypart img {
        width: 70px;
        opacity: 0.5;
        margin: 0 auto;
        display: block;
    }

    .greypart h5 {
        text-align: center;
        color: #c7c7c7;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.dashboard-css .timetable-icons {
    display: flex;
    margin-bottom: 8px;
    position: relative;
    padding: 18px 28px 3px;
}

    .dashboard-css .timetable-icons i {
        margin-right: 15px;
        color: #026ec5;
        font-size: 18px;
    }

.dashboard-css .timetable-boxes {
    display: none;
    width: 100%;
}

.dashboard-css .boxes {
    padding: 10px 9px;
    box-shadow: 0px 1px 5px gainsboro;
    margin: 5px 6px;
    width: 23%;
    min-height: 90px;
}

.dashboard-css .timetable-details {
    width: 40%;
}

.dashboard-css .timetable-icons i:hover {
    color: #000;
}

.dashboard-css .timetable-boxes .card {
    position: relative;
    transition: 0.5s;
    box-shadow: none;
    border: 0px solid;
}

.timetable-details.p-3 a.editbutton {
    display: none;
}

.dashboard-css .inner_pages .timetable-boxes .card {
    box-shadow: 0px 1px 4px 0px #bbbbbb9e;
    border: 1px solid #ededed;
}

.dashboard-css .timetable-icons input[type="date"] {
    width: 115px;
}

.dashboard-css .mutliSelect ul li ul {
    display: none;
}

.dashboard-css .selectedlist ul {
    display: block !important;
}

.dashboard-css .mutliSelect-p {
    width: 99%;
    height: 41px;
    border: 0;
    z-index: 9999;
    position: relative;
    top: 0px;
    overflow: scroll;
    padding: 0px 0px;
    scroll-padding-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.dashboard-css .mutliSelect ul li, .dashboard-css .mutliSelect ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

    .dashboard-css .mutliSelect ul li ul {
        padding-left: 20px;
    }

        .dashboard-css .mutliSelect ul li ul li input {
            margin-right: 10px;
        }

.dashboard-css .class-select {
    width: 49%;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.dashboard-css .mutliSelect ul li {
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
}

.dashboard-css .mutliSelect ~ ul {
    position: absolute;
}

.dashboard-css .mutliSelect-p + ul {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 9;
    border: 1px solid #ddd;
}

.dashboard-css .mutliSelect {
    width: 100%;
    position: relative;
    height: 29px;
}

.dashboard-css .multiclassddl .mutliSelect-p:before {
    content: "Class";
    position: absolute;
    color: #6e777f;
    width: 100%;
    font-size: 15px;
}

.dashboard-css .mutliSelect-p:before {
    content: "Staff";
    position: absolute;
    color: #6e777f;
    width: 100%;
    font-size: 15px;
}

.dashboard-css .main-drop label + p {
    margin-bottom: 0 !important;
}
/*Mani 24.02.2022 Start*/
.dashboard-css .main-drop {
    position: absolute;
    display: none;
    background: #fff;
    width: 99.2%;
    z-index: 99;
    border: none;
    height: 150px;
    overflow-y: scroll;
    box-shadow: 1px 1px 12px 0px #d2d2d2;
    left: 3px;
    margin-top: 1px;
    border-top: 2px solid #026ec5;
    top: 29px;
    padding: 10px;
}
/*Mani 24.02.2022 end*/
.dashboard-css .mutliSelect ul li:last-child {
    border-bottom: 0px;
}

.dashboard-css .mutliSelect i {
    float: right;
    margin-top: 6px;
    position: absolute;
    top: 2px;
    right: 13px;
    z-index: 1;
    font-size: 12px;
    color: #1d1d1d;
}

.dashboard-css .hide-show {
    display: block;
}

.dashboard-css .hide-show-freq {
    display: block;
}

.dashboard-css .card.p-3.mb-2.js-find-user.active {
    border: 1px solid #026ec5;
    box-shadow: 1px -2px 10px #8fcdff;
}

.dashboard-css .timetable-details {
    opacity: 0;
    width: 0;
    position: absolute;
    padding: 0;
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    right: 0;
}

div#sort-item-assign .close-timetable {
    display: none;
    bottom: 22px;
    right: 9px;
}

.dashboard-css .timeTableBlock .card .close-timetable {
    display: none;
}

.dashboard-css .timeTableBlock .card:hover .close-timetable {
    display: block;
}

div#sort-item-assign:hover .close-timetable {
    display: block;
}

.dashboard-css .timetable-details::-webkit-scrollbar {
    /* width: 0;*/
}

.dashboard-css .set-width + .timetable-details {
    opacity: 1;
    width: 100%;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    right: -16%;
    z-index: 99999;
    height: auto;
    box-shadow: 0px 1px 11px 0px #ababab;
    max-height: fit-content;
    overflow-y: scroll;
    border: 1px solid #ececec;
    background: #fff;
}

.dashboard-css select.form-select {
    width: 100%;
    border: none;
    color: #6e777f;
    outline: none;
    padding: 0;
    font-size: 15px;
    padding-bottom: 5px;
}

.dashboard-css .timetable-boxes {
    transition: 0.6s;
}

.dashboard-css .hidebefore:before {
    display: none;
}

.dashboard-css .right-spc {
    right: 4px;
    background: transparent;
}

.dashboard-css .mutliSelect label + ul li {
    display: block;
}

.dashboard-css .main-drop label .sub-select {
    display: none;
}

.dashboard-css .main-drop label {
    width: 100%;
    font-size: 14px;
}

.dashboard-css .mutliSelect-p::-webkit-scrollbar {
    width: 0px;
}

.dashboard-css .main-drop label input {
    margin-right: 10px;
}

.dashboard-css .mutliSelect ul li {
    border: none;
}

.dashboard-css .openselect .sub-select {
    display: block !important;
}

.dashboard-css .main-drop-freq li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

    .dashboard-css .main-drop-freq li input {
        position: absolute;
        width: 100%;
        visibility: hidden;
        height: 100%;
    }

.main-drop-freq ul li label {
    margin-bottom: 0;
    padding: 5px 6px;
}

.dashboard-css .mutliSelect-p-freq {
    font-size: 13px;
    width: 100%;
    position: relative;
    height: 0px;
}

.frequency + .form-group {
    margin-bottom: 5px
}

.dashboard-css .frequency {
    position: absolute;
    right: 0px;
    border: 1px solid #d8d8d8;
    padding: 1px 4px;
    background: #52c193;
    top: 0px;
    z-index: 9;
    margin: 0 auto;
    text-align: center;
    color: white;
    cursor: pointer;
}

.dashboard-css .mutliSelect-freq.active {
    opacity: 1;
    border: none;
    background: transparent;
    display: inline-block;
}

.dashboard-css .active-list {
    background: #b6d3ff;
}

.dashboard-css .frequency p {
    margin-bottom: 0;
    float: left;
    margin-right: 5px;
    color: white;
    line-height: 20px;
}

.dashboard-css .main-drop-freq li.active-list {
    background: #026ec5;
    color: white;
    font-weight: normal;
}

.dashboard-css .main-drop label {
    width: auto;
    font-size: 14px;
    float: left;
    margin-bottom: 0px;
    margin-top: 3px;
}

.dashboard-css .back-not-close {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffc0cb00;
    top: 0;
    left: 0;
}

.dashboard-css .freq-wid-edit {
    width: 80% !important;
}

.dashboard-css h3.homework-blk button {
    padding: 1px 10px;
    right: 0;
    border: 1px solid #ddd;
    color: #4a4a4a;
}

.dashboard-css ul#output li, .dashboard-css ul#output li iframe {
    width: 100px;
    display: inline-block;
    height: 100px;
    margin-right: 6px;
    list-style-type: none;
    margin-top: 7px;
    margin-bottom: 6px;
    overflow: hidden;
}

.dashboard-css h3.homework-blk #file {
    position: absolute;
    width: 67px;
    opacity: 0;
    right: 0;
}

.dashboard-css ul#output {
    padding-left: 0;
    margin-bottom: 0;
}

.dashboard-css h3.homework-blk button {
    opacity: 0;
}

div#search-assignment {
    display: block;
}

.dashboard-css button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button span {
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
}

.dashboard-css button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button i {
    color: #fff;
    padding: 7px 3px;
}

.dashboard-css button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button, .dashboard-css a.btn.btn-default.btn-secondary.fileinput-upload.fileinput-upload-button {
    padding: 0px;
    background: #dc3545;
    line-height: 6px;
    border: none;
    height: 20px;
}

    .dashboard-css a.btn.btn-default.btn-secondary.fileinput-upload.fileinput-upload-button span.hidden-xs {
        color: #fff;
        font-size: 14px;
    }

.dashboard-css .close-drop-blk {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.dashboard-css .form-control:focus {
    color: unset;
    background-color: unset;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.dashboard-css .file-caption {
    padding: 0px 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
}

    .dashboard-css .file-caption.form-control.kv-fileinput-caption .btn.btn-primary.btn-file {
        padding: 2px 2px 0px;
        display: inline-block;
    }

.dashboard-css .file-preview button.close.fileinput-remove {
    display: none;
}

.dashboard-css input.is-disabled.datetime:before {
    right: -7px;
    font-size: 16px;
    top: -7px;
}

.dashboard-css .input-group .btn i.fas.fa-folder-plus {
    font-size: 20px;
    color: #545454;
    position: relative;
    margin-top: 8px;
}

.dashboard-css .modal-content .file-caption .file-caption-name {
    font-size: 14px;
    padding: 0.375rem;
    color: #495057;
}

.dashboard-css .modal-content .input-group .btn {
    position: relative;
    z-index: 2;
    bottom: -7px;
}

.dashboard-css .card {
    overflow: hidden;
    position: static;
}

.dashboard-css .close-timetable:hover {
    color: #d00404;
}

.Closelesson {
    position: absolute;
    right: -6px;
    top: -23px;
}

    .Closelesson img {
        width: 35px;
        transition: 0.9s;
    }

#lessonPlanDiv .close-timetable:hover {
    color: #000;
}

.imgthum {
    height: 200px;
}

#lessonPlanDiv .close-timetable i:hover {
    color: #d00404;
}

.mocktest1 {
    list-style: none;
    margin-left: -27px;
}

    .mocktest1 li {
        width: 19%;
        float: left;
        background: #fff;
        margin: .5%;
        padding: 10px;
        box-shadow: rgb(183 196 228) 1px 2px 20px 1px;
        position: relative;
    }

/*Mani 07.02.2022 Start*/
.maximizScreen {
    width: 100% !important;
    height: 100vh !important;
    left: 0% !important;
    top: 0% !important;
    border: none !important;
    padding: 0px !important;
}

    .maximizScreen .videoedit {
        margin-top: 0px !important;
    }

    .maximizScreen h2 {
        position: absolute;
        z-index: 9;
        color: #fff !important;
    }

    .maximizScreen .controllers {
        z-index: 99;
        background: #fff;
    }

.mymaximize {
    margin-right: 45px;
}

.maximizScreen .teavideo {
    width: 100%;
    height: 100vh;
}

.maximizScreen #videoSubTopic {
    display: none;
}
/*.maximizScreen .newcanvas canvas#canvas {
    width: 93%;
    height: 100vh;
}*/
/*Mani 07.02.2022 Start*/
.teavideo {
    width: 92%;
    height: 599px
}

.teavideass {
    width: 100%;
    height: 76%
}

.dashboard-css .close-timetable {
    top: 18px;
    position: absolute !important;
    z-index: 9999 !important;
    right: 21px;
    border-radius: 50%;
    line-height: 0;
    color: #d71224;
    font-size: 13px;
    transition: 0.6s;
    cursor: pointer;
    z-index: 99;
}

.dashboard-css .inner_pages .timetable-boxes .card:hover {
    box-shadow: 0px -1px 13px 0px #026ec557;
    border: 1px solid #d1e8f9;
}

.dashboard-css .timetable-boxes .card:hover i {
    color: #c71123;
}

.dashboard-css form.expand-block .btn-file {
    display: none;
}

.dashboard-css .close-side-details {
    top: 10px;
    float: right;
    font-weight: normal;
    right: 12px;
    font-size: 20px;
    color: #000000;
    margin-top: -7px;
    cursor: pointer;
}

    .dashboard-css .close-side-details:hover {
        color: #026ec5;
    }

.dashboard-css .assignments {
    transition: .8s;
    margin-bottom: 35px;
}

    .dashboard-css .assignments .card .assignment-date {
        align-items: center;
        justify-content: space-between;
        display: flex;
        margin-bottom: 1px;
        margin-top: 7px;
    }

    .dashboard-css .assignments .card {
        border: 1px solid #e4e4e4 !important;
        overflow: hidden;
        position: relative;
        z-index: 99;
        width: 300px;
        margin-left: 4px;
    }

.dashboard-css .assignment {
    margin-bottom: 20px;
}

.dashboard-css .assignment-details {
    overflow: visible;
    padding: 20px 14px !important;
}

    .dashboard-css .assignment-details h5 {
        color: #000;
    }

    .dashboard-css .assignment-details::-webkit-scrollbar {
        width: 0;
    }

.dashboard-css .assignment-comp {
    text-align: right;
}

.dashboard-css .assign-icons {
    display: flex;
    margin-bottom: 20px;
    padding: 18px 28px 3px;
    position: relative;
}

.dashboard-css .assignments .card img {
    margin: auto;
    display: block;
    float: left;
    margin-right: 7px;
    width: 80px;
    vertical-align: middle;
}

div#sort-item-assign > h3 {
    width: max-content;
    background: #65cfa4;
    margin-bottom: 0;
    padding: 4px 43px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

.dashboard-css .assignment-details h5 i {
    color: #63c784;
    margin-right: 5px;
}

.assign-sub-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .assign-sub-head p {
        width: -webkit-fill-available;
        text-align: right !important;
    }

.dashboard-css .form-group.user-details.active {
    border: none;
    background: transparent;
}

.dashboard-css .assignment-details p, .dashboard-css .assessment-details p {
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 0px;
}

.dashboard-css .show-assign-dtl textarea {
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: unset;
}

.dashboard-css .fileframe {
    display: inline-block;
    width: 75px;
    border: 1px solid #d4d4d4;
    height: 75px;
    overflow: hidden;
    margin: auto;
    object-fit: fill;
    min-block-size: fit-content;
    position: relative;
}

    .dashboard-css .fileframe .embed-responsive-item {
        width: 100% !important;
        object-fit: cover !important;
        overflow: hidden;
    }

        .dashboard-css .fileframe .embed-responsive-item::-webkit-scrollbar {
            width: 0px !important;
        }

.dashboard-css .fileframe-expand {
    position: fixed;
    width: 600px;
    height: 600px;
    z-index: 9999;
    display: block;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.dashboard-css .iframe-overlay {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 0;
}

    .dashboard-css .iframe-overlay .back-close {
        z-index: 9;
        display: none;
    }

.dashboard-css .over-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

    .dashboard-css .over-bg.fileframe-expand + .fileframe {
        width: 600px;
        height: 500px;
        position: fixed;
        background: #ffffff;
        z-index: 999;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        box-shadow: -1px 1px 20px #c3c3c3, -1px 1px 20px #e2e2e2;
    }

        .dashboard-css .over-bg.fileframe-expand + .fileframe iframe.embed-responsive-item {
            width: 100% !important;
            height: 100% !important;
        }

.dashboard-css .sort-item-assign {
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
/*Mani 04.02.2022 Repalce start */
.dashboard-css .assignment-details h4 {
    line-height: 33px;
    font-size: 19px;
    color: #0157b3;
    width: 100%;
}
/*Mani 04.02.2022 Repalce End*/
.dashboard-css .btn-delete:hover {
    color: #dc3545;
}

.dashboard-css .feeds-main {
    overflow: hidden;
    height: 100%;
    position: relative;
    transition: .8s;
    padding: 0;
    margin-top: 40px;
}

.dashboard-css .feeds {
    height: 100%;
    overflow-y: scroll;
    padding: 1px 15px;
}

    .dashboard-css .feeds::-webkit-scrollbar {
        width: 0px;
    }

    .dashboard-css .feeds .card:hover {
        box-shadow: 6px 7px 11px 0px rgb(197 197 197), 1px 0px 11px 0px rgb(231 231 231);
        transform: scale(1.02);
    }

.messageinr-icons ul li.active {
    color: #fff;
    background: #52c193;
}
/*Start 18-1-2022*/
.dashboard-css .feeds .card {
    border: none;
    padding: 11px 10px !important;
    cursor: pointer;
    padding-left: 16px !important;
    position: relative;
    overflow: visible;
    margin: 0px 0px 15px 0px !important;
    box-shadow: 1px 1px 5px 0px #b9b9b9;
}
/*End 18-1-2022*/
.dashboard-css .feeds-icons {
    overflow: hidden;
    position: relative;
    padding: 12px 18px 5px 24px;
    box-shadow: 1px 3px 12px 2px rgb(147 147 147);
    background: #026ec5;
    margin-bottom: 10px;
    display: none;
}

    .dashboard-css .feeds-icons i {
        margin: 3px 5px 9px 5px;
        color: #2ddb93;
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 11px;
    }

        .dashboard-css .feeds-icons i:hover {
            color: #fff;
        }

.dashboard-css .feeds button.kv-file-remove.btn.btn-sm.btn-kv.btn-default.btn-outline-secondary {
    display: none;
}

.dashboard-css span + .clearfix {
    display: none;
}

.dashboard-css .feeds span.file-drag-handle.drag-handle-init.text-info {
    display: none;
}

.dashboard-css .feeds .card.p-2.mb-2.sort-item.showform form {
    height: 230px;
    opacity: 1;
}

.dashboard-css .searchit {
    background: #ffffff;
    width: 88%;
    padding: 15px 5px;
    top: 10px;
    right: 20px;
    z-index: 9;
}

.dashboard-css .show_all {
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: -21px;
    font-weight: bold;
}

.dashboard-css .back-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    display: none;
    z-index: 9;
}

.dashboard-css .expandimg {
    width: auto !important;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 99;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 5px #969494;
    height: 600px !important;
}

.dashboard-css .assessment-details .card {
    box-shadow: 0px 0px 9px #dadada;
    border: 1px solid #ececec !important;
}

.dashboard-css .assess-left {
    width: 30%;
    display: inline-block;
    margin-left: 25px;
    position: relative;
    overflow: visible;
    vertical-align: top;
    float: right;
}

.dashboard-css .assess-right {
    width: 67%;
    display: inline-block;
    vertical-align: top;
}

.asses-complete {
    border: 1px solid #f5f5f5;
    margin: 5px 5px 20px 5px;
    padding: 10px;
    transition: 0.5s;
    box-shadow: 1px 1px 8px #80808054;
}

    .asses-complete:hover {
        box-shadow: 0px -1px 13px 0px #026ec557;
        border: 1px solid #d1e8f9;
    }

.dashboard-css .assessment {
    transition: .8s;
}
    /*Start 18-01-2022*/
    .dashboard-css .assessment .card {
        border: none;
        border: 1px solid #e4e4e4 !important;
        position: relative;
        overflow: visible;
        padding: 10px 13px !important;
        transition: .8s;
    }
        /*End 18-01-2022*/
        .dashboard-css .assessment .card:hover {
            box-shadow: 0px -1px 13px 0px #026ec557;
            border: 1px solid #d1e8f9;
        }

.asses-complete h6 {
    margin-bottom: 0;
}

.assess-left .close-timetable {
    top: unset;
    bottom: 0;
    right: 2px;
}

.card.p-2.mb-2.assessment-details {
    overflow: visible;
    width: 88%;
    float: right;
}

    .card.p-2.mb-2.assessment-details p {
        margin-bottom: 0px;
    }

    .card.p-2.mb-2.assessment-details .d-flex > div {
        padding: 0 0 0 12px;
        width: 100%;
    }

        .card.p-2.mb-2.assessment-details .d-flex > div img {
            width: 100%;
        }

        .card.p-2.mb-2.assessment-details .d-flex > div h2 {
            margin-bottom: 6px;
        }

.input-container {
    position: relative;
}

    .input-container input[type="checkbox"] {
        display: none;
    }

        .input-container input[type="checkbox"]:checked + label {
            background-color: #b6d3ff;
            color: black;
        }

    .input-container label {
        margin: 5px;
        color: #212121;
        text-align: center;
        line-height: 29px;
        background: #ececec;
        border-radius: 4px;
        border: 1px solid #dcdcdc;
        font-size: 14px;
        position: unset !important;
    }

        .input-container label:hover {
            cursor: pointer;
            -webkit-transition: background-color .3s ease;
            -moz-transition: background-color .3s ease;
            -ms-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
        }

        .input-container label:hover, input[type="checkbox"]:checked + label:hover {
            color: black;
        }

        .input-container label i {
            color: black;
            margin: auto;
            padding: 5px 15px;
        }

button.btn.btn-default.btn-edit.js-edit {
    right: 20px;
    position: absolute;
    padding: 0;
    color: #ffffff;
    margin: 0px;
    font-size: 19px !important;
    background: transparent;
    top: 8px;
}

.dashboard-css .assignment-details form::-webkit-scrollbar {
    width: 0px !important;
}

.dashboard-css .mail-sharing ul li.active {
    background: #026ec5;
    color: #fff;
}

ul.content-slider {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    height: max-content !important;
    overflow: hidden;
    padding-bottom: 40px;
}

.leftsection .banner {
    height: 280px;
    overflow: hidden;
}

.demo-slider {
    width: 100%;
    position: relative;
}

.lSSlideOuter .lSSlideOuter .lSPager.lSpg {
    display: none;
}

.demo-slider-chng ul {
    position: relative !important;
    transform: unset !important;
    width: 100% !important;
    height: max-content !important;
}

    .demo-slider-chng ul li {
        width: 99.5% !important;
    }

        .demo-slider-chng ul li.clone {
            display: none;
        }

.innerbutton button {
    background: #cccccc !important;
    color: inherit !important;
    border: unset !important;
    cursor: pointer;
    padding: 3px 9px !important;
    border-radius: 5px !important;
    margin-left: 7px;
}

    .innerbutton button.active {
        background: #52c193 !important;
        color: #fff !important;
    }

.innerbutton input {
    background: #cccccc !important;
    color: inherit !important;
    border: unset !important;
    cursor: pointer;
    padding: 3px 9px !important;
    border-radius: 5px !important;
    margin-left: 7px;
}

    .innerbutton input.active {
        background: #52c193 !important;
        color: #fff !important;
    }

.button-grid ul li button.active {
    background: #52c193;
    color: #fff;
}

.message_dd a.search-btn .search-btn {
    top: 10px !important;
}

.demo-slider-chng ul.lSPager.lSpg {
    display: none;
}

.dashboard-css form.expand-block {
    position: relative;
}

.rel-cl, .sch-title {
    position: relative;
    height: auto;
}

.online-reg {
    position: absolute;
    padding: 6px 12px;
    right: 9px;
    border-radius: 18px;
    margin-top: 9px;
    color: #147ff2;
    font-size: 16px;
    animation: 2s blinker infinite alternate;
    font-weight: bold;
    background: white;
    top: 0;
    cursor: pointer;
}

a {
    color: #171717;
}

.main-bg:after {
    content: "";
    transform: scale(1.5);
    border: 1px solid #3493e2;
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 50%;
    animation: 2s spread infinite alternate;
}

.modal-content-block {
    padding: 20px;
}

@keyframes spread {
    0% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1.7)
    }
}

.row.side {
    background: #ddd;
    padding: 22px;
}

.modal-content h5 {
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 30px;
    color: #0366b5;
    font-weight: bold;
}

h2 {
    font-size: 16px;
    margin-bottom: 0;
    color: #383838;
    margin-left: 8px;
}

::placeholder {
    color: #b9b9b9;
}

.parent-portal input:focus {
    outline: none;
    box-shadow: 0px 1px 15px #a8d3f7;
    border: 1px solid #c6e1f7;
}

.main-bg {
    position: relative;
    height: 100vh;
    overflow: hidden
}

    .main-bg:before {
        width: 42%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        border-radius: 50%;
        transform: scale(1.5);
        background: radial-gradient(#026ec5 22%, #FFFEFF);
        border: 1px solid #026ec5;
    }

footer {
    position: absolute;
    bottom: 13px;
    padding: 0 20px;
    width: 100%;
    z-index: 99;
}

    footer p {
        margin-bottom: 7px;
        color: black;
    }

.linktext {
    position: absolute;
    right: 40px;
    bottom: -19px;
    font-size: 14px;
}

.techsu {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.image-blk {
    width: 160px;
    height: 160px;
    border: 4px solid #87c6f1;
    border-radius: 50%;
    padding: 23px 15px;
    background: #fff;
    margin: auto
}

    .image-blk img {
        width: 87px;
        padding: 14px 0
    }

.login-pg {
    padding: 40px 50px 20px;
    width: 80%;
    box-shadow: 0px 2px 17px 3px #bee2ff;
    background: white;
    margin: auto;
}

.login-l {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 550px;
    background: url(../Images/cover.jpg) no-repeat;
    border: 11px solid #ffffff;
    background-size: cover;
    background-position: top;
    margin-left: -100px;
    border-radius: 50%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .login-l img {
        width: 55%;
        margin: auto;
        display: block;
    }

    .login-l h1 {
        font-size: 37px;
        padding-right: 0;
        float: unset;
        padding-left: 35px;
        margin-top: 20px
    }

.login-pg h1 span {
    color: black
}

.parent-portal .submit {
    text-transform: uppercase;
    padding: 14px 20px;
    min-width: 100px;
    display: block;
    text-align: center;
    border: 1px solid #88c5e8;
    margin-top: 12px;
    background: #057bda;
    transition: 0.5s;
    color: white;
    float: right;
    border-radius: 5px;
    letter-spacing: 1px;
    cursor: pointer;
}

    .parent-portal .submit:hover {
        background: #0766b3;
        color: #fff;
    }

.parent-portal input {
    width: 100%;
    margin: 10px 0px 19px 0px;
    border: 0;
    border: 1px solid #d0d0d0;
    margin-right: 0;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px 15px 14px 70px;
}

.parent-portal img {
    vertical-align: middle;
    position: absolute;
    background: #057bda;
    padding: 12px;
    height: 55px;
    width: 55px;
    margin-top: 10px;
    border-radius: 3px;
}

.login-pg h1 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #147ff2;
    margin-bottom: 20px;
    line-height: 54px;
    font-family: 'Open Sans', sans-serif;
}

.parent-portal.login-pg h5:hover {
    color: #106cb9;
}

.password-fld {
    text-align: right;
    color: #777777;
    font-style: italic;
    font-size: 14px;
}

.parent-portal.login-pg h5 {
    margin-top: 40px;
    padding: 2px 17px;
    font-size: 15px;
    transition: .5s;
    cursor: pointer;
    border-radius: 11px;
    text-align: center;
}

.sch-title h1 {
    font-size: 42px !important;
    position: relative;
    line-height: 57px !important;
    padding: 17px 50px;
    text-align: left;
    margin-left: -10px;
    width: 100%;
    left: 0;
    background: #feffff;
    z-index: 99;
    letter-spacing: 1px;
    color: black;
}

    .sch-title h1 span {
        color: #147ff2;
    }

.modal-header {
    background: #ffffff;
}

.modal-head {
    background: #137bce;
    color: #fff;
    padding: 5px 10px;
}

.myModal1-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 9;
}

.footer-img {
    margin-bottom: 11px;
    width: 200px;
}
/*Start 17-01-2022*/
.modal, .modal1 {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 50%;
    top: 50%;
    height: max-content;
    transform: translate(-50%, -50%);
    width: 60%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999;
    border-radius: 10px;
}


.changepopup {
    transform: translate(0%, 0%) !important;
    top: auto;
    left: auto
}

#Allquestion {
    background-color: #fff;
}

    #Allquestion .modal-dialog {
        margin: 0px;
    }

    #Allquestion .modal-lg {
        max-width: 100%;
    }

/*Mani 18.02.2022 Start*/


.commonpopupwidthlessonimage .modal-title {
    margin-bottom: 1px !important;
}

.commonpopupwidthlessonimage .close {
    right: -1px;
    top: 16px;
}

.commonpopupwidthlessonimage .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    max-width: none;
}

.commonpopupwidthlessonimage .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.commonpopupwidthlesson {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    background: #fff !important;
    height: max-content !important;
}

    .commonpopupwidthlesson .modal-header h3 {
        padding: 20px 0px 9px 20px;
        text-decoration: none;
        margin-bottom: 0px;
    }

    .commonpopupwidthlesson .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
        max-height: 500px;
    }

    .commonpopupwidthlesson .modal-content {
        padding: 1px 10px !important;
    }

    .commonpopupwidthlesson .modal-header {
        border-bottom: 1px solid #ccc;
    }

    .commonpopupwidthlesson .close {
        right: 0px;
        top: 12px;
        padding: 4px 10px !important;
        font-size: 33px;
        color: #fff;
    }

    .commonpopupwidthlesson .close_multi {
        background: #026ec5;
        right: 9px;
        top: 9px;
        font-size: 23px;
        padding: 0px !important;
    }

    .commonpopupwidthlesson .modal-body .textClass {
        border: none;
        resize: none;
    }



.commonpopupwidthstudentrole {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    background: #fff !important;
    height: max-content !important;
    padding-right: 0px !important;
}

    .commonpopupwidthstudentrole .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
        max-height: 500px;
    }

    .commonpopupwidthstudentrole .modal-content {
        padding: 1px 10px !important;
    }

    .commonpopupwidthstudentrole .modal-title {
        margin-bottom: 0px !important;
    }

    .commonpopupwidthstudentrole .close {
        right: 24px;
        top: 23px;
        padding: 10px !important;
        font-size: 15px;
    }

    .commonpopupwidthstudentrole .close_multi {
        background: #026ec5;
        right: 9px;
        top: 9px;
        font-size: 23px;
        padding: 0px !important;
    }



.commonpopupwidthstudent {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    background: #fff !important;
    height: max-content !important;
}

    .commonpopupwidthstudent .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
        max-height: 500px;
    }

    .commonpopupwidthstudent .modal-content {
        padding: 1px 10px !important;
    }

    .commonpopupwidthstudent .close {
        right: 24px;
        top: 23px;
        padding: 10px !important;
        font-size: 15px;
    }

    .commonpopupwidthstudent .close_multi {
        background: #026ec5;
        right: 9px;
        top: 9px;
        font-size: 23px;
        padding: 0px !important;
    }




.commonpopupwidthcrop {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    background: #fff !important;
    height: max-content !important;
    padding-right: 0px !important;
}

    .commonpopupwidthcrop .modal-dialog {
        max-width: 98% !important;
        overflow: hidden;
    }

    .commonpopupwidthcrop .modal-body {
        margin: 0px;
        max-height: 615px;
        overflow: auto;
    }

    .commonpopupwidthcrop .modal-content {
        padding: 1px 10px !important;
    }

    .commonpopupwidthcrop .closecrop {
        background: transparent;
        cursor: pointer;
        position: absolute;
        right: 6px;
        font-size: 21px;
        border: 2px solid #ccc;
        border-radius: 10px;
        font-weight: 600;
    }




.commonpopupwidthstudent1 {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    background: #fff !important;
    height: max-content !important;
}

    .commonpopupwidthstudent1 .modal-content h3 {
        margin-bottom: 1px;
        padding-top: 5px;
    }

    .commonpopupwidthstudent1 .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
        max-height: 500px;
    }

    .commonpopupwidthstudent1 .modal-content {
        padding: 1px 10px !important;
    }

    .commonpopupwidthstudent1 .close {
        right: 15px;
        top: 15px;
        padding: 10px !important;
        font-size: 23px;
        background-color: transparent;
    }

        .commonpopupwidthstudent1 .close:hover {
            background-color: transparent
        }

        .commonpopupwidthstudent1 .close:focus-visible {
            outline: none !important;
        }
/*Mani 18.02.2022 Start*/

.commonpopupwidthExam {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    height: 85.3vh !important;
    background: #fff !important;
    padding-right: 0px !important;
}

    .commonpopupwidthExam h5 {
        font-size: 18px;
    }

    .commonpopupwidthExam .modal-content {
        padding: 9px !important;
        background: transparent;
        width: 100%;
        overflow: unset;
        height: 825px;
    }

        .commonpopupwidthExam .modal-content:before {
            background: transparent !important;
            box-shadow: none !important;
        }

    .commonpopupwidthExam .modal-header {
        padding: 0rem 1rem !important;
        border-bottom: 0px solid #e9ecef !important;
    }

    .commonpopupwidthExam .close {
        right: 17px;
        top: 17px;
        padding: 5px 9px !important;
        font-size: 25px;
        z-index: 9;
    }

    .commonpopupwidthExam .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }

    .commonpopupwidthExam .modal-footer {
        padding: 0.5rem;
    }



/*fee*/
.commonpopupwidthfeepoupiss {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.commonpopupwidthfee {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    height: 72.3vh !important;
    background: #fff !important;
    padding-right: 0px !important;
    border-radius: 0px !important;
}
    .commonpopupwidthfee .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
        padding: 15px 40px;
        height: 100%;
    }

    .commonpopupwidthfee .modal-header {
        padding: 10px 36px !important;
        background: var(--colorlight);
        border-radius: 8px;
    }

    .commonpopupwidthfee h5 {
        font-size: 18px;
        margin: 0px;
        color: #444444;
        font-weight: 500;
    }

    .commonpopupwidthfee .modal-content {
        padding: 0px;
        border: none;
    }
        .commonpopupwidthfee .modal-content .close {
            background: #6C6B6B !important;
            border-radius: 50%;
            top: 9px;
            right: 24px;
            width: 30px;
            height: 30px;
        }
        .commonpopupwidthfee .modal-content .modal-body .rowfee {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
            .commonpopupwidthfee .modal-content .modal-body .rowfee .cold4 {
                flex: 1 1 calc(33.33% - 12px);
            }



    .commonpopupwidthfee .modal-footer {
        padding: 0.5rem;
        border: none;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .commonpopupwidthfee .modal-footer .btn{
        background: #1a8f3c;
        color: #fff;
        padding: 6px 22px;
        border: none;
        border-radius: 8px;
        letter-spacing: .51px;
    }
    .commonpopupwidthfee .e-grid .e-gridheader tr th, .commonpopupwidthfee table tr th {
        background: #EEF0FF !important;
        border: 2px solid #fff;
        padding: 0px 7px;
    }
        .commonpopupwidthfee .e-grid .e-gridheader tr th .e-headercelldiv {
            text-align: center;
            padding-top: 5px;
            font-weight: 500;
        }

.commonpopupwidthfeepop {
    left: 50% !important;
    top: 70% !important;
    transform: translate(-50%, -50%) !important;
    width: 60% !important;
    height: 55vh !important;
    background: #fff !important;
    padding-right: 0px !important;
    border-radius: 0px !important;
}

    .commonpopupwidthfeepop h5 {
        font-size: 18px;
    }

    .commonpopupwidthfeepop .modal-content {
        padding: 0px 20px !important;
        border: none;
        min-height: 400px !important;
        height: auto !important;
    }

    .commonpopupwidthfeepop .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }

    .commonpopupwidthfeepop .modal-footer {
        padding: 0.5rem;
    }





.commonpopupwidthfeesib {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 75% !important;
    height: 72.3vh !important;
    background: #f0f2f5 !important;
    padding-right: 0px !important;
}

    .commonpopupwidthfeesib h5 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .commonpopupwidthfeesib .close {
        right: 2px;
        top: 4px;
        line-height: 26px;
        padding: 3px 5px 9px 5px;
    }

    .commonpopupwidthfeesib .modal-content {
        padding: 0px 0px;
        border: none;
        background-color: #f0f2f5;
    }

        .commonpopupwidthfeesib .modal-content .collapse {
            padding: 12px 35px;
        }

/*.Siblingbody {
    margin: 20px 2%;
    padding: 0;
    width: 46%;
    float: left;
    background: #F5F5F5;
    border-radius: 8px;
}

    .Siblingbody h2 {
        color: #525252;
        font-size: 17px;
        padding: 15px 0 15px 10px;
        text-transform: uppercase;
        font-weight: bold;
        -webkit-box-shadow: inset 0 -1px 0 0 #cccccc;
        -moz-box-shadow: inset 0 -1px 0 0 #cccccc;
        box-shadow: inset 0 -1px 0 0 #cccccc;
        text-align: left;
        margin: 0px 2%;
        width: 96%;
    }

ul.Siblinglist {
    margin: 10px 15px;
    padding: 0;
    border: 0;
    list-style: none;
}

    ul.Siblinglist li {
        margin: 0;
        padding: 0;
        background: none;
        position: relative;
        border-bottom: 0;
        margin-bottom: 15px;
    }

    ul.Siblinglist p {
        margin: 0;
        padding: 0 10px;
        letter-spacing: 0.02em;
        display: table;
        min-height: 38px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #f0f2f5;
    }

        ul.Siblinglist p .Siblintitle {
            font-size: 14px;
            width: 100%;
            margin-bottom: 0px;
            padding-top: 0px;
            line-height: 20px;
        }

        ul.Siblinglist p .Siblintitlel {
            font-size: 14px;
            width: 35%;
            margin-bottom: 0px;
            padding-top: 7px;
        }

        ul.Siblinglist p .SiblintitleR {
            text-align: right;
            font-size: 16px;
            font-weight: 600;
            width: 65%;
            margin-bottom: 0px;
            padding-top: 7px;
        }

        ul.Siblinglist p:before {
            content: "";
            width: 2.5px;
            height: 40px;
            background: var(--colrBack);
            position: absolute;
            left: -5px;
            top: 0;
        }*/

.commonpopupwidthfeesib .modal-dialog {
    max-width: 100% !important;
    margin: 0px;
}

.commonpopupwidthfeesib .modal-footer {
    padding: 0.5rem;
}

.commonpopupwidthfeesib .card-header {
    padding: 0 0;
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 2%;
}

    .commonpopupwidthfeesib .card-header .arrownewfee {
        padding-left: 12px;
        font-size: 18px;
        color: #2065d1;
        font-weight: 600;
    }

        .commonpopupwidthfeesib .card-header .arrownewfee:hover {
            text-decoration: none !important;
        }

.commonpopupwidthfeesib .monthly .form-row {
    padding: 0px;
}

    .commonpopupwidthfeesib .monthly .form-row .monthcolom {
        width: 95%;
    }

.feetable tr td {
    text-align: left !important;
}

.previemani #btnPreview {
    background: #026ec5;
    border: 1px solid #026ec5;
}

.commonpopupwidthfeeyear {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50% !important;
    height: 700px !important;
    background: #fff !important;
    padding-right: 0px !important;
    text-align: center;
}

    .commonpopupwidthfeeyear h5 {
        font-size: 18px;
    }

    .commonpopupwidthfeeyear .modal-content {
        border: none !important;
    }

    .commonpopupwidthfeeyear .close {
        color: #026ec5 !important;
        right: 0px;
        font-size: 32px;
        font-weight: bold;
        position: absolute;
        top: -6px;
        opacity: 1 !important;
        background: #fff;
    }

    .commonpopupwidthfeeyear .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }



.commonpopupwidthfeeyear1 {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50% !important;
    height: 90vh !important;
    background: #fff !important;
    padding-right: 0px !important;
    text-align: center;
}

    .commonpopupwidthfeeyear1 h5 {
        font-size: 18px;
    }

    .commonpopupwidthfeeyear1 .modal-content {
        border: none !important;
    }

    .commonpopupwidthfeeyear1 .close {
        color: #026ec5 !important;
        right: 0px;
        font-size: 32px;
        font-weight: bold;
        position: absolute;
        top: -6px;
        opacity: 1 !important;
        background: #fff;
    }

    .commonpopupwidthfeeyear1 .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }


/*fee*/

.commonpopupwidthschoolonline {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50% !important;
    height: auto !important;
    background: #fff !important;
    padding-right: 0px !important;
    text-align: center;
}

    .commonpopupwidthschoolonline h5 {
        font-size: 18px;
    }

    .commonpopupwidthschoolonline .modal-content {
        border: none !important;
    }

    .commonpopupwidthschoolonline .close {
        color: #026ec5 !important;
        right: 0px;
        font-size: 32px;
        font-weight: bold;
        position: absolute;
        top: -6px;
        opacity: 1 !important;
        background: #fff;
    }

    .commonpopupwidthschoolonline .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }

.btnshw {
    display: inline-grid;
    padding-top: 87px;
}

    .btnshw button {
        width: 300px;
        margin-bottom: 13px;
    }

.rwrte.active, .crctn.active, .lang.active {
    display: block !important;
}

.rwrte, .crctn, .lang {
    display: none;
}




.commonpopupwidth {
    width: 80% !important
}

    .commonpopupwidth .modal-dialog {
        max-width: 100% !important;
        width: 100%;
        margin: 0px;
    }

    .commonpopupwidth .modal-content {
        box-shadow: 0px 0px 20px #34343499;
        padding: 0px 20px;
    }

.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: none;
    margin-top: 0px;
    z-index: 99;
    padding: 30px 20px;
    /*box-shadow: 0px 0px 20px #34343499;*/
}
/*end 17-01-2022*/
.close, .close1 {
    position: absolute;
    float: right;
    font-size: 28px;
    font-weight: bold;
    right: 0;
    top: 0;
    padding: 4px 10px;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.row.side img {
    width: 230px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.errortext {
    font-size: 15px;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.2px;
    color: #ea0202;
    font-weight: 600;
    text-align: center;
    background: #f9cbcb;
    margin: auto;
    display: table;
    width: 230px;
    line-height: 24px;
}

.pop_textbox {
    min-height: 30px;
}

span#btnTogglebtn {
    position: absolute;
    right: 16px;
    top: -6px;
    height: 100%;
    display: flex;
    align-items: center;
}

div#enterpassword {
    position: relative;
}

.web {
    position: absolute;
    bottom: -26px;
    background: #fff;
    padding: 5px 14px;
    color: #000;
    font-size: 13px;
    cursor: pointer;
}

.rel-cl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
}

.search_icon_msgBox {
    position: absolute;
    width: 96%;
    top: 0;
}

input.search_icon_input.active, input.search_icon_input_mesagebox.active, input.search_icon_input_msgBox.active {
    opacity: 1;
    right: 10px;
    border-bottom: 2px solid #fff;
    transition: 0.8s;
}

input.search_icon_input_mesagebox.active, input.search_icon_input_msgBox.active {
    width: 88%;
    background: #fff;
    z-index: 999;
    padding: 1px 12px;
    padding-top: 0;
    border-radius: 19px 0px 0px 0px;
    right: 90px;
}

.class-wise-selection .main-drop label + p, .main-drop label + p {
    font-weight: 600;
}

.close-search {
    left: -35px;
    width: max-content;
    margin-right: 4px !important;
}

.class-wise-selection .mutliSelect, .group-wise-selection .mutliSelect {
    display: block !important;
}

.group-wise-selection, .class-wise-selection {
    display: none;
}

.search_icon_mesagebox, .search_icon__msgBox {
    padding: 0 !important;
}

    .search_icon_mesagebox i, .search_icon_msgBox i {
        position: absolute;
        right: 7px;
        color: #026ec5;
        top: 8px;
        cursor: pointer;
        z-index: 999;
        background: white;
        width: 20px;
        text-align: center;
        font-size: 16px;
    }

.close-search, .close-search_mesagebox, .close-search_msgBox {
    position: absolute;
    top: 15px;
    background: #026ec5;
    padding: 0px 10px;
    right: 85px;
    display: none;
    z-index: 9999;
    cursor: pointer;
    transition: 0.5s;
    font-size: 17px;
}

.active + .close-search, .active + .close-search_mesagebox, .active + .close-search_msgBox {
    display: block;
}

.detailed-block_message .file-input.theme-fas, .discription-message .file-thumbnail-footer button.kv-file-remove, .discription button.kv-file-remove.btn.btn-sm.btn-kv.btn-default.btn-outline-secondary {
    display: none;
}

.ShowHeigth {
    height: max-content !important;
}

.sent-received-icon {
    display: none;
}

.message_page {
    padding: 0px 220px;
}

.crosser {
    float: right;
    position: absolute;
    top: 0;
    right: 6px;
    cursor: pointer;
}

.compose_message .multiselect__tags {
    min-height: auto;
    display: block;
    padding: 0 !important;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
}

.filter-start h3 i {
    margin-left: 10px;
    margin-top: 5px;
}

.multiselect__content {
    display: none;
}

li.creatOver {
    position: relative;
}

.clickOther:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.multiselect__tag:first-child {
    margin-left: 28px;
}

.multiselect__select {
    display: none !important
}

.discription-message p {
    color: #464646;
    padding: 0 10px 0px;
}

.modal.modal_multi.compose_message input#emailSubject {
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    font-size: 13px;
    line-height: 29px;
}

input#emailSubject:focus {
    border-bottom: 1px solid #026ec5 !important;
}

.modal.modal_multi.compose_message input#emailSubject::placeholder {
    color: #bebebe;
}

.messageinr .notify_icon {
    padding: 0px;
    background: #81d6de;
    float: left;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 6px;
    margin-top: 1px;
}

.detailed-block_message.active .notify_icon p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
}

.detaild-name h3 {
    font-size: 16px;
    margin-bottom: 10px !important;
}

.messageinr .notify_icon p {
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: center;
}

.messageinr h4 span {
    font-size: 11px;
    color: #777777;
}

.messageinr .badge {
    position: absolute;
    z-index: 8;
    right: 15px;
    padding: 5px 5px;
    background: #bdbdbd;
    transition: 0.6s;
    cursor: pointer;
    color: #464646;
}

.messageinr-icons {
    overflow: hidden;
    position: relative;
    padding: 0px 0px;
}

    .messageinr-icons h3.headings {
        width: max-content;
        float: left;
    }

.messageinr-boxes .card:hover {
    border-bottom: 1px solid #878787;
    background: #f1f1f1;
}

.messageinr-boxes .card {
    border-bottom: 1px solid rgb(0 0 0 / 6%);
    cursor: pointer;
    position: relative;
    transition: 0.5s;
    width: 100%;
    max-height: 70px;
    margin-bottom: 0;
}

.messageinr .book-icon {
    z-index: 99;
    float: right;
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 18px;
    transform: rotate(3deg);
    transition: 0.5s;
}

.messageinr .attachment {
    position: relative;
}
/*Start 18-01-2022*/
.messageinr-boxes {
    display: flex;
    /*    overflow: hidden;
*/ width: 100%;
    padding: 2px 0px 15px 0px;
}
/*End 18-01-2022*/
.messageinr button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button, .btn.btn-primary.btn-lg.btn-file {
    display: none;
}

ul.message-inner-share li.delete {
    display: none;
}
/*Mani Start 24.02.2022*/

ul.message-inner-share li {
    cursor: pointer;
    background: #fff;
    display: inline-block;
    padding: 0px 6px;
    float: unset;
    margin-bottom: -3px;
}
/*Mani Start 24.02.2022*/
.message-inner-share li {
    color: #1b1b1b;
}

    .message-inner-share li:hover {
        color: #026ec5;
    }

ul.message-inner-share {
    padding: 5px 20px;
    background: #fff;
    position: sticky;
    bottom: -10px;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    border-radius: 25px;
    border: 1px solid #d4d4d4;
    align-content: space-between;
    justify-items: center;
    width: max-content;
    display: none;
}

.active .discription-message {
    height: 100%;
    border-bottom: 1px solid #9c9c9c;
    margin-bottom: 20px;
}

.discription-message {
    height: 0;
    overflow: hidden;
    transition: 0.5s;
}

.pos-sticky {
    position: sticky;
    top: -9px;
}

.student-teacher {
    position: absolute;
    right: -11px;
    width: 37px;
    height: 37px;
    z-index: 9;
    bottom: -12px;
    padding: 6px 7px;
    box-shadow: 0px 0px 2px 0px #a9a9a9;
    border-radius: 100%;
    overflow: hidden;
    background: #ececec;
}

.sent:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transform: rotate(41deg) scale(1.5);
    left: 0;
}

.old-message:before {
    position: absolute;
    content: "";
    width: 100%;
    top: -65px;
    height: 100%;
    transform: rotate(41deg) scale(1.5);
    right: 52px;
}

.recived:before {
    position: absolute;
    content: "";
    width: 100%;
    top: -65px;
    height: 100%;
    transform: rotate(41deg) scale(1.5);
    right: 52px;
}

.student-teacher img {
    width: 13px;
    margin-top: -12px;
}

.sent-received {
    width: 67px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rel-main-block {
    position: relative;
    float: left;
    display: flex;
}

.messageinr-boxes .card.active {
    z-index: 999;
    box-shadow: 0px 0px 5px #9e9c9c;
    max-height: 441px;
    overflow-y: scroll;
}

.messageinr-boxes .card .krajee-default.file-preview-frame {
    width: 89px;
    border: 1px solid rgb(0 0 0 / 3%);
    box-shadow: 1px 3px 10px 0 rgb(0 0 0 / 20%);
    padding: 2px 0 20px 0;
    float: left;
    text-align: center;
    height: 75px;
    margin: 0;
}

    .messageinr-boxes .card .krajee-default.file-preview-frame .file-thumbnail-footer {
        position: absolute;
        top: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        transition: 0.5s;
        opacity: 0;
    }

.messageinr-boxes .card .arrow {
    top: 42%;
}

.messageinr-boxes .card .krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
}

.messageinr-boxes .card .krajee-default.file-preview-frame .file-thumbnail-footer:hover {
    opacity: 1;
}

.rel-main-block:nth-child(2n) .notify_icon {
    background: #f7a9a9;
}

.rel-main-block:nth-child(3n) .notify_icon {
    background: #8ede89;
}

.rel-main-block:nth-child(4n) .notify_icon {
    background: #fdc649;
}

.rel-main-block:nth-child(5n) .notify_icon {
    background: #fdaeae;
}

.messageinr .sorticon {
    text-align: right;
    position: relative;
    right: 53px;
    cursor: pointer;
    z-index: 9;
    float: right;
    top: 14px;
    color: #026ec5;
}

.messageinr-icons ul li img {
    width: 23px;
    margin-right: 9px;
}

.messageinr-icons input.form-control.caldate {
    width: 122px;
    margin-left: 21px !important;
    right: -20px;
    top: 11px;
}

.today-date-blk {
    width: 100%;
}

select.js-my-select {
    width: 95%;
    padding: 10px 0px;
    border: 0;
    border-bottom: 1px solid #026ec5;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

label.control-label {
    float: left;
    margin-right: 14px;
}

    label.control-label + input {
        float: left;
        border-bottom: 1px solid #ced4da !important;
        border-radius: 0 !important;
        line-height: 25px !important;
    }

input#recipient_email {
    line-height: 25px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

form.form-horizontal .form-group {
    position: relative;
}

.messageinr .krajee-default.file-preview-frame .kv-file-content {
    height: 90px;
}

.message-filter-wrapper .mutliSelect {
    height: 0;
    top: -23px;
}

.message-filter-wrapper, .message-filter-wrapper input {
    width: 100%;
}

ul#message-filter-list {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    display: none;
    margin-left: 0;
    padding-left: 5px;
}

    ul#message-filter-list li {
        list-style: none;
        padding: 10px;
    }

input.filterinput:focus {
    outline: 0;
}

.messageinr-boxes .card.active::-webkit-scrollbar {
    width: 0px;
}

.messageinr-boxes .card.active .book-icon {
    transform: rotate(-91deg);
}

.show-more, .hide-more {
    font-size: 11px;
    color: grey;
}

.message-filter-wrapper input#recipient_email {
    width: initial;
    border-bottom: 0;
}

div#filter-header {
    border-bottom: 1px solid #ddd;
}

.messagedmode label.control-label {
    margin-bottom: 0px;
    line-height: 32px;
}

.messageinr-boxes .card h5 {
    font-size: 12px;
    padding: 0 10px 5px;
    color: #8a8a8a;
}

.detailed-block_message {
    width: 0%;
    position: relative;
    min-width: 0px;
    padding: 0px;
    background: #eeeeee00;
    overflow-y: scroll;
    margin: 0;
    margin-left: 21px;
    height: auto;
    overflow-x: hidden;
    transition: 0.5s;
}

.message-dtl {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
}

    .message-dtl .date {
        float: right;
        background: transparent;
        width: unset;
        border: 0px;
    }


.detailed-block_message.active {
    min-width: 50%;
    padding: 20px 0px 0px 0px;
    box-shadow: 0px 0px 5px #bfbfbf;
    margin-left: 20px;
    position: relative;
    transition: 0.5s;
}

.search_icon {
    color: #fff;
    font-size: 21px;
    margin-right: 7px;
    position: relative;
}

input.search_icon_input, input.search_icon_input_mesagebox, input.search_icon_input_msgBox {
    position: absolute;
    right: 0;
    background: transparent;
    width: 0;
    padding: 0;
    opacity: 0;
    border: 0px;
    transition: 0.5s;
}

.message-dtl .date span {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 18px;
}

.inrtbs-bdy .nav-prev-head {
    display: none
}

.detailed-block_message .notify_icon {
    display: none;
}

.detailed-block_message.active .notify_icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-left: 5px;
}

.sent-received-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    background: gray;
    top: -14px;
    left: -19px;
    transform: rotate(45deg) scale(1.5);
}

ul#pills-tab {
    width: max-content;
    overflow: scroll;
    overflow-x: scroll;
    display: inline-table;
}

.defautmenu a {
    background: var(--colrBack) !important;
    color: #fff !important;
}

.arrowbg {
    background: var(--colrBack) !important;
    padding: 3px 4px;
    border-radius: 50%;
}

    .arrowbg i {
        color: #fff;
    }

.defautmenu1 a {
    background: #e5e6e7 !important;
    box-shadow: 0 1px 6px 0 #b8b6b6 !important;
}

.defautmenu2 a {
    background: #fff;
}

.inrtbs-bdy .arrow {
    top: 0;
    cursor: pointer;
}

.inrtbs-bdy .nav-prev-head {
    left: 15px;
}

.sent-received-icon.sent {
    background: #f7a88a;
}

.sent-received-icon.received {
    background: #54af63;
}

.pull-left {
    float: left;
}

.sort-list-message {
    width: 50%;
    position: relative;
    height: 673px;
    padding-top: 33px;
}

    .sort-list-message::-webkit-scrollbar {
        width: 0;
        height: 0
    }

.messageinr-boxes .card .krajee-default.file-preview-frame {
    width: 89px;
    margin: 5px;
    border: 1px solid rgb(0 0 0 / 3%);
    box-shadow: 1px 3px 10px 0 rgb(0 0 0 / 20%);
    padding: 5px;
    float: left;
    text-align: center;
    height: 100%;
}

.mt-2.nameclass h4 {
    margin-left: 7px;
}

.search_icon_mesagebox {
    position: static;
    color: #fff;
    padding: 6px 14px;
    font-size: 15px;
    width: 100%;
    height: 20px;
    margin-top: 0 !important;
}

.searchfilter {
    display: flex;
}

i.fas.fa-search.serachPage_mesagebox {
    position: static;
    color: #000;
    float: right;
    margin-right: 7px;
    margin-top: 5px;
    transition: 0.2s;
}

.messageinr-icons ul li i {
    margin-right: 3px;
    font-size: 15px;
}

.close-search_mesagebox {
    top: -3px !important;
}

.messageinr-boxes .card .krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 62px;
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    transition: 0.5s;
    opacity: 0;
}

.messageinr-boxes .card .arrow {
    top: 30%;
    z-index: 0;
}

.messageinr-boxes .card .krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
}

.messageinr-boxes .card .krajee-default.file-preview-frame .file-thumbnail-footer:hover {
    opacity: 1;
}

.rel-main-block:nth-child(2n) .notify_icon {
    background: #f7a9a9;
}

.rel-main-block:nth-child(3n) .notify_icon {
    background: #8ede89;
}

.rel-main-block:nth-child(4n) .notify_icon {
    background: #fdc649;
}

.rel-main-block:nth-child(5n) .notify_icon {
    background: #fdaeae;
}

.messageinr .sorticon {
    text-align: right;
    position: relative;
    right: 53px;
    cursor: pointer;
    z-index: 9;
    float: right;
    top: 14px;
    color: #026ec5;
}

.messageinr-icons ul li {
    display: inline-block;
    margin: 0 5px;
    min-width: 78px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    transition: 0.5s;
    border-bottom: 1px solid #52c193;
    padding: 2px 10px;
    box-shadow: 2px 1px 4px #bdbcbc;
    background: #026ec5;
    color: white;
}

    .messageinr-icons ul li img {
        width: 20px;
        margin-right: 9px;
        vertical-align: middle;
    }

.messageinr-icons ul {
    float: left;
    display: table;
    padding-left: 0;
    margin-bottom: 0;
}

.addicon + .messageinr-icons ul li.active {
    color: #52c193;
}

.messageinr-icons input.form-control.caldate {
    width: 122px;
    margin-left: 21px !important;
    right: -20px;
    top: 7px;
}

.today-date-blk {
    width: 100%;
}

select.js-my-select {
    width: 95%;
    padding: 10px 0px;
    border: 0;
    border-bottom: 1px solid #026ec5;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

label.control-label {
    float: left;
    margin-right: 14px;
}

    label.control-label + input {
        float: left;
        border-bottom: 1px solid #ced4da !important;
        border-radius: 0 !important;
        line-height: 25px !important;
    }

input#recipient_email {
    line-height: 25px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

form.form-horizontal .form-group {
    position: relative;
}

ul#message-filter-list {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    display: none;
    margin-left: 0;
    padding-left: 5px;
}

    ul#message-filter-list li {
        list-style: none;
        padding: 10px;
    }

/*01.03.2022*/

.inrtbs {
    width: 96.8%;
    overflow: scroll;
    position: relative;
    padding-right: 21px;
    margin: auto;
    margin-bottom: 15px;
    text-align: center;
}
    /*01.03.2022*/
    .inrtbs::-webkit-scrollbar, .detailed-block_message::-webkit-scrollbar {
        width: 0px;
    }

input.filterinput:focus {
    outline: 0;
}

.messageinr-boxes .card.active::-webkit-scrollbar {
    width: 0px;
}

.messageinr-boxes .card.active .book-icon {
    transform: rotate(-91deg);
}

.show-more, .hide-more {
    font-size: 11px;
    color: #026ec5;
    cursor: pointer;
    font-weight: bold;
}

.message-filter-wrapper input#recipient_email {
    width: initial;
    border-bottom: 0;
}

div#filter-header {
    border-bottom: 1px solid #ddd;
}

.messagedmode label.control-label {
    margin-bottom: 0px;
    line-height: 32px;
}

.messageinr-boxes .card h5 {
    font-size: 12px;
    padding: 0 5px 0px;
    color: #8a8a8a;
    line-height: 20px;
    margin-top: 0px;
}

.discription-message p {
    color: #464646;
    padding: 0;
}

.messageinr-icons ul li:hover, .messageinr-icons ul li:focus, .messageinr-icons ul li:active {
    background: #52c193;
}

.messageinr-icons h3 span {
    font-size: 13px;
    margin-left: 12px;
    float: right;
}

.pos-sticky .nameclass {
    float: left;
    margin-right: 15px;
    width: max-content;
    vertical-align: middle;
    display: flex;
    align-content: flex-start;
    justify-content: left;
}

.pos-sticky .para {
    float: left;
    margin-right: 16px;
    width: 40%;
}

.pos-sticky .datedetails {
    float: left;
    margin-right: 10px;
    width: 12%;
}

.pos-sticky h5 i {
    font-size: 14px;
    margin-right: 8px;
    float: left;
    margin-bottom: 8px;
    margin-top: 3px;
}

.sent .button {
    text-align: center;
    background: #f7a88a;
    color: white;
    border-radius: 15px;
    font-size: 12px;
    align-content: unset;
    display: flex;
    justify-content: space-evenly;
    width: 67px;
}

.recived .button {
    text-align: center;
    background: #54af63;
    color: white;
    border-radius: 15px;
    font-size: 12px;
    align-content: unset;
    display: flex;
    justify-content: space-evenly;
    width: 70px;
}

.old-message .button {
    text-align: center;
    background: #808080;
    color: white;
    border-radius: 15px;
    font-size: 12px;
    align-content: unset;
    display: flex;
    justify-content: space-evenly;
    width: 70px;
}

.pos-sticky .button p {
    color: White;
    vertical-align: middle;
    margin-bottom: 0;
}

.para p {
    color: #565656;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.5em;
    text-overflow: ellipsis;
}

.nameclass h3 {
    width: max-content;
    color: #000000 !important;
    margin-bottom: 5px;
}

.inrtbs .nav-tabs {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border: none;
}

    .inrtbs .nav-tabs .nav-link {
        border: none;
        border-radius: 0;
        transition: color .2s ease-out;
    }

.inrtbs .tabs-dark .nav-link {
    color: #fff;
}

.starterd, .readMessage {
    width: 7px;
    border-radius: 50%;
    height: 7px;
    display: inline-block;
    margin: 0px 2px;
}

    .starterd i {
        position: absolute;
        float: right;
        color: #b3b3b3;
        margin-top: 0;
        margin-left: 0;
        left: 14px;
        top: 13px;
        font-size: 10px;
    }

.readMessage {
    background: #b3b3b3;
}

    .readMessage.active {
        background: #026ec5;
    }

.detailed-block_message .attach_dlt_icon button.kv-file-remove.btn.btn-sm.btn-kv.btn-default.btn-outline-secondary {
    display: none;
}

.readMessage {
    margin-top: 30px;
}

.starterd.active i {
    color: #ffc107;
}

.inrtbs .tabs-light .nav-link {
    color: rgba(0, 0, 0, .5);
}

.inrtbs .tabs-dark .nav-link:not(.active):hover {
    color: #aeb0b3;
}

.inrtbs .tabs-light .nav-link:not(.active):hover {
    color: #495057;
}

.inrtbs .nav-pills .nav-link {
    border-radius: 2px;
    color: #1e1e1e;
    transition: color .2s ease-out, box-shadow .2s;
    background: #fff;
    padding: 4px 1rem;
    font-size: 14px;
    box-shadow: 0px 1px 6px 0px #dadada;
    min-width: 185px;
    text-align: center;
    border: none;
}

    .inrtbs .nav-pills .nav-link .arrowhovew {
        display: none;
    }

    .inrtbs .nav-pills .nav-link:hover .arrowhovew {
        color: var(--colrBack);
        display: inline-block;
        font-size: 16px;
    }

.inrtbs .nav-pills.pills-dark .nav-link.activemenu .arrowhovew {
    color: #fff;
    display: inline-block;
    font-size: 16px;
}

.inrtbs .nav-pills .nav-link:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background: white;
}


.inrtbs .nav-pills .nav-item {
    float: left;
    margin: 0 7px;
}

.inrtbs .nav-pills.pills-dark .nav-link.active {
    background-color: #21cd86 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    color: White;
}

.inrtbs .tabs-marker .nav-link {
    position: relative;
}

    .inrtbs .tabs-marker .nav-link.active .marker {
        height: 30px;
        width: 30px;
        left: 50%;
        bottom: -30px;
        transform: translatex(-50%);
        position: absolute;
        overflow: hidden;
    }

        .inrtbs .tabs-marker .nav-link.active .marker:after {
            content: "";
            height: 15px;
            width: 15px;
            top: -8px;
            left: 50%;
            transform: rotate(45deg) translatex(-50%);
            transform-origin: left;
            background-color: #fff;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            position: absolute;
        }

.rel-main-block .mt-1.para, .rel-main-block .mt-1.datedetails, .rel-main-block .mt-1.button, .rel-main-block .book-icon {
    display: none;
}

.multiselect__option--highlight, .multiselect__option--highlight:after {
    background: #a4d6ff !important;
    color: black !important;
}

.multiselect__tag {
    background: #f5f5f5 !important;
    color: #000 !important;
}

.dashboard-css .message_form .editor-block {
    width: 100%;
}

.inrtbs-bdy .nav-next-head.arrow {
    right: 15px;
}

.msg-icons {
    text-align: center;
    height: 516px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-items: center;
}

.popup-fliter.active {
    display: block;
}

.display-filter {
    width: 100%;
}
/*.messagedmode.reply-msg .discard {
  display: block !important;
}*/
.messagedmode.reply-msg .discard {
    display: block;
}
/*24.02.2022*/

.detailed-block_message .messagedmode span {
    color: #000;
}

.detailed-block_message .messagedmode .close {
    color: #fff;
    top: 0px;
    background: #026ec5;
    border-radius: 0%;
}

.detailed-block_message .reply-msg .close {
    top: 21px !important;
}
/*24.02.2022*/
.filter-start.d-flex {
    justify-content: space-between;
}

.filter-start p {
    color: dimgrey;
    font-size: 13px;
}

.filter-start {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    right: 0;
}

    .filter-start h3 {
        display: flex;
        min-width: max-content;
        font-weight: normal;
        padding: 2px 10px;
        box-shadow: 2px 1px 4px #bdbcbc;
        background: #f1f1f1;
    }

.msg-icons i {
    font-size: 7rem;
    color: grey !important;
    opacity: 0.1;
}

.message-dtl, .show-more, .hide-more {
    display: none;
}

.search_icon_input_mesagebox {
    border-bottom: 1px solid #026ec5 !important;
    font-size: 16px;
}

input.search_icon_input.active {
    color: #fff;
    font-size: 16px;
    width: 100%;
    right: 100%;
}

.regards {
    display: none;
}

    .regards span h3 {
        font-weight: normal;
        text-transform: capitalize;
        font-size: 14px;
        color: #4a4a4a;
    }

    .regards span h4 {
        display: none;
    }

input.search_icon_input_msgBox.active:focus {
    border-bottom: 1px solid #026ec5
}

input.search_icon_input.active:focus, .search_icon_input_mesagebox.active:focus {
    outline: none;
}

.popup-fliter {
    position: absolute;
    z-index: 99;
    background: #fff;
    right: 1px;
    top: 100%;
    display: none;
    box-shadow: 1px 0px 9px 0px #d8d8d8;
}

    .popup-fliter ul {
        list-style: none;
        padding: 14px 10px;
        margin-bottom: 0;
    }

        .popup-fliter ul li {
            padding: 4px 7px;
            font-size: 14px;
        }

            .popup-fliter ul li input {
                margin-right: 5px;
            }



.inrtbs .nav-item:before {
    content: "";
    width: 0%;
    height: 2px;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    background: #0973ca;
    top: 100%;
    transition: 0.5s;
}

.inrtbs .defautmenu2:before {
    background: #07baaf !important;
}

.subject_line {
    display: none;
}

.message-dtl .d-flex {
    justify-content: space-between;
}

.inrtbs .nav-item {
    position: relative;
}

    .inrtbs .nav-item:before {
        width: 60%;
    }

    .inrtbs .nav-item:hover:before {
        width: 0%;
    }

.readMessage.active + .starterd + .card .nameclass h3, .readMessage.active + .starterd + .card .nameclass h4 {
    font-weight: bold;
    line-height: 1;
}

.readMessage + .starterd + .card .nameclass h3, .readMessage + .starterd + .card .nameclass h4 {
    font-weight: normal;
    margin-bottom: 0px !important;
    line-height: 1;
}

.simple-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

    .simple-pagination li a, .simple-pagination li span {
        color: #666;
        padding: 2px 9px;
        text-decoration: none;
        border: 1px solid #ccc;
        background-color: #FFF;
        box-shadow: 0px 0px 10px 0px #dad6d6d9;
        font-size: 13px;
    }

.simple-pagination .current {
    color: #000;
    background-color: #d2d2d2;
    border-color: #bfbfbf;
}

.detailed-block_message form.form-horizontal {
    height: 100%;
}

.detailed-block_message .messagedmode .form-group.my-3:last-child {
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: 0 !important;
    position: relative;
}

.detailed-block_message .messagedmode .submit {
    float: right;
    right: 0;
    line-height: 22px;
    margin: 0 !important;
    padding: 3px 16px !important;
    position: absolute;
    top: 0;
}

.detailed-block_message .messagedmode {
    display: none;
    background-color: #ffffff;
    padding: 20px;
    border: 0px solid #e8e8e8;
    width: 100%;
    overflow: hidden;
    height: auto;
}

.detailed-block_message input#emailSubject::placeholder {
    color: #7d7d7d;
}

.reply-msg {
    display: block !important;
    margin: 15px auto 5px !important;
    padding: 17px 0px 5px !important;
}

.reply-msg {
    display: block;
    margin: 15px auto 5px !important;
    padding: 17px 0px 5px !important;
}

.detailed-block_message input#emailSubject {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.detailed-block_message .multiselect__tags {
    border: 0px solid #e8e8e8;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 0;
    min-height: auto;
}

.detailed-block_message .dashboard-css .messagedmode:before, .detailed-block_message .messagedmode:before {
    display: none;
}

div#pagination-container {
    position: absolute;
    bottom: -36px;
    width: 100%;
    margin-bottom: 0;
    height: 30px;
    background: white;
}

.detailed-block_message.active .discard {
    display: none;
}

.attachment button.kv-file-remove {
    display: none;
}

.simple-pagination .prev.current, .simple-pagination .next.current {
    background: white;
    border: none;
}

.mt-2.nameclass h4:before {
    content: "/ ";
    margin-right: 2px;
}

select.selectClass {
    display: none;
    position: absolute;
    width: 80%;
    z-index: 9;
    font-size: 14px;
    top: 0;
    border: 0px;
    left: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 3px 0px;
    outline: none;
}

span.close.close_multi {
    color: white;
}

.dashboard-css .modal span.close.close_multi {
    background: #026ec5;
}

.assement-inrdetails h5 strong {
    display: block;
    line-height: 30px;
    text-align: center !important;
}

.detailed-block_message h3 {
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: left;
}

input.file-caption-name::placeholder {
    color: #7d7d7d;
}

.filePrev {
    width: 100%;
}

.dashboard-css .timetable-boxes .card h6 {
    opacity: 0;
    transition: 0.9s;
    background: #52c193;
    color: white;
    line-height: 22px;
    padding: 0 5px;
    text-align: center;
    margin-bottom: 0;
    z-index: 999;
    position: absolute;
    font-size: 13px;
    bottom: 12px;
    left: 0;
}

.dashboard-css .timetable-details button.btn.btn-default.btn-edit:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.timetable-details h2 {
    font-size: 23px !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    color: #040404;
    margin-bottom: 10px;
    line-height: 40px;
    width: auto !important;
    text-decoration: none !important;
}

.timetable-details h3, .timetable-details h3 input {
    line-height: 34px;
    font-size: 26px;
    color: #0372cc;
    margin: 0;
    margin-bottom: 22px;
    font-weight: normal;
}

.timetable-details h4 {
    font-weight: normal;
    margin: 0;
    color: #383838;
    line-height: 24px;
    display: grid;
    margin-bottom: 21px;
    font-size: 14px;
    border-left: 4px outset #c1ebdd;
    padding-left: 15px;
}

    .timetable-details h4 span {
        font-weight: bold;
        line-height: 18px;
        margin: 0;
        margin-right: 7px;
        margin-bottom: 3px;
        color: #24a36e;
    }

.timetable-details .kv-file-remove {
    display: none
}

.dashboard-css button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button, .dashboard-css a.btn.btn-default.btn-secondary.fileinput-upload.fileinput-upload-button {
    display: none
}
/*Mani 07.02.2022 Start*/
a .editbutton {
    position: absolute;
    right: 66px;
    /*background: #e4e4e4;*/
    border: none;
    top: -6px;
    font-size: 18px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    padding: 6px;
    /*box-shadow: 1px 2px 5px 0px #898989;*/
}

a.techareabutton:hover {
    background: #52c193;
    box-shadow: 1px 2px 5px 0px #898989;
}

    a.techareabutton:hover i {
        color: white
    }
/*Mani 07.02.2022 end*/
#timeTableDetails a.editbutton {
    right: 95px;
    top: 10px;
    display: block;
}

.addTimeTable, .addAssignment, .addAssesment {
    cursor: pointer;
}

a.techareabutton {
    position: absolute;
    right: 48px;
    background: #e4e4e4;
    border: none;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 1px 2px 5px 0px #898989;
}
/*Start 18-01-2022*/
.bannerimg {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #dddddd;
    padding: 15px 10px;
    margin-bottom: 5px;
    margin-top: 0px;
}
    /*End 18-01-2022*/
    .bannerimg h2 {
        color: black;
    }

    .bannerimg img {
        margin-top: 6px;
    }

.samplef .form-group {
    position: relative !important;
    height: max-content !important;
    padding: 2px 8px !important;
}

    .samplef .form-group:first-child:last-child .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    .samplef .form-group label {
        position: absolute;
        left: 14px;
        top: 10px;
        transition: all 0.4s ease;
        font-size: 14px;
        background: white !important;
        z-index: 1;
        width: 70%;
    }

    .samplef .form-group .form-control:focus ~ label, .samplef .form-group .form-control.hasValue ~ label {
        top: -5px;
        left: 8px;
        transform: scale(1);
        color: #026ec5;
        font-weight: bold;
        font-size: 13px !important;
        line-height: 10px;
    }

.uplabel ~ label {
    top: 0px !important;
    transform: scale(1);
    color: #026ec5;
    font-weight: bold;
    font-size: 13px !important;
    background: white;
    line-height: 10px;
}

.wid-25 {
    width: 25%;
}

.wid-30 {
    width: 33%;
}

.wid-50 {
    width: 50%;
}

.wid-70 {
    width: 96%;
}

.wid-100 {
    width: 100%;
    margin: auto;
}

.samplef .custom-select.is-disabled {
    background-color: #ffffff !important;
    opacity: 1;
    border-bottom: 1px solid #e8e8e8 !important;
    border: none;
    color: #1f1f1f;
    font-size: 14px;
}

.samplef select.custom-select.is-disabled.uplabel {
    color: #000 !important;
    padding-bottom: 0;
}

.samplef select.custom-select.is-disabled {
    color: transparent;
    background: transparent !important;
    z-index: 9;
}

    .samplef select.custom-select.is-disabled option {
        color: black;
    }

    .samplef select.custom-select.is-disabled:focus {
        box-shadow: none;
        border-bottom: 2px solid #026ec5 !important;
    }

/*01.03.2022*/

.mmpad {
    width: 101%;
}

/*.indivi h2 {
    text-align: center;
    font-size: 13px !important;
    line-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: bold;
    transition: 0.5s;
    word-break: break-all;
    width: 295px;
    margin-left: -10px;
    position: relative;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 10px;
    padding: 0;
    text-decoration: none;
}

    .indivi h2:before {
        content: "";
        width: 96%;
        height: 100%;
        position: absolute;
        background: #0097e3;
        left: 5px;
        top: 0;
        transform: skew(344deg, 0deg);
    }

    .indivi h2 span {
        position: relative;
        z-index: 99;
    }

.indivi:nth-child(4n+2) h2:before {
    background: #419d14;
}

.indivi:nth-child(4n+3) h2:before {
    background: #eb8000;
}

.indivi:nth-child(4n+4) h2:before {
    background: #419d14;
}*/



#frmDynamic fieldset div div {
    width: 49% !important;
    margin-right: 1%;
    margin-bottom: 30px;
}


#txtStudentName, #txtMotherName, #txtFatherName {
    font-weight: 700;
    color: #000 !important;
}

.mmsveedit {
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 1px;
}

.pad0 {
    padding: 0 !important;
}

.marg0 {
    margin: 0px !important;
}

.inner_pages {
    padding: 0px 220px !important;
}

.panel-title1 {
    color: #055fa7;
    background: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 8px;
    font-weight: 700;
    border: 1px solid #065da3;
    display: inline;
    margin-bottom: 0px;
}
/*01.03.2022*/
.detail {
    overflow: visible;
    box-shadow: 1px 3px 12px 2px rgb(171 171 171 / 51%);
    position: relative;
}

    .detail .addicon {
        margin-right: 6px;
        transform: rotate(0deg);
        z-index: 1;
        cursor: pointer;
        float: right;
        background: transparent;
    }

.timetableinr-icons {
    overflow: hidden;
    position: relative;
    padding: 10px 18px;
}

.timetableinr-details {
    padding: 22px 30px 10px;
}

div#accordionExample .collapse .textfeild {
    padding: 5px 10px;
    font-size: 14px;
}

.accordian-head > div label:nth-child(2) {
    font-size: 15px;
}

.detail h3.headings {
    width: max-content;
    float: left;
}

.ttform-button {
    position: absolute;
    top: 20px;
    right: 20px;
}

.timetableinr-details input.caldate.is-disabled {
    background-color: #fff !important;
    opacity: 1;
    border-bottom: 1px solid #e8e8e8 !important;
    border: none;
    color: #1f1f1f;
    padding: 8px 9px 4px;
    text-transform: uppercase;
    font-size: 14px;
}

.timetableinr-details .uplabel1 + label {
    top: -10px !important;
    font-size: 13px !important;
    background: white;
    color: #0668b7;
    z-index: 999 !important;
    font-weight: bold;
}

.timetableinr-details .samplef .form-group .form-control:focus ~ label {
    transform: none;
    left: 15px;
    color: #0668b7;
    font-weight: bold;
}

.timetableinr-details .samplef .form-group label {
    position: absolute;
    transition: all 0.4s ease;
    z-index: 1;
    width: auto;
    font-size: 14px !important;
}

.form-list.topicAdd input.form-control.is-disabled {
    color: transparent;
    margin: 0;
    width: 100%;
}

.timetable-details h2 input {
    font-size: 23px;
    text-transform: uppercase;
    margin: 0;
    color: #040404;
    margin-bottom: 4px;
    line-height: 24px;
}

input[type="datetime-local"], input[type="date"] {
    position: relative;
}

    input[type="datetime-local"]:after, input[type="date"]:after {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        color: #313131;
        padding: 0 5px;
        font-size: 17px;
    }

    input[type="date"]:after {
        position: absolute;
        top: 0px;
        right: 4px;
        z-index: -1;
        border-left: 1px solid #ccc;
    }

    input[type="datetime-local"]:hover:after, input[type="date"]:hover:after {
        color: #026ec5;
    }

    input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }

    input[type="datetime-local"]::-webkit-inner-spin-button, input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }

    input[type="datetime-local"]::-webkit-clear-button, input[type="date"]::-webkit-clear-button {
        z-index: 1;
    }

.calender-grp input[type="datetime-local"]:after {
    padding-bottom: 0px;
}

.topicAdd label {
    left: 8px !important;
}

.topicAdd input.form-control.is-disabled.uplabel1 {
    color: black !important;
}

.topicAdd input.form-control.is-disabled:focus {
    color: black;
}

.timetableinr-details .samplef .form-group .form-control {
    position: relative;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
    z-index: 9;
    background: transparent;
    padding-top: 5px;
    line-height: 29px;
    resize: none !important;
}

.timetableinr-details .samplef .form-group input.caldate.is-disabled + label {
    height: 29px;
}

.timetableinr-details .samplef .form-group input.caldate.is-disabled:focus label {
    background: transparent;
}

.uplabel ~ .caldate.is-disabled + label {
    height: 19px;
}

.timetableinr-details .samplef .form-group .input-highlight {
    content: "";
    width: 0;
    height: 0px;
    background: #026ec5;
    position: absolute;
    display: block;
    bottom: 1px;
    transition: width 0.4s ease;
}

.timetableinr-details .topselection {
    width: 100%;
    position: relative;
}

.plannames {
    min-width: 145px;
    margin-right: 20px;
    margin-bottom: 0;
}

    .plannames label {
        top: 0 !important;
        text-transform: uppercase;
    }

.timetableinr-details .topselection label {
    position: absolute;
    background: #f1f1f1;
    top: 6px;
    left: 9px;
    margin-bottom: 0;
    width: 70%;
}

.timetableinr-details .topselection select {
    border-bottom: 1px solid #ddd;
    width: 95%;
    background: #f1f1f1;
    padding: 0px 10px;
    height: 34px;
}

button.submit-check {
    padding: 0px 16px;
    margin-right: 28px;
    background: #026ec5;
    font-size: 20px;
    color: #fff;
    line-height: 33px;
    border: none;
    border-radius: 6px;
}

.plan-dtl {
    background: #fff;
    box-shadow: 0px 0px 50px 50px #ffffff, 0px 0px 50px 50px #ffffff;
    padding: 13px 22px;
    z-index: 999;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 330px;
    left: 50%;
    display: none;
    border: 1px solid gainsboro;
}

    .plan-dtl ul li {
        list-style: none;
        padding: 6px;
        padding-left: 0;
    }

    .plan-dtl ul {
        padding-left: 0;
        margin-bottom: 0;
    }

    .plan-dtl .close {
        color: #000;
        font-size: 16px;
    }

.timetableinr-details .textareaRem h3, .executionDate {
    display: none;
}

.timetableinr-details .textareaRem textarea {
    width: 100%;
    display: none;
    height: 101px;
    background: #f3f3f3;
    font-size: 14px;
    padding: 3px 6px;
    outline: none;
    border: 1px solid #b9b9b9;
}

.form-group.wid-100:before, .definedDate {
    display: none;
}

.timetableinr-details .samplef .form-group:before {
    background: transparent;
    width: auto;
    height: auto;
}

.timetableinr-details .topselection:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #989898;
    right: 29px;
    top: 14px;
    font-size: 27px;
    background: transparent;
}

.radioselect input[type=radio] {
    border: 0px;
    height: 18px;
    width: 26px;
}

.radioselect label.form-check-label {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 1px;
    vertical-align: middle;
}

.radioselect {
    text-align: center;
    vertical-align: middle;
    align-items: center;
}

    .radioselect .plannames, .timetableinr-details .topselection, .timetableinr-details .form-group {
        margin-bottom: 0;
    }

.Selectionstrip {
    padding: 15px 0 30px;
}

.plan-dtl h2 {
    margin-left: 0;
    color: #0973ca;
    font-size: 19px;
    margin-bottom: 10px;
}

.dltPlan {
    position: absolute;
    right: 8px;
    top: 0;
}

.plan-dtl ul li input {
    position: relative;
    margin-right: 8px;
}

.add-plans h3 {
    color: #026ec5;
    font-size: 14px;
}

textarea.form-control {
    /*resize: auto !important;*/
    height: max-content;
}

.topicsAdd .form-group:first-child {
    display: none !important;
}

.button-blk.d-flex {
    width: fit-content;
    margin-left: 22px;
    margin-top: 5px;
}

.form-group.d-flex.wid-100.filePrev {
    margin: 0;
}

.plan-dtl h3 {
    color: #026ec5;
    font-size: 17px;
}

.add-topic, .add-plan-btn, .delete_sub_Topic i, .dltPlan {
    color: #026ec5;
    margin-left: 16px;
    font-size: 13px;
    border: 1px solid #026ec5;
    border-radius: 100px;
    padding: 5px 5px;
    vertical-align: middle;
    align-items: center;
    height: 23px;
    line-height: 12px;
    z-index: 99;
    cursor: pointer;
}

.plan-dtl a {
    border: none;
    background: #026ec5;
    color: #fff;
    padding: 3px 15px;
    font-size: 14px;
    margin: auto;
    display: block;
    margin-top: 9px;
    width: max-content;
}

.planAdd label {
    display: none;
}

.add-plans {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.removeBlk {
    height: 0;
    padding: 0;
    display: none;
}

.add-plans .wid-100 {
    float: left;
}

.d-flex.wid-100.planAdd .hide-div {
    display: none !important;
}

.d-flex.wid-100.planAdd .wid-100.d-flex {
    display: none;
    height: 0;
    margin: 0;
}

h3.planSel.uplabel {
    opacity: 9;
}

.add-plans .add-plan.d-lg-flex {
    position: absolute;
    right: -11px;
    bottom: 0;
}

.planSelection div input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.planSelection div.active {
    background: #21cd86;
    color: #fff;
}

.banner_image {
    width: 100%;
}

.boldText {
    font-weight: bold;
}

.fileDropTarget {
    width: 400px;
    height: 200px;
    border: solid thin #1a1a1a;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-prev .btn.btn-file {
    position: absolute;
    right: 0;
    z-index: 9;
    cursor: pointer;
}

.timetableinr-details .samplef .form-group label div {
    float: left;
    width: 50%;
}

.timeLabel {
    width: 100% !important;
}

.dashboard-css .Detail-images {
    display: flex;
    margin-top: 10px;
}

    .dashboard-css .Detail-images img {
        width: auto;
        height: 90px;
        border: 1px solid #c9c9c9;
        padding: 3px;
        margin: 0 6px 0 0;
    }

.timetable-details .execute_Plan h4 {
    display: grid;
    margin-bottom: 20px;
    font-size: 14px;
    border-left: 4px outset #c1ebdd;
    padding-left: 15px;
}

    .timetable-details .execute_Plan h4 span {
        margin-bottom: 3px;
        color: #24a36e;
    }

.fileDropTarget > div {
    margin-top: 2.75em;
    position: relative;
}

.fileDropTarget:before {
    content: "Drop files here or";
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 44.5%;
    width: 100%;
}

.fileDropTarget > div > input {
    width: 75px;
    height: 23px;
    visibility: hidden;
}

    .fileDropTarget > div > input + .btn_chng {
        position: absolute;
        left: 0;
    }

input#date-time-picker2, input#date-time-picker1 {
    border: 0px solid;
    border-bottom: 1px solid #ddd;
}

.js-find-target {
    display: none;
}

div#search-assessment {
    display: none
}

h3.planSel {
    color: #026ec5;
    font-size: 13px;
    padding: 0 5px;
}

.assessment h2 {
    color: #0157b3;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 3px;
}

.card.p-2.mb-2.assessment-details .d-flex {
    align-items: center;
}

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

.assessment-details h5 {
    line-height: 22px;
    margin-bottom: 13px;
}

.planSelection label.form-check-label {
    padding: 0px 9px;
}

.planSelection {
    margin-left: 0;
    display: flex;
    margin-bottom: 14px;
    color: #000000;
    font-size: 14px;
}

    .planSelection div {
        margin-right: 7px;
        background: #026ec5;
        border-radius: 5px;
        position: relative;
        line-height: 25px;
        padding-left: 0;
        color: white;
    }

.define_plan {
    display: none;
}

    .define_plan textarea {
        outline: none;
    }

.reply_file, .forward_file {
    display: none;
}

.inputFeild-blk_dropdown ul li {
    list-style: none;
    padding: 5px 17px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    cursor: pointer;
    line-height: 29px;
    font-weight: bold;
}

.inputFeild-blk_dropdown {
    display: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 5px;
}

    .inputFeild-blk_dropdown ul {
        box-shadow: 0px 2px 9px -2px #808080;
        padding-left: 0;
        border-top: 2px solid #026ec5;
    }

.inputFeild-blk p {
    display: flex;
    justify-content: space-between;
    padding: 0px 5px;
    margin: 0px 2px 10px 13px;
    background: #f3f3f3;
    box-shadow: 0px 0px 5px 0px #ddd;
}

    .inputFeild-blk p .close_mail {
        font-size: 23px;
        font-weight: bold;
        margin-left: 5px;
    }

.inputFeild-blk {
    display: flex;
    flex-wrap: wrap;
}

.inputFeild-blk_dropdown ul li div {
    display: none;
}

.inputFeild-blk p:first-child {
    display: none;
}

.inputFeild-blk_dropdown ul li:hover {
    background: #fff;
}

.message-filter-wrapper {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    position: relative;
}

.savebutton {
    margin: 0 auto !important;
    padding: 3px 25px !important;
    margin-bottom: 16px !important;
    float: right;
}

.inner_pages .detail {
    overflow: visible;
    box-shadow: 1px 3px 12px 2px rgb(171 171 171 / 51%);
    transition: 0.1s;
    position: relative;
}

.dashboard-css .detail .before-blk {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 100px;
    left: 0px;
    overflow: hidden;
}

.menu {
    scroll-behavior: smooth;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    float: left;
    overflow: scroll;
    display: flex;
    overflow-x: scroll !important;
    flex-wrap: nowrap;
    flex-direction: row;
    transition: 1s;
    right: -100%;
    top: 0;
}

.dashboard-css .menu::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.menu-slide {
    width: 100%;
    left: 0;
    padding: 15px;
    flex: none;
    transition: 0.5s;
    background: white;
}

    .menu-slide ul li {
        list-style: none;
        padding: 1em 10px;
        padding-left: 0;
        min-width: 23.3%;
        cursor: pointer;
        width: max-content;
        font-size: 16px;
        background: #fff;
        float: left;
        margin: 7px 14px 7px 0px;
        color: #fff;
    }

.has-dropdown {
    padding: 1em 10px !important;
}

.menu-slide .stage1 li, .menu-slide .stage2 li {
    list-style: none;
    padding: 0em 0px;
    min-width: 23.3%;
    cursor: pointer;
    width: max-content;
    font-size: 16px;
    background: #fff;
    float: left;
    margin: 7px 14px;
    margin-left: 0;
    color: #fff;
}

    .menu-slide .stage1 li a, .menu-slide .stage2 li a {
        padding: 20px 0px 20px 0px;
    }

        .menu-slide .stage1 li a label, .menu-slide .stage2 li a label {
            width: 100%;
            height: 47px;
            padding-top: 1em;
            padding-left: 0.5em;
        }

.menu-slide ul {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    display: table;
}

ul.stage1 {
    display: none;
}

.menu-slide.menu-slide_stage1 ul.stage1 {
    display: block;
}

    .menu-slide.menu-slide_stage1 ul.stage1 ul.stage2 {
        display: none;
    }

.dashboard-css .sort-list-message .mutliSelect {
    width: 80%;
    position: absolute;
    background: #fff;
    z-index: 9;
    top: 0;
    box-shadow: 2px 1px 4px #bdbcbc;
}
/*24.02.2022*/

.select_wise.d-flex {
    position: absolute;
    float: right;
    right: 0;
    top: -12px;
    z-index: 999;
    cursor: pointer;
}
/*24.02.2022*/
.inputFeild-blk {
    font-weight: bold;
}

.select_wise.d-flex div {
    width: 30px;
    padding: 5px;
    margin: 0px 4px;
    line-height: 0;
    border-radius: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    color: #ffffff;
    justify-content: center;
    font-size: 15px;
    margin-top: -5px;
    background: radial-gradient(#61adea, #026ec5);
}

.show_mail_grp {
    display: block !important;
}

.class-wise-selection label, .group-wise-selection label {
    margin-right: 8px;
}

.executionDate {
    display: flex;
}

.navbarIcon {
    color: #fff;
    margin: 0px 0px 0px 16px;
    padding: 2px -2px;
    font-size: 21px;
    cursor: pointer;
}

.back_button {
    margin-top: 21px;
    position: absolute;
    margin-left: 20px;
    font-size: 18px;
}

.content_get > a {
    font-weight: 600;
    display: table;
    margin-top: 17px;
    margin-left: 15px;
    margin-bottom: 16px;
    color: #1b1b1b;
    font-family: 'Open Sans', sans-serif;
}

.menu-slide_stage2 .content_get > a {
    margin-top: 21px;
    margin-left: 51px;
}

.menu li.has-dropdown > a:before {
    top: 50%;
    right: 1em;
    width: 9px;
    height: 9px;
    border: 1px solid currentcolor;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: translateY(-90%) rotateZ(-45deg);
    transition: transform 0.3s;
    transform-origin: 100%;
    position: absolute;
    content: "";
}

.open_menu .mask {
    opacity: 1;
    right: 0;
    transition: 0.5s;
}

.menu-slide ul li a:hover, .content_get > a:hover {
    text-decoration: none;
}

.menu-slide ul li:after {
    content: "";
    width: 0;
    height: 2px;
    bottom: -2px;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #026ec5;
    transition: 0.5s;
    position: absolute;
}

.menu-slide ul li:hover:after {
    width: 100%;
}

.menu-slide > ul {
    margin-top: 60px;
}

.open_menu .close_All {
    display: flex !important;
}

.menu-slide > ul > p {
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    top: 24px;
    left: 32px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}

    .menu-slide > ul > p i {
        font-size: 18px;
        margin-right: 11px;
        vertical-align: middle;
    }

.group-wise-selection .close_mail, .class-wise-selection .close_mail {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    color: #000;
}

.group-wise-selection li, .class-wise-selection li {
    position: relative;
}

.content_get > a span {
    margin-top: 40px;
}

.menu li img {
    vertical-align: middle;
    margin: 0 5px;
    background: linear-gradient(90deg, #455CD4 0%, #7388F3 100%);
    border-radius: 50px;
    padding: 6px;
}

.menu li {
    display: block;
    position: relative;
    padding: 1em 10px;
    color: #000;
    text-decoration: none;
    transition: color 0.15s, background-color 0.15s;
    box-shadow: 1px 1px 2px 0px darkgrey, 1px 1px 2px 0px #cacaca;
    background: white;
}

.menu-slide .close_All {
    position: fixed;
    float: right;
    width: fit-content;
    padding: 0;
    margin: 14px 45px;
    right: 0;
    z-index: 9;
    top: 0;
    display: none;
    cursor: pointer;
}

.dashboard-css .back-close {
    width: 100%;
    height: 100vh;
    background: #ffffff00;
    position: fixed;
    left: 0;
    top: 70px;
    z-index: -9;
}

.arrow {
    position: absolute;
    top: 80px;
}

.topicAdd h3 {
    position: absolute;
    top: -17px;
}

.demo-slider.demo ul#content-slider {
    min-height: 100vh !important;
}

.form-list.topicAdd .wid-50 input.form-control.is-disabled:focus {
    color: black;
}

.addtimetable {
    display: none;
}

.timetable-boxes.show {
    display: block;
}

.messagedmode .back-close, .filter-start .close-blk {
    display: none;
    z-index: 99;
}

.inputFeild {
    z-index: 999;
}

.search-block input[type="search"] {
    width: 100%;
    margin-right: 12px;
    border: 0px;
    background: transparent;
    border-bottom: 1px solid #ddd;
}

.search-block.d-flex {
    padding-left: 37px;
    margin-bottom: 15px;
    justify-content: space-between;
}

    .search-block.d-flex i {
        margin-top: 13px;
    }

.addicon.closeTimetable i {
    margin-top: 0px;
}

.addicon.closeTimetable {
    display: none;
    background: #026ec5;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    margin-right: 6px;
    margin-top: 14px;
}

    .addicon.closeTimetable:hover {
        box-shadow: 0px 0px 20px 0px #64ade8;
    }

.search-block input[type="search"]:focus {
    outline: none;
    border-bottom: 1px solid #026ec5;
}

.detail .timetableinr-icons .button-blk.planSelection {
    margin: 0px;
    margin-left: 0 !important;
}

.detail .timetableinr-icons {
    width: -webkit-fill-available;
    display: none;
    padding: 0;
}

    .detail .timetableinr-icons .button-blk.d-flex {
        margin-left: 0;
    }

.form-check.form-group.plannames {
    text-align: center;
    margin-top: 12px;
}

.uplabel1 + label {
    top: 0px !important;
    transform: scale(1);
    color: #026ec5 !important;
    font-weight: bold;
    font-size: 13px !important;
    background: #ffffff00;
    line-height: 10px !important;
}

.wid-25 input.form-control.is-disabled.uplabel1 {
    height: calc(2.25rem + 2px);
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin: 0px !important;
}

.timetable-boxes.show input.form-control.is-disabled {
    border-bottom: 1px solid #ddd;
}

.detail .show_details .timetable-details {
    max-height: 100vh !important;
}

.detail .timetable-boxes .close-timetable {
    bottom: 10px;
    top: unset;
}

.timetable-detial-strips {
    align-items: center;
}

span.light-green {
    color: #00c39f;
}

.timetable-detial-strips > div {
    width: 90%;
}

.timetable-detial-strips > .greencorner {
    display: none;
}

.timetable-detial-strips > div:nth-child(1) {
    width: max-content;
    text-align: center;
    background: #026ec5;
    padding: 15px 20px;
    color: white;
    align-self: stretch;
}

    .timetable-detial-strips > div:nth-child(1) h3 {
        font-size: 16px;
        font-weight: normal;
    }

.detail .search-block.d-flex .fas.fa-search {
    background: #026ec5;
    color: white;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
}

.detail .search-block input[type="search"] {
    margin-top: 8px;
    padding-bottom: 0px;
    height: 33px;
    padding-left: 10px;
    padding-left: 34px;
}

.timetable-detial-strips > div h4 {
    line-height: 28px;
    font-size: 20px;
    color: #0372cc;
    margin: 0;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: center;
}

select + label:before {
    content: "1";
    position: absolute;
    right: 26px;
    top: 0;
    width: 9px;
    z-index: 9;
    background: #fff url("data:image/svg+xml; charset=utf8, %3Csvg xmlns='http: //www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    text-align: right;
    background-size: 100% 100% !important;
    background-position: bottom;
    color: transparent;
}

.samplef select.custom-select.is-disabled.uplabel {
    background: transparent url("data:image/svg+xml; charset=utf8, %3Csvg xmlns='http: //www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.2rem center !important;
    background-size: 8px 10px !important;
}

select + label {
    width: 100% !important;
}

select.custom-select.is-disabled.uplabel + label:before {
    display: none;
}

.calender-grp .form-control {
    position: relative;
    z-index: 99;
    color: transparent !important;
    background: transparent;
}

.d-flex.justify-content-between .executionDate {
    display: block;
    margin-bottom: 6px;
}

.calender-grp .uplabel1 {
    color: #000 !important;
    background: transparent;
}

.calender-grp .form-control:focus {
    color: #000 !important;
}

.executionDate, .definedDate {
    align-items: center;
}

    .executionDate i, .definedDate i {
        margin-right: 8px;
    }

.inner_pages .timetable-details h4 {
    display: flex;
    width: 100%;
}

    .inner_pages .timetable-details h4 textarea {
        height: 100% !important;
        width: 100%;
    }

.detail .show_details .timetable-details input, .detail .show_details .timetable-details textarea {
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding: 0.2rem 0.2rem;
}

.inner_pages .timetable-details h4 span {
    min-width: 83px;
    padding: 5px 0px 0px;
}

.readonly input:focus, .readonly textarea:focus {
    outline: none;
}

form.readonly [readonly] {
    background: #fff;
    border-bottom: 0px solid !important;
}

form.readonly .d-flex.justify-content-between {
    align-items: center;
}

input.form-control.is-disabled.schedule-btn {
    margin: -2px !important;
}

.detail .timeTableBlock {
    margin: 15px 0;
}

.form-group.wid-50.executionDate .position-relative.wid-50 {
    width: 49%;
    float: left;
    margin: 0;
}

.dashboard-css .wid-50 {
    float: left;
    width: 50%;
    margin: 0;
}

.ph-close {
    display: none;
}

.closeserachPage {
    display: none;
    position: absolute;
    right: 2px;
    background: #026ec5;
    border-radius: 50%;
    padding: 3px;
    width: 27px !important;
    margin-top: 4px !important;
}

.search_icon img {
    width: 35px;
    margin-top: 5px;
}

.dashboard-css .leftsection .timetable-boxes .card h4 {
    color: #000000;
    font-size: 19px;
    line-height: 23px;
    padding-top: 0px !important;
    margin: 12px auto;
}

.icon-tab {
    position: absolute;
    width: 35px;
    height: 35px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    left: -23px;
    top: 50%;
    border-radius: 50%;
    background: rgb(255 255 255 / 37%);
    padding: 4px;
    font-size: 18px;
    color: #ffffff;
}

.todo-icon .icon-tab {
    text-align: center;
    padding: 5px;
    font-size: 17px;
}

.icon-tab img {
    width: 100%;
    vertical-align: inherit;
}

.card.p-2.mb-2.sort-item.message-icon.showform form {
    display: block;
}
/*Start 18-01-2022*/
div#search-assignment .lSSlideOuter .lSPager.lSpg {
    text-align: center;
}
/*End 18-01-2022*/
.dashboard-css .feeds .card form.expand-block {
    opacity: 0;
}

.result-attendees {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #fff;
    padding: 0px 33px 0px 20px;
}

    .result-attendees.d-flex p, .result-attendees.d-flex h4 {
        margin-bottom: 0;
        padding: 1px 0px;
    }

.assesment_plan {
    display: block !important;
}

.button-blk.planSelection {
    width: max-content;
    margin: auto !important;
}

form.readonly input[type="text"] {
    width: 100%;
}

.assement-inrdetails {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
}

    .assement-inrdetails .d-flex h5 {
        margin-left: 6px;
        margin-bottom: 0;
    }

    .assement-inrdetails h5 {
        font-size: 14px;
        color: #313131;
        text-align: center !important;
    }

div#search-assignment {
    padding-top: 20px;
}

.assement-inrdetails .d-flex h3 {
    padding-left: 21px;
}

.read-more-list {
    width: 45px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 100%;
    background: #52c193;
    padding: 4px;
    border-radius: 50%;
    border: 4px solid #ffffffad;
    height: 45px;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
    box-shadow: 0px 0px 0px 1px #96ffd5;
}

.dashboard-css .assignments:hover .read-more-list {
    opacity: 1;
}

.assessment:hover .read-more-list {
    opacity: 1;
}

.read-more-list img {
    width: 18px;
    filter: invert(1);
}

.read-more-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #52c193;
    animation: 3s scale-read1 infinite;
    transform: translate(-50%, -50%) scale(1.5);
    background: #52c19375;
}

.read-more-list:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    background: #52c19375;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #52c193;
    animation: 3s scale-read infinite;
    transform: translate(-50%, -50%) scale(1.5);
}

@keyframes scale-read {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2);
    }
}

@keyframes scale-read1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.3);
    }

    50% {
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(2.3);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.3);
    }
}

.dashboard-css .set-width .assement-inrdetails h5 strong {
    display: block;
}

.assement-inrdetails > div {
    min-width: 20%;
    padding: 0 12px;
}

form.readonly input.form-control.is-disabled.schedule-btn {
    width: 190px;
    margin: -2px !important;
}

div#myModal .modal-dialog {
    max-width: 790px;
}

div#myModal table {
    width: 100%;
}

    div#myModal table td, div#myModal table th {
        text-align: center;
        border: 1px solid #ddd;
        padding: 8px;
    }

        div#myModal table td:first-child, div#myModal table th:first-child {
            text-align: left;
        }

    div#myModal table thead {
        background: #026ec5;
        color: #fff;
    }

div#myModal {
    background: transparent;
}

    div#myModal h3 {
        font-size: 19px;
        margin-bottom: 20px;
        color: #026ec5;
        font-weight: bold;
        width: max-content;
        float: left;
    }

div#myModalFine .modal-dialog {
    max-width: 790px;
}

div#myModalFine table {
    width: 100%;
}

    div#myModalFine table td, div#myModalFine table th {
        border: 1px solid #ddd;
        padding: 8px;
    }

#tblHeadDetail tr td {
    border: 1px solid #ddd;
    padding: 8px;
}

div#myModalFine table td:first-child, div#myModalFine table th:first-child {
    text-align: left;
}

div#myModalFine table thead {
    background: #026ec5;
    color: #fff;
}

div#myModalFine {
    background: transparent;
}

    div#myModalFine h3 {
        font-size: 19px;
        margin-bottom: 20px;
        color: #026ec5;
        font-weight: bold;
        width: max-content;
        float: left;
    }

a#downloadLink {
    float: right;
    margin-right: 15px;
}

.right-images {
    width: 38%;
    right: 100px;
    float: right;
    position: absolute;
    display: none;
}

    .right-images img {
        z-index: 999;
        position: relative;
        width: 151px;
        margin-right: 64px;
        margin-top: 18px;
    }

.content-block {
    position: relative;
    z-index: 99;
    padding: 0px 60px;
    text-align: left;
}

    .content-block h2 {
        margin-left: 0;
        text-align: left;
    }

    .content-block p {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 0;
        color: #444444;
    }
    /*Start 17-01-2022*/
    .content-block .headings {
        color: #000000;
        width: max-content;
        position: relative;
        font-weight: normal;
        margin-bottom: 9px;
        font-size: 23px;
        width: 100%;
    }


  height: 47px;
  width: 8px;
  background-color: #9d374f;
  position: absolute;
  left: 0;
  top: 0px;
  animation: 7s book1-anim 2s infinite;
}
@keyframes book1-anim {
  0% {
    left: 0;
    top: 0
  }
  20% {
    top: -90px;
    left: -8px;
  }
  40% {
    top: -150px;
    left: 56px;
  }
  60% {
    top: -150px;
    left: 56px;
  }
  80% {
    top: -150px;
    left: 56px;
  }
  100% {
    top: -150px;
    left: 56px;
  }
}
.book-2 {
  top: 0;
  height: 47px;
  width: 8px;
  background-color: #e86830;
  position: absolute;
  left: 8px;
  animation: 7s book2-anim 2s infinite;
}
@keyframes book2-anim {
  0% {
    left: 8px;
    top: 0
  }
  20% {
    left: 8px;
    top: 0
  }
  40% {
    left: 8px;
    top: 0
  }
  60% {
    top: -95px;
    left: -8px;
  }
  80% {
    top: -150px;
    left: 48px;
  }
  100% {
    top: -150px;
    left: 48px;
  }
}
.book-3 {
  left: 17px;
  top: 0;
  height: 47px;
  width: 8px;
  background-color: #5aa668;
  position: absolute;
  animation: 7s book3-anim 2s infinite;
}
@keyframes book3-anim {
  0% {
    left: 17px;
    top: 0;
  }
  20% {
    left: 17px;
    top: 0
  }
  40% {
    left: 17px;
    top: 0
  }
  60% {
    left: 17px;
    top: 0
  }
  80% {
    top: -110px;
    left: -8px;
  }
  100% {
    top: -150px;
    left: 40px;
  }
}
.book-1::before, .book-2::before, .book-3::before {
  content: "";
  height: 12px;
  width: 100%;
  background-color: #e9e6c9;
  position: absolute;
  top: 0;
}
.book-1::after, .book-2::after, .book-3::after {
  content: "";
  height: 100%;
  width: 50%;
  background-color: black;
  opacity: 0.15;
  position: absolute;
  top: 0;
  right: 0;
}*/

/*.books-list {
  position: absolute;
  top: 57px;
  left: 168px;
  transform: rotate(90deg);
  margin-left: -20px;
}
.laptop-image {
  width: 185px;
  height: 130px;
  background: url(../images/laptop-img.png);
  background-size: 100% 100%;
  position: absolute;
  top: 13px;
  padding: 50px;
  right: 0;
  z-index: 9;
}
.laptop-image h3 {
  font-size: 10px;
  line-height: 8px;
  margin-left: -1px;
  margin-top: -3px;
  color: black;
  width: 0;
  height: 8px;
  overflow: hidden;
  transition: 0.5s;
  text-transform: uppercase;
}

/*.laptop-image .animate-text1 {
  animation: 7s animtext1 2s infinite;
}
@keyframes animtext1 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 100%
  }
  60% {
    width: 100%
  }
  80% {
    width: 100%
  }
  100% {
    width: 100%
  }
}
.laptop-image .animate-text2 {
  animation: 7s animtext2 2s infinite;
}
@keyframes animtext2 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 0%
  }
  60% {
    width: 0%
  }
  80% {
    width: 100%
  }
  100% {
    width: 100%
  }
}
.laptop-image .animate-text3 {
  animation: 7s animtext3 2s infinite;
}
@keyframes animtext3 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 0%
  }
  60% {
    width: 0%
  }
  80% {
    width: 0%
  }
  100% {
    width: 100%
  }
}*/
/*End 17-01-2022*/
  height: 47px;
  width: 8px;
  background-color: #9d374f;
  position: absolute;
  left: 0;
  top: 0px;
  animation: 7s book1-anim 2s infinite;
}
@keyframes book1-anim {
  0% {
    left: 0;
    top: 0
  }
  20% {
    top: -90px;
    left: -8px;
  }
  40% {
    top: -150px;
    left: 56px;
  }
  60% {
    top: -150px;
    left: 56px;
  }
  80% {
    top: -150px;
    left: 56px;
  }
  100% {
    top: -150px;
    left: 56px;
  }
}
.book-2 {
  top: 0;
  height: 47px;
  width: 8px;
  background-color: #e86830;
  position: absolute;
  left: 8px;
  animation: 7s book2-anim 2s infinite;
}
@keyframes book2-anim {
  0% {
    left: 8px;
    top: 0
  }
  20% {
    left: 8px;
    top: 0
  }
  40% {
    left: 8px;
    top: 0
  }
  60% {
    top: -95px;
    left: -8px;
  }
  80% {
    top: -150px;
    left: 48px;
  }
  100% {
    top: -150px;
    left: 48px;
  }
}
.book-3 {
  left: 17px;
  top: 0;
  height: 47px;
  width: 8px;
  background-color: #5aa668;
  position: absolute;
  animation: 7s book3-anim 2s infinite;
}
@keyframes book3-anim {
  0% {
    left: 17px;
    top: 0;
  }
  20% {
    left: 17px;
    top: 0
  }
  40% {
    left: 17px;
    top: 0
  }
  60% {
    left: 17px;
    top: 0
  }
  80% {
    top: -110px;
    left: -8px;
  }
  100% {
    top: -150px;
    left: 40px;
  }
}
.book-1::before, .book-2::before, .book-3::before {
  content: "";
  height: 12px;
  width: 100%;
  background-color: #e9e6c9;
  position: absolute;
  top: 0;
}
.book-1::after, .book-2::after, .book-3::after {
  content: "";
  height: 100%;
  width: 50%;
  background-color: black;
  opacity: 0.15;
  position: absolute;
  top: 0;
  right: 0;
}*/

/*.books-list {
  position: absolute;
  top: 57px;
  left: 168px;
  transform: rotate(90deg);
  margin-left: -20px;
}
.laptop-image {
  width: 185px;
  height: 130px;
  background: url(../images/laptop-img.png);
  background-size: 100% 100%;
  position: absolute;
  top: 13px;
  padding: 50px;
  right: 0;
  z-index: 9;
}
.laptop-image h3 {
  font-size: 10px;
  line-height: 8px;
  margin-left: -1px;
  margin-top: -3px;
  color: black;
  width: 0;
  height: 8px;
  overflow: hidden;
  transition: 0.5s;
  text-transform: uppercase;
}

/*.laptop-image .animate-text1 {
  animation: 7s animtext1 2s infinite;
}
@keyframes animtext1 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 100%
  }
  60% {
    width: 100%
  }
  80% {
    width: 100%
  }
  100% {
    width: 100%
  }
}
.laptop-image .animate-text2 {
  animation: 7s animtext2 2s infinite;
}
@keyframes animtext2 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 0%
  }
  60% {
    width: 0%
  }
  80% {
    width: 100%
  }
  100% {
    width: 100%
  }
}
.laptop-image .animate-text3 {
  animation: 7s animtext3 2s infinite;
}
@keyframes animtext3 {
  0% {
    width: 0%
  }
  20% {
    width: 0%
  }
  40% {
    width: 0%
  }
  60% {
    width: 0%
  }
  80% {
    width: 0%
  }
  100% {
    width: 100%
  }
}*/
/*End 17-01-2022*/
.bannerimg.flip-anim:after {
    content: "";
    width: 1283px;
    height: 600px;
    position: absolute;
    border-radius: 25%;
    background: #fefeff;
    left: 148px;
    transform: rotate(-194deg);
    top: 61%;
}

.flip-anim .content-block {
    margin-right: 55px;
    position: relative;
    z-index: 99;
    text-align: left;
}

.flip-anim .right-images {
    left: 7%;
    width: 39%;
}

.assesment2 {
    float: right;
}

.list-anim1 {
    animation: 15s asses_text1 infinite;
}

@keyframes asses_text1 {
    0% {
        width: 0%;
    }

    8% {
        width: 100%;
    }

    16% {
        width: 100%;
    }

    24% {
        width: 100%;
    }

    32% {
        width: 100%;
    }

    40% {
        width: 0%;
    }

    48% {
        width: 0%;
    }

    56% {
        width: 0%;
    }

    64% {
        width: 0%;
    }

    70% {
        width: 100%;
    }

    80% {
        width: 100%;
    }

    90% {
        width: 0%;
    }

    100% {
        width: 0%;
    }
}

.list-anim2 {
    animation: 15s asses_text2 infinite;
}

@keyframes asses_text2 {
    0% {
        width: 0%;
    }

    8% {
        width: 0%;
    }

    16% {
        width: 100%;
    }

    24% {
        width: 100%;
    }

    32% {
        width: 100%;
    }

    40% {
        width: 0%;
    }

    48% {
        width: 0%;
    }

    56% {
        width: 0%;
    }

    64% {
        width: 0%;
    }

    70% {
        width: 100%;
    }

    80% {
        width: 100%;
    }

    90% {
        width: 0%;
    }

    100% {
        width: 0%;
    }
}

.list-anim3 {
    animation: 15s asses_text3 infinite;
}

@keyframes asses_text3 {
    0% {
        width: 0%;
    }

    8% {
        width: 0%;
    }

    16% {
        width: 0%;
    }

    24% {
        width: 100%;
    }

    32% {
        width: 100%;
    }

    40% {
        width: 0%;
    }

    48% {
        width: 0%;
    }

    56% {
        width: 0%;
    }

    64% {
        width: 0%;
    }

    70% {
        width: 100%;
    }

    80% {
        width: 100%;
    }

    90% {
        width: 0%;
    }

    100% {
        width: 0%;
    }
}

p.list-anim4 {
    animation: 15s asses_text4 infinite;
}

@keyframes asses_text4 {
    0% {
        transform: scale(0);
    }

    8% {
        transform: scale(0);
    }

    16% {
        transform: scale(0);
    }

    24% {
        transform: scale(0);
    }

    32% {
        transform: scale(1);
    }

    40% {
        transform: scale(0);
    }

    48% {
        transform: scale(0);
    }

    56% {
        transform: scale(0);
    }

    64% {
        transform: scale(0);
    }

    72% {
        transform: scale(0);
    }

    80% {
        transform: scale(0);
    }

    90% {
        transform: scale(0);
    }

    100% {
        transform: scale(0);
    }
}

.assesment-cont-blk {
    top: 27px;
    position: absolute;
    left: 36px;
    z-index: 9999;
    height: 53px;
    padding: 0px 6px;
    animation: 15s heightcont infinite;
    background: transparent;
    background-position: center;
}
    
    /*End 17-01-2022*/
    .assesment-cont-blk p {
        margin-bottom: 0;
        font-size: 9px;
        height: 15px;
        overflow: hidden;
    }

p.list-anim4 {
    background: #52c193;
    width: max-content;
    padding: 5px;
    color: #fff;
    line-height: 0.8;
    margin-top: 9px;
    float: right;
}

img.class-room {
    position: absolute;
    top: 0;
    margin-top: -4px;
    width: 157px;
    margin-left: -5px;
}

img.timetable2 {
    margin-right: 0;
    float: right;
}

img.timetable1 {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 210px;
    margin-left: 0;
    margin-top: 29px;
}

img.timetable2 {
    width: 187px;
    margin-top: 0;
}

.second {
    width: 63px;
    height: 63px;
    position: absolute;
    border-radius: 50%;
    margin-top: 46px;
    z-index: 999;
    left: 18px;
}

.detail .bannerimg:after {
    right: 142px;
    top: 60%;
}

img.message_1 {
    width: 158px;
    float: right;
    margin-right: 3px;
    margin-top: 7px;
}

.bannerimg.assignment-banner:after {
    right: 156px;
    top: 58%;
}

img.message_2 {
    width: 190px;
    float: left;
    margin-right: 64px;
    margin-top: -8px;
}

.message-arrow {
    width: 396px;
    position: absolute;
    transform: rotate(360deg) translate(-50%, 0%);
    height: 300px;
    left: 50%;
    top: 21%;
    border-radius: 49%;
}

    .message-arrow img {
        width: 16px;
        position: absolute;
        animation: 4s message-ar infinite;
        left: 0;
        margin-top: 28px;
    }

@keyframes message-ar {
    0% {
        left: 0px;
        top: 30px;
    }

    40% {
        top: -30px;
        transform: rotate(45deg)
    }

    100% {
        left: 80%;
        top: 0px;
        transform: rotate(60deg);
    }
}

.message-icon {
    border-left: 45px solid #52c193 !important;
}

.notif-icon {
    border-left: 45px solid #ffa600 !important;
}

.todo-icon {
    border-left: 45px solid #026ec5 !important;
}

.message-icon .icon-tab {
    text-align: center;
    font-weight: bold;
}

.notif-icon .icon-tab {
    vertical-align: middle;
    text-align: center;
}

.second:before {
    content: "";
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, #4f4247 50%, #4f4247 50%);
    position: absolute;
    transform: translate(-50%, -50%);
    left: 24%;
    top: 49%;
    transform-origin: center;
    animation: 8s rotate-clock infinite;
}

@keyframes rotate-clock {
    0% {
        transform: rotate(0deg) translate(-50%, -50%)
    }

    100% {
        transform: rotate(360deg) translate(-50%, -50%)
    }
}

.calender {
    position: absolute;
    right: 13%;
    margin-top: 62px;
    z-index: 999;
    color: #52c193;
    display: flex;
    font-size: 32px;
    justify-content: left;
    align-items: center;
}

p.time-month {
    color: #c12200;
    margin-bottom: 0;
    line-height: 15px;
    text-transform: uppercase;
    margin-left: 4px;
    font-weight: bold;
    margin-top: 0px;
}

p.time-date {
    font-size: 40px;
    color: #000000;
    margin-bottom: 0;
    padding: 10px 0;
    min-width: 53px;
    text-align: center;
}

option:first-child {
    display: none;
}

.feecollStatus {
    margin-left: 19px;
    color: white;
    padding: 0px 14px 4px;
    border-radius: 3px;
}

.feebulkentry {
    position: absolute;
    right: 70px;
    top: 7px;
}

.subcardHead {
    padding: 4px 20px 7px 40px !important;
    background-color: #2e83c7 !important;
}

.technicalBlock .userFind.active {
    display: block;
}

.techbody .userFind.active {
    display: inline-block !important;
}

.teachingareablock:hover .card h5 {
    color: white;
    font-weight: bold;
}

.technicalBlock:hover {
    background: #fff;
}

.teachingareablock:hover .card .showexecute:before {
    background: #21cd86;
}

.teachingarea_details {
    display: flex;
    padding: 13px 20px 15px;
    width: 100%;
}

.teachingarea-details .videoedit {
    margin-top: 15px;
    height: 93%;
}

    .teachingarea-details .videoedit video {
        height: 100%;
        background: #000;
    }

    .teachingarea-details .videoedit.active {
        margin-top: 15px;
        width: 85%;
        float: right;
    }

    .teachingarea-details .videoedit textarea {
        width: 100%;
        border: 1px solid #ddd;
    }

.dashboard-css .teachingarea-boxes {
    transition: 0.6s;
    display: none;
}

.dashboard-css .teachingarea-boxes {
    display: block;
}

.dashboard-css .teachingarea-boxes {
    position: relative;
}
    /*Start 18-01-2022*/
    .dashboard-css .teachingarea-boxes .card .showexecute .active {
        display: flex;
        flex-direction: inherit;
    }
    /*End 18-01-2022*/

    .dashboard-css .teachingarea-boxes .active {
        display: flex;
        flex-direction: column;
        z-index: 999;
    }

.assess-right .student-result {
    border: 0px;
    margin-bottom: 20px;
}

.dashboard-css .teachingarea-boxes .card {
    position: relative;
    cursor: pointer;
    box-shadow: 2px 2px 20px #80808042;
    transition: 0.8s ease;
    top: 0;
    background: white;
    margin: 20px;
}

    .dashboard-css .teachingarea-boxes .card .showexecute {
        background: #fff;
        box-shadow: 0px 0px 8px #6e6e6e;
        overflow: visible;
        position: relative;
        z-index: 99;
    }

        .dashboard-css .teachingarea-boxes .card .showexecute .technicalBlock h5 span {
            position: relative;
            z-index: 99;
        }

        .dashboard-css .teachingarea-boxes .card .showexecute .technicalBlock h5 {
            margin-left: -32px;
            position: relative;
            color: #fff;
            margin-top: 7px;
            margin-bottom: 10px;
            padding: 5px 10px;
            height: 40px;
            line-height: 15px;
        }

            .dashboard-css .teachingarea-boxes .card .showexecute .technicalBlock h5:before {
                content: "";
                width: 96%;
                height: 100%;
                position: absolute;
                background: #eb8000;
                left: 5px;
                top: 0;
                transform: skew(344deg, 0deg);
            }

    .dashboard-css .teachingarea-boxes .card:before {
        content: "";
        width: 100%;
        height: 80%;
        border: 1px solid #000;
        top: 0;
        left: 0;
        transition: 0.5s;
        transform: scale(1.1);
        border-radius: 10px;
        position: absolute;
    }

.dashboard-css .teachingareablock:nth-child(4n+1) .card:before {
    border: 2px solid #eb8000;
}

.dashboard-css .teachingareablock:nth-child(4n+2) .card::before {
    border: 2px solid #0097e3;
}

.dashboard-css .teachingareablock:nth-child(4n+3) .card::before {
    border: 2px solid #7c68b9;
}

.dashboard-css .teachingareablock:nth-child(4n+4) .card::before {
    border: 2px solid #419d14;
}

.dashboard-css .teachingareablock:nth-child(4n+2) .card .showexecute .technicalBlock h5:before {
    background: #0097e3;
}

.dashboard-css .teachingareablock:nth-child(4n+3) .showexecute .technicalBlock h5:before {
    background: #7c68b9;
}

.dashboard-css .teachingareablock:nth-child(4n+4) .card .showexecute .technicalBlock h5:before {
    background: #419d14;
}

.dashboard-css .teachingarea-boxes .card .showexecute:hover h5 {
    /* margin-left: 0;*/
}

.dashboard-css .teachingarea-boxes .card:hover:before {
    height: 100%;
}

.technicalBlock p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
    transition: 0.8s ease;
}

.technicalBlock .userFind {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
    align-items: center;
}

.teachingareablock:hover .card p {
    color: black;
}

.teachingareablock {
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 16px;
    padding: 0 10px 0px 0px;
}

.newvid {
    height: 101% !important;
    overflow-y: auto !important;
    max-height: 101% !important;
}

.newpdf .jsFindVideo iframe {
    width: 100%;
    height: 574px;
}

.showexecute .technicalBlock {
    padding: 8px 0;
}

.teachingarea-boxes h3 {
    font-weight: normal;
    margin-bottom: 27px;
    letter-spacing: 0.2px;
    font-size: 18px;
    margin-top: 20px;
    border-left: 0px solid #00c372;
    padding-left: 19px;
    line-height: 35px;
    color: #026ec5;
}

    .teachingarea-boxes h3 span {
        color: #000;
        float: unset;
        font-size: 18px;
        font-weight: bold;
    }

.teachingblocksdetails {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: inherit;
    padding: 0 20px;
    justify-content: flex-start;
    width: 100%;
}



.teachingareablock img {
    width: auto;
    height: 150px;
    margin: auto;
    display: block;
    transition: 0.5s;
}

.technicalBlock > div {
    padding: 12px 8px 0px;
    transition: 0.8s;
}

.technicalBlock > .titlenew:hover {
    color: #fff;
}

.navbar_leftout {
    width: 45%;
}

.technicalBlock > div:hover p {
    font-size: 14px;
}

.teachingareablock h5 {
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    margin-bottom: 0;
    padding: inherit;
    color: #026ec5;
    /*  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;*/
    font-weight: bold;
    transition: 0.5s;
    /*  word-break: break-all;
*/ width: 295px;
}
/*Mani 07.02.2022 Start*/
.dashboard-css .set-width + .teachingarea-details {
    opacity: 1;
    transition: 0.5s;
    position: relative;
    right: 0px;
    z-index: 9999;
    box-shadow: 0px 1px 11px 0px #ababab;
    overflow-y: scroll;
    border: 5px solid #000000;
    background: #fff;
    padding: 11px 9px;
    visibility: visible;
}
/*Mani 07.02.2022 end*/
.teachingarea-details.expand-block {
    position: fixed !important;
    left: 16%;
    top: 4%;
    transform: unset;
}

.dashboard-css .teachingarea-details {
    opacity: 0;
    width: 63%;
    padding: 0;
    transition: 0.2s;
    height: 86%;
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    z-index: -1;
}

    .dashboard-css .teachingarea-details::-webkit-scrollbar {
        width: 0;
    }

.teachingarea-details img {
    width: 100%;
}

.teachingarea-details h2 {
    font-weight: bold;
    padding-top: 10px;
    font-size: 21px;
    margin-bottom: 20px;
    color: #026ec5;
}

.set-width .teachingareablock {
    width: 40%;
}

.controllers {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    top: 13px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0px 13px;
    justify-content: center;
}

.teachingarea-details a.chalkboard {
    background: transparent;
    font-size: 17px;
    cursor: pointer;
    margin: 0px 12px;
}

.teachingarea-details a.removebutton {
    position: absolute;
    right: 8px;
    background: white;
    border: none;
    top: 0;
    font-size: 19px;
    padding: 0 7px;
    z-index: 999;
    cursor: pointer;
    height: 21px;
}

.newcanvas .buttonSize h3 span {
    float: unset;
    font-size: inherit;
    font-weight: inherit;
    color: #000;
}

.extra a {
    color: white !important;
}

.newcanvas .colorButtons {
    position: relative;
    display: block;
    background: #fff;
    margin-bottom: 7px;
}

.newcanvas canvas {
    cursor: crosshair;
}

.newcanvas div#sidebar {
    right: 0px;
    top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: inherit;
    width: 44px;
    z-index: 999;
}

.newcanvas.active #canvas {
    border: 0px solid #afafaf !important;
    margin: 0 9px;
    background: #fff;
}

.newcanvas canvas#canvas {
    border: 0px solid !important;
}

.newcanvas .btn {
    margin-bottom: 10px;
    width: 100%;
    padding: 4px 0px;
}

.newcanvas input {
    width: 100%;
    margin-bottom: 10px;
}

.newcanvas .colorButtons h3, button#keyboard h3, button#clear h3 {
    position: absolute;
    right: 115%;
    width: max-content;
    background: #fff;
    padding: 5px;
    transform: scale(0);
    opacity: 0;
    transition: 0.5s;
}

.buttonSize h3 {
    position: absolute;
    right: 106%;
    width: max-content;
    background: #fff;
    padding: 5px;
    opacity: 0;
    transition: 0.5s;
}

.buttonSize {
    width: 50px;
    position: relative;
}

.newcanvas .input-group {
    margin-bottom: 10px;
}

.colorButtons:hover h3 {
    opacity: 1;
    transform: scale(1);
}

.buttonSize:hover h3 {
    opacity: 1;
}

button#keyboard:hover h3 {
    opacity: 1;
}

button#clear:hover h3 {
    opacity: 1;
}

.newcanvas .sizeButtons .btn {
    width: 48%;
}

.newcanvas .colorpicker {
    background: transparent;
    height: 40px;
    margin-bottom: 0;
}

.newcanvas {
    display: flex;
    position: absolute;
    left: 0;
    top: 54px;
    width: 97%;
    height: 75%;
    visibility: hidden;
    overflow: hidden;
}

    .newcanvas.active {
        background: #fff;
    }

.typing-text {
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    padding: 9px;
}

    .typing-text textarea {
        border: 1px solid #ddd;
    }

.divtext {
    border: 1px solid #d3d3d3;
    padding: 5px;
    width: 20em;
    min-height: 2em;
    overflow: auto;
}

.typing-text .removeText {
    font-size: 12px;
    z-index: 9999;
    position: absolute;
    right: 2px;
    top: 2px;
    color: black;
    background: white;
    border-radius: 50%;
    height: 16px;
    width: 17px;
    text-align: center;
}

.typing-text textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 1px 10px;
    background: white;
    color: #000000;
    box-shadow: 2px 2px 6px #919191;
}

.canvasSize input#sizeX, .canvasSize input#sizeY {
    margin-left: 5px;
    border: 1px solid #cdcdcd;
}

.canvasSize {
    display: none;
}

.newcanvas.active {
    height: 800px;
}

.canvasSize span.input-group-addon {
    vertical-align: middle;
    font-weight: bold;
    line-height: 2;
}

option:first-child {
    display: none;
}

.resume-button img {
    background: transparent;
    width: 50px;
    padding: 0;
}

.resume-button i {
    background: #21cd86;
    padding: 13px;
    border-radius: 50%;
    color: white;
    margin-right: 10px;
}

.teachingareablock .userFind:hover img {
    padding: 0;
}

.assement-inrdetails .student-result {
    display: flex;
    border: none;
}

video {
    width: 100%;
    background: #0c1d23;
    vertical-align: middle;
    object-fit: cover;
    padding: 70px 6px;
}

.teachingblock-active .tbdimg:after {
    content: "";
    background: url(../Images/bgshape3.PNG);
    /* height: 100%; */
    /* width: 100%; */
    position: absolute;
    background-size: cover;
    left: 0;
    height: 334px;
    width: 403px;
}

.teachingblock-active .tbdimg {
    position: relative;
    overflow: hidden;
}

.teachingblock-active p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    margin-bottom: 30px;
    line-height: 30px;
}

.teachingblock img {
    height: -webkit-fill-available;
    background: white;
    width: 100%;
    vertical-align: middle;
    object-fit: cover;
    padding: 53px 6px;
}

.teachingblock-active {
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
}

    .teachingblock-active h5 {
        font-size: 18px;
        font-weight: bold;
        color: #026ec5;
        line-height: 28px;
        margin: 15px 0;
    }

    .teachingblock-active .technicalBlock {
        width: inherit;
        display: flex;
        justify-content: space-around;
        transition: 0.5s;
        flex-wrap: wrap;
    }

        .teachingblock-active .technicalBlock .userFind {
            width: max-content;
            padding: 7px;
            display: inline-block;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }

        .teachingblock-active .technicalBlock p {
            line-height: 18px;
            margin-top: 8px;
            font-weight: bold;
        }

        .teachingblock-active .technicalBlock img {
            text-align: center;
            float: none;
            margin: auto;
            width: 75px;
            height: auto;
            background: #f0f5ff;
            transition: 0.5s;
            position: relative;
            margin-bottom: 0;
            padding: 11px;
            border-radius: 50%;
            border: 2px dashed #ccdfff;
            z-index: 9;
        }

        .teachingblock-active .technicalBlock .userFind:before {
            content: "";
            width: 81px;
            height: 80px;
            background: #026ec5;
            position: absolute;
            left: 50%;
            transform: translate(-50%) scale(0);
            top: 12px;
            border-radius: 50%;
            transition: 0.5s;
        }

        .teachingblock-active .technicalBlock .userFind:hover:before {
            top: 64px;
            transform: translate(-50%) scale(1);
        }

        .teachingblock-active .technicalBlock .userFind:after {
            content: "";
            width: 13%;
            height: 58%;
            background: #f5c827;
            left: 20%;
            top: -6%;
            position: absolute;
            border-radius: 50px;
            box-shadow: 46px -30px 0px 2px #6ccf4f;
            transition: 0.5s;
            transform: rotate(36deg) scale(0) translate(-50%, -50%);
        }

        .teachingblock-active .technicalBlock .userFind:hover:after {
            transform: rotate(40deg) scale(1);
        }

        .teachingblock-active .technicalBlock .userFind:hover p {
            color: #fff;
            position: relative;
            font-weight: normal;
        }

.newguide {
    overflow: auto;
}

.titlenew {
    font-size: 11px;
    line-height: 16px;
}

.technicalBlock img {
    width: 40px;
    height: 40px;
    margin: 0;
    margin-right: 07px;
    padding: 3px;
}

.jsFindVideo iframe {
    width: 95%;
    height: 574px;
}

.pridiction-pop-up-QA ul {
    overflow: unset;
    padding: 0 0px 0 0;
    margin: 0;
}

.worksheet .pridiction-pop-up-QA {
    top: 0;
    background: #fff;
    transition: 0.5s;
    height: 600px;
    overflow-y: scroll;
}

.pridiction-pop-up-QA.active {
    left: 0;
}

.pos-rel .pridiction-pop-up-QA {
    left: 0;
}

.pos-rel {
    position: relative;
    width: 100%;
    height: 100vh;
}

.question-answer h4 {
    font-size: 12px;
    width: max-content;
    text-align: right;
    font-weight: bold;
    background: #fff;
    padding: 0 5px;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    margin-top: 6px;
    cursor: pointer;
}

.u-exam-assess iframe {
    width: 100%;
    position: absolute;
    height: 92%;
}

.pridiction-pop-up, .u-exam-assess {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    background: #fff;
    min-width: 800px;
    padding: 0px;
    box-shadow: 0px 0px 16px 7px #6c6c6c8c;
    overflow: hidden !important;
    z-index: 9;
    min-height: 600px;
    display: none;
}

.pridiction-pop-up {
    top: 0%;
    left: 50%;
    transform: translate(-50%, 4%);
}

    .pridiction-pop-up ul li span {
        float: right;
        font-size: 14px;
        padding: 0px 5px;
        margin: 0;
    }

    .pridiction-pop-up ul {
        padding-left: 0;
        margin-bottom: 0;
    }

.pridiction-pop-up-content {
    padding: 19px;
}

.pridiction-pop-up-heading {
    margin-bottom: 5px;
    background: #000000;
    padding: 6px 15px;
    font-size: 20px;
    color: white;
    z-index: 9;
    position: relative;
}

.close-pridiction i {
    color: #9b9b9b;
}

    .close-pridiction i:hover {
        color: #fff;
    }

.pridiction-pop-up ul li {
    padding: 6px 10px;
    border: 0.5px solid #ddd;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 15px;
    background: #f1f1f1;
    position: relative;
}

.list-wrapper {
    overflow: scroll;
    padding: 15px;
    height: 100%;
}

.question img {
    vertical-align: top;
    width: 300px;
    object-fit: fill;
    max-height: 400px;
    display: block;
}

.question audio {
    vertical-align: top;
    padding: 0;
    display: block;
}

.question {
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
}

.comment p {
    color: green;
    cursor: pointer;
    margin-top: 0;
}

.list-item {
    border: 1px solid #EEE;
    background: #e7e7e7;
    margin-bottom: 17px;
    padding: 12px 18px;
    position: relative;
    list-style: none;
}

.answer label input.right:before {
    content: "\2713";
    background: green;
    color: #fff;
    font-size: 12px;
    padding: 0px 3px;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
    left: -2px;
    position: absolute;
    top: -1px;
    border-radius: 50%;
}

.answer label input.wrong:before {
    content: "\292B";
    background: #df0000;
    color: #fff;
    font-size: 12px;
    padding: 2px 3px;
    text-align: center;
    line-height: 12px;
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.q-right {
    background: green;
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 5px;
    font-size: 12px;
    right: 5px;
}

.q-wrong {
    background: #df0000;
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 5px;
    right: 5px;
}

.worksheet {
    width: 94%;
    margin-top: 23px;
}

.question-answer.list-item .answer label {
    font-size: 15px;
    margin: 0px 10px;
    font-weight: normal;
}

.question-answer.list-item .answer {
    margin: 6px 0px 0px;
    display: flex;
    font-weight: bold;
    flex-wrap: wrap;
}

input.right, input.wrong {
    position: relative;
}

.scrollingArrows ul li {
    list-style: none;
    cursor: pointer;
    font-size: 32px;
    margin-right: 20px;
}

.scrollingArrows {
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 0%;
}

    .scrollingArrows ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 13px;
    }

.worksheet .pridiction-pop-up-QA::-webkit-scrollbar {
    width: 0px;
}

.questionquiz .allbuttons2 {
    text-align: right;
}

.quiz-container ul {
    padding: 0;
}

ul.questionsAns li {
    display: none;
}

    ul.questionsAns li.active {
        display: block;
    }

.pop-up-contr {
    position: absolute;
    right: 10px;
    width: max-content;
    z-index: 99;
    color: #9b9b9b;
    display: flex;
    top: 5px;
}

.questionquiz h1 {
    font-weight: 300;
    margin: 0px;
    padding: 10px;
    font-size: 20px;
    background-color: #444;
    color: #fff;
}

.questionquiz .question {
    font-size: 28px;
    margin-bottom: 39px;
    line-height: 38px;
}

.questionquiz .answers textarea {
    width: 600px;
    height: 100px;
}

.questionquiz > .allbuttons2 button {
    background-color: transparent;
    color: #000;
    text-align: right;
    padding: 5px 9px;
    margin-bottom: 20px;
}

    .questionquiz > .allbuttons2 button:hover {
        color: #008f4f;
        background: transparent;
    }

.quiz-container ul li > div {
    font-weight: bold;
}

.questionquiz .answers {
    text-align: left;
    width: max-content;
    flex-direction: column;
    display: flex;
    margin-top: 15px;
    font-weight: normal;
    line-height: 40px;
}

    .questionquiz .answers label {
        border-radius: 6px;
    }

.questionquiz button {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    background-color: #ffffff;
    border: 0px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 20px;
}

    .questionquiz button:hover {
        color: #008f4f;
    }

.questionquiz .slide {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
    width: 100%;
    display: none;
}

.questionquiz .active-slide {
    opacity: 1;
    z-index: 2;
    display: block;
}

.questionquiz ul li img {
    vertical-align: top;
    width: 300px;
    object-fit: fill;
    max-height: 400px;
    display: block;
}

.quiz-container audio {
    vertical-align: top;
    padding: 0;
    display: block;
}

.questionquiz li {
    margin-bottom: 15px;
}

.questionquiz .quiz-container {
    position: relative;
    height: auto;
    width: 100%;
    padding: 20px;
}

ul.questionsAns li {
    display: none;
}

.allbuttons {
    position: absolute;
    bottom: 0;
    width: 97%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

button.previous {
    left: 0;
}

button.nxt {
    right: 0;
}

.newcanvas canvas#canvas {
    position: fixed;
    visibility: hidden;
}

.closecanvas {
    display: none;
}

.teachingareablock-img.jsFindVideo {
    display: flex;
    overflow-y: scroll;
    width: 100%;
    max-height: 93%;
}

.newcanvas div#sidebar button {
    margin: 5px 0px;
    border: 2px solid #a7a7a7;
    color: #000;
    background: #fff;
    border-radius: 5px;
}

div#sidebar input[type="color"] {
    padding: 0px 0px;
    border: 2px solid #a7a7a7;
}

.img-selection ul {
    background: #fff;
    height: 99%;
    padding: 8px;
    padding-left: 0;
    overflow-y: scroll;
    margin-left: 9px;
    box-shadow: 0px 0px 7px 0px #000;
    margin-bottom: 0px;
}

.dashboard-css .leftsection .timeTableBlock .card {
    overflow: visible;
    padding: 5px;
    padding: 8px !important;
    border-radius: 15px;
    width: 100%;
    margin: auto;
    margin-top: 12px;
}

.dashboard-css .timeTableBlock .card {
}

.result-table-block p {
    margin-bottom: 8px;
}

table.result-table {
    width: 100%;
    margin-bottom: 10px;
}

.dashboard-css .timetable-boxes .card h4 + h5 {
    text-align: left;
    padding-top: 3px !important;
}

.timeTableBlock .ttboxdetails img {
    width: 73px;
    margin: auto;
    display: block;
}

.dashboard-css .timeTableBlock:hover .card .p-2.mt-1:before {
    transform: scale(1);
}

.ttboxdetails {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 19px 10px;
    position: relative;
    margin: auto;
    border-radius: 15px;
    height: 100%;
    transition: 0.5s;
}

.teaching-plan-pop {
    opacity: 0;
    width: 30px;
    height: 30px;
    background: #6cd58e;
    position: absolute;
    text-align: center;
    padding: 4px 9px;
    border-radius: 50%;
    color: #fff;
    transform: translate(-50%);
    left: 50%;
    bottom: -17px;
}

.card:hover .teaching-plan-pop i {
    color: #fff !important;
}

.card:hover .teaching-plan-pop {
    opacity: 1;
}

.ttboxdetails h4 {
    margin: auto;
    position: relative;
    width: max-content;
    margin-bottom: 17px;
}

.dashboard-css .timeTableBlock .card .p-2.mt-1:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(45deg, #6cd58e, #026ec5);
    left: 0;
    top: 0;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 20px;
}

.ttboxdetails h4:before {
    content: "";
    height: 2px;
    width: 107%;
    position: absolute;
    bottom: -10px;
    background: #6cd58e;
    left: -3px;
    border-left: 3px solid white;
    border-right: 3px solid white;
    box-shadow: 4px 0px 0px 0px #6cd58e, -4px 0px 0px 0px #6cd58e;
}

table.result-table tr td:nth-child(1), table.result-table tr th:nth-child(1) {
    text-align: left;
    width: 40%;
}

.show-details-list {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 31px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
    /*.show-details-list i {
  margin: 0px 3px;
  font-size: 17px;
  padding: 6px 3px;
  color: #7a7979 !important;
  background: #f1f1f1;
  width: 100%;
  text-align: center;
  cursor: pointer;
  border: 1px solid #c9c9c9;
  transition: 0.5s;
}*/
    .show-details-list i {
        margin: 2px 3px;
        font-size: 17px;
        padding: 9px 4px;
        color: #ffffff !important;
        background: #a5a5a5;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }

        .show-details-list i:hover {
            background: #2ddb93;
            color: white !important;
        }

table.result-table tr td, table.result-table tr th {
    border: 1px solid #a5a5a5;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

.students-name .d-flex {
    align-items: center;
}

    .students-name .d-flex h2 {
        margin-bottom: 0;
    }

table.result-table thead {
    background: #d9d9d9;
}

.filter-test ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

    .filter-test ul li {
        list-style: none;
        border: 1px solid #e9e9e9;
        margin: 0px 0px 5px;
        padding: 5px 10px;
        font-size: 13px;
        background: #f3f3f3;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .filter-test ul li.active {
            background: #026ec5;
            color: #fff;
        }

.get-data-table {
    display: none;
    position: relative;
}

.result-table-block .table-responsive.get-data-table.active {
    margin-top: 0;
}

.get-data-table.active {
    display: block;
}

.result-table-block .table-responsive, .students-name {
    display: none;
}

    .result-table-block .table-responsive.active, .students-name.active {
        display: block;
    }

.teaching-result {
    width: 100%;
    display: flex;
}

.result-table-block {
    width: -webkit-fill-available;
}

.filter-test {
    width: 34%;
}

.teaching-result-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 20px;
    margin-bottom: 20px;
}

.result-details h4 {
    font-size: 20px;
    color: #026ec5;
}

.filter-test p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    padding-left: 15px;
}

.students-name th {
    background: #d9d9d9;
    border: 1px solid #9b9b9b;
    padding: 5px;
}

    .students-name td:nth-child(1), .students-name th:nth-child(1) {
        text-align: left;
        width: 35%;
    }

.student-result p {
    margin-right: 10px;
}

.students-name h3 {
    font-size: 17px;
    margin-bottom: 0;
    margin-left: 10px;
}

.assement-inrdetails > div .student-result p {
    margin-bottom: 0px;
    color: #000;
    margin-right: 5px;
}

.students-name td, .students-name th {
    font-size: 14px;
    width: 22%;
    text-align: center;
}

.students-name table {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.students-name td {
    border: 1px solid #a5a5a5;
    padding: 5px;
}

.students-name p {
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.assement-inrdetails > div .student-result p b {
    color: #000;
}

.timetable-details.p-3.assignment_details p b {
    color: #000;
}

.assement-inrdetails > div p {
    margin-bottom: 0px;
}

    .assement-inrdetails > div p b {
        color: #313131;
    }

table.result-table tr td span {
    cursor: pointer;
}

.graphic-view h3 span {
    border-radius: 5px;
    padding: 0 7px;
    float: unset !important;
    font-size: 12px;
    font-size: 15px !important;
    color: #fff !important;
    line-height: 18px !important;
}

span.avg-red {
    background: #cf2424;
    border-radius: 5px;
    padding: 0 7px;
    color: white;
    font-size: 12px;
}

span.avg-green {
    background: #268b2a;
    border-radius: 5px;
    padding: 0 7px;
    color: white;
    font-size: 12px;
}

span.avg-blue {
    background: #02569b;
    border-radius: 5px;
    padding: 0 7px;
    color: white;
    font-size: 12px;
}

span.avg-orange {
    background: #f14a15;
    border-radius: 5px;
    padding: 0px 7px;
    color: white;
    font-size: 12px;
}

.result-details {
    margin-bottom: 20px;
}

.result-table-block p b, .filter-test p {
    color: #000000 !important;
}

.detail .show_details .timetable-details .close-side-details {
    margin-top: -16px;
}



.student-result {
    padding: 0px 0px 0px 15px;
    border-left: 1px solid #ddd;
    margin: 7px 0px 0px;
    padding: 0;
    min-height: 30px;
    border-radius: 10px;
}

.asses-complete .student-result p {
    cursor: auto;
    margin: 0;
    float: left;
    height: 22px;
    border: 1px solid #fff;
}

p.\34 0-wid {
    width: 40%;
}

p.\31 5-wid {
    width: 15%;
}

p.\32 0-wid {
    width: 20%;
}

p.\31 5-wid {
    width: 15%;
}

p.\31 0-wid {
    width: 10%;
}

.asses-complete .student-result p span {
    border-radius: 100%;
    font-size: 12px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 4px 4px -1px #222222cc, inset 0px -3px 1px -3px #000000cc;
    text-align: center;
    width: 25PX;
    HEIGHT: 25PX;
    display: flex;
    margin-top: -18px;
    color: #000;
    line-height: 0;
    align-items: center;
    justify-content: center;
}

.card.p-2.mb-2.assessment-details .d-flex > div:nth-child(1) {
    margin-left: -50px;
    border-radius: 50%;
    overflow: hidden;
    width: 89px;
    padding: 15px;
    background: #fff;
    transition: 0.5s;
    box-shadow: 0px 0px 7px 5px #8080803d;
}

.card.p-2.mb-2.assessment-details:hover .d-flex > div:nth-child(1) {
    background: radial-gradient(#61b8ff, #005599);
    transition: 0.5s;
    box-shadow: 0px -1px 13px 0px #026ec557;
}

.attend p {
    margin-bottom: 0;
    color: #666666;
}

.attend h4 {
    font-weight: bold;
}

.asses-complete .student-result p span:last-child {
    margin-top: 22px;
    padding: 2px 3px;
    font-size: 12px;
    width: max-content;
    border-radius: 0;
    font-weight: bold;
    box-shadow: none;
    height: max-content;
    border-radius: 3px;
}

.asses-complete > div:nth-child(1) {
    width: 100%;
    padding-right: 10px;
}

.asses-complete h3 {
    margin-bottom: 13px;
}

.assement-inrdetails div:nth-child(3), .assement-inrdetails div:nth-child(2) {
    min-width: 10%;
}

.dashboard-css .set-width + .timetable-details.assessment-side-details {
    width: 70%;
    right: 12%;
    position: fixed;
    top: 10%;
    height: 85% !important;
    overflow: auto;
}

.dashboard-css .assessmentset-wid.set-width {
    width: 100%;
}

.modal.modal_multi.table_lesson span.close.close_multi {
    background: #026ec5;
}

.timetable-detial-strips > div:nth-child(1) p {
    color: #fff;
    margin-bottom: 0;
}

table.result-table tbody tr:last-child {
    font-weight: bold;
}

.Test-topic-wise table {
    width: 100%;
}

.Test-topic-wise td, .Test-topic-wise th {
    border: 1px solid #a5a5a5;
    padding: 5px;
    font-size: 13px;
    color: #212529;
    text-align: center;
    cursor: pointer;
}

    .Test-topic-wise td:nth-child(1), .Test-topic-wise th:nth-child(1) {
        text-align: left;
        width: 42%;
    }

.Test-topic-wise thead {
    background: #d9d9d9;
}

.Test-topic-wise-class .students-name {
    display: block;
}

.Test-topic-wise-class {
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: inset 0px 0px 2px 1px #8d8d8d;
    padding: 20px;
}

.Test-topic-wise {
    position: relative;
}

.close-test-topic, .close-total-stu-name {
    position: absolute;
    right: 10px;
    top: 7px;
    background: #000;
    color: #fff;
    padding: 4px 9px;
    box-shadow: 0px 0px 6px 0px #959595;
    cursor: pointer;
}

.Test-topic-wise-class .students-name {
    padding: 25px 0px;
    border: 0;
}

.pie-chart h3 {
    margin-bottom: 17px;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}

.show-graph-list-used.active > h3 {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 21px;
}

.students-name h2 {
    font-size: 18px;
    color: black;
    text-transform: capitalize;
}

.avgVal {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: inherit;
    display: none;
}

    .avgVal:after {
        content: "%";
    }

.timetable-detial-strips:hover .avgVal {
    display: flex;
}

.bg-grey {
    background: grey;
    color: #fff !important;
}

.bg-red {
    background: #bd0000;
    color: #fff !important;
}

.bg-orange {
    background: #d96401;
    color: #fff !important;
}

.bg-blue {
    background: #0363b1;
    color: #fff !important;
}

.bg-light-green {
    background: #24af13;
    color: #fff !important;
}

.bg-green {
    background: #0f7e02;
    color: #fff !important;
}

.students-name {
    border: 1px solid #c3c3c3;
    padding: 20px;
    position: relative;
}

.graph-list {
    display: flex;
    align-items: center;
}

    .graph-list > div {
        margin: 0px 5px;
        font-size: 19px;
        padding: 3px 8px;
        background: #d3d3d3;
        border-radius: 50%;
    }

.show-graph-list-used {
    display: none;
}

    .show-graph-list-used.active {
        display: block;
    }

.Test-topic-wise-class .students-name table td, .Test-topic-wise-class .students-name table th {
    cursor: auto;
}

.graphs.question-right {
    margin-top: 60px;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .graphs.question-right h4, .graphs.question-wrong h4 {
        justify-content: center;
        font-weight: 600;
        color: #000;
    }

    .graphs.question-right p + h4, .graphs.question-wrong p + h4 {
        position: absolute;
        width: max-content;
        left: 0%;
        top: 50%;
        transform: rotate(-90deg) translate(-0%, -190%);
    }

    .graphs.question-right canvas {
        padding-left: 40px;
    }

.graphs.question-wrong {
    position: relative;
}

.graphs.question-right p {
    font-size: 17px;
    text-align: center;
}

.graph-list > div i {
    color: #4e4e4e !important;
}

.list-view.show-graph-list.active-list {
    padding: 3px 8px;
    background: #026ec5;
    border-radius: 50%;
}

.graphic-view.show-graph-list.active-list {
    padding: 3px 8px;
    background: #026ec5;
    border-radius: 50%;
}

    .list-view.show-graph-list.active-list i, .graphic-view.show-graph-list.active-list i {
        color: #ffffff !important;
    }

.graph-list div {
    cursor: pointer;
}

.avgVal {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    display: none;
}

.pie-chart {
    display: flex;
    width: 100%;
    float: left;
    justify-content: center;
    position: relative;
}

div#chartContainer .canvasjs-chart-container:before {
    content: "";
    position: absolute;
    width: 210px;
    height: 26px;
    background: #fff;
    left: -16px;
    top: 24px;
    z-index: 9;
}

.pie-chart ul li {
    list-style: none;
    margin-bottom: 10px;
}

div#graph-container {
    width: 450px;
    float: left;
}

.test-wise.active {
    display: block;
}

.test-wise {
    display: none;
}

.outer-label {
    font-size: 12px;
    fill: #ccc;
    text-align: center;
}

.center {
    font-size: 18px;
    text-transform: uppercase;
    fill: #fff;
}

path {
    cursor: pointer;
}

@-webkit-keyframes scale-up {
    from {
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }

    to {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

div#graph-container #svg-container {
    height: 400px;
}

.pie-chart {
    padding-left: 40px;
}

.pie-chart-details {
    width: max-content;
    display: inline-block;
    vertical-align: top;
}

.pie-chart ul {
    padding-left: 0;
}

    .pie-chart ul li span {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        font-size: 0;
        padding: 9px;
        vertical-align: middle;
    }

span.bg-purple {
    background: rgb(0 85 153);
}

span.bg-light-purple {
    background: rgb(0 153 132);
}

span.bg-semi-light-purple {
    background: rgb(197 154 0);
}

#graph-container text.outer-label {
    font-weight: bold;
    font-size: 14px;
}

text.chartLabel.center {
    font-weight: bold;
    fill: #026ec5;
    font-size: 18px;
}

.pie-chart .filter-test {
    padding-left: 10px;
    margin-top: 80px;
}

div#chartContainer .canvasjs-chart-container canvas {
    display: block;
    margin: auto;
    transform: translate(-52%, 0%) scale(0.9);
    left: 50%;
    top: 50%;
}

.pie-chart button#backButton {
    position: absolute;
    left: 0;
    top: 6px;
    background: #e9e9e9;
    align-self: baseline;
    color: #000;
    padding: 0px 15px;
    border-radius: 0px;
    border: 1px solid #d3d3d3;
    width: max-content;
    font-size: 14px;
    margin-left: 35px;
    z-index: 9;
}

.timetable-boxes .timeTableBlock .timetable-detial-strips {
    cursor: auto;
}

.top-crousel li .slide.imgageslide .slide-content:before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background: repeating-linear-gradient(45deg, black, transparent, transparent 5px);
    right: 30px;
    top: -70px;
    border-radius: 50%;
    opacity: 0.1;
    animation: 14s rotate infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.slide.imgageslide {
    flex-flow: row-reverse;
}

    .slide.imgageslide h3, .slide.imgageslide p {
        color: #000 !important;
    }

.top-crousel li {
    padding: 0px;
}

    .top-crousel li .slide.imgageslide .slide-img {
        position: absolute;
        border-radius: 50%;
        overflow: hidden;
        width: 496px;
        height: 487px;
        bottom: 9px;
        left: -32px;
        border: 10px solid #f9b101;
    }

        .top-crousel li .slide.imgageslide .slide-img img {
            width: 100%;
            position: absolute;
            height: 52%;
            bottom: 0;
        }

    .top-crousel li .slide .slide-content h3 {
        font-size: 22px;
        color: #2ddb93;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .top-crousel li .slide p a i {
        font-size: 22px;
        vertical-align: middle;
        color: #0adf87;
        margin-right: 4px;
    }

    .top-crousel li .slide p a {
        font-weight: 600;
        font-size: 13px;
        color: #242424;
    }

    .top-crousel li .slide .slide-content .read-button:hover a {
        font-weight: 600;
        font-size: 13px;
        color: #026ec5;
        text-decoration: none;
    }

        .top-crousel li .slide .slide-content .read-button:hover a i {
            color: #026ec5;
        }

    .top-crousel li .slide .slide-content {
        padding: 20px 10px;
        position: absolute;
        background: #00000066;
        top: 50%;
        left: 1%;
        transform: translate(-0%, -50%);
        width: 450px;
    }

    .top-crousel li .slide.videoslide video {
        width: 68%;
        height: 100%;
        background: black;
        padding: 0;
        object-fit: cover;
        margin-left: auto;
    }

    .top-crousel li .slide .slide-content p {
        color: white;
        font-size: 15px;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .top-crousel li .slide {
        padding: 0;
        display: flex;
        position: relative;
        align-items: flex-start;
        overflow: hidden;
        list-style: none;
        justify-content: flex-start;
        box-shadow: none;
        position: relative;
        height: 250px;
    }

p.read-button a:hover {
    text-decoration: none;
}

p.read-button i {
    color: #fff !important;
    font-size: 18px !important;
}

.top-crousel li .slide.imgageslide .slide-content {
    position: static !important;
    left: unset;
    float: right;
    right: 0;
    background: transparent;
    width: 55%;
    transform: unset;
    z-index: 99 !important;
}

.top-crousel li .slide.imgageslide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../Images/banner-2.png);
    top: 0;
    background-size: 100% 100%;
    left: 0;
}

.top-crousel li .slide.imgageslide .videoslide .slide-content h3 {
    color: black;
    font-weight: bold;
    position: relative;
}

.top-crousel li .slide.imgageslide .videoslide .slide-content p {
    color: #000;
    position: relative;
}

.top-crousel li .slide.imgageslide .videoslide .slide-img .read-button {
    width: max-content;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -3px;
    bottom: 10px;
    background: #ffffff;
    border-radius: 4px;
    padding: 0 15px;
    box-shadow: -2px 2px 0px 1px #026ec5;
}

.top-crousel li .slide.videoslide2 video {
    width: 62%;
    height: 100%;
    background: black;
    padding: 0;
    object-fit: cover;
    margin-left: auto;
}

.slide.videoslide, .slide.videoslide2 {
    width: 100%;
    height: 270px;
}

.slide-content {
    position: relative;
}

#content-slider1 .d-flex .videoslide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../Images/banner-1.png);
    filter: drop-shadow(24px 10px 6px black);
    background-size: 100% 100%;
}

#content-slider1 .d-flex .videoslide2:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../Images/banner-3.png);
    filter: drop-shadow(29px 2px 13px black);
    background-size: 100% 100%;
}

#content-slider1 .slide-content {
    position: absolute;
    height: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px;
    z-index: 9;
    width: 40%;
}

#content-slider1 .d-flex {
    position: relative;
    overflow: hidden;
}

#content-slider1 .slide-content p, #content-slider1 .slide-content h3 {
    position: relative;
    color: #fff;
    font-size: 17px;
}

#content-slider1 .slide-content h3 {
    font-size: 22px;
    color: #2ddb93;
    margin-bottom: 20px;
    font-weight: bold;
}

#content-slider1 .videoslide .slide-content p, #content-slider1 .imagegeslide .slide-content p {
    font-size: 15px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: justify;
    width: 390px;
}

#content-slider1 .slide-content p.read-button {
    margin-top: 6px;
    border-radius: 15px;
}

    #content-slider1 .slide-content p.read-button a {
        color: #fff;
        font-size: 17px;
    }

    #content-slider1 .slide-content p.read-button img {
        width: 50px;
    }

.slide.imgageslide p.read-button a {
    color: #000 !important;
}

.filter-section .filter-details {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 0px;
    background: #026ec5;
}

    .filter-section .filter-details img {
        width: 28px;
        margin-right: 10px;
    }

    .filter-section .filter-details p {
        font-size: 18px;
        width: 94%;
        margin: 0 5px;
        background: #fff;
        padding: 9px 20px;
        border-radius: 6px;
        border-top: 0;
        border-bottom: 0px;
        border-left: 0px;
        color: #026ec5;
        height: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .filter-section .filter-details p span {
            margin-right: 16px;
            color: #000;
        }

.filter-section {
    display: flex;
    align-items: stretch;
    position: relative;
    border: 5px solid #026ec5;
    background: #026ec5;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .filter-section .filter-details p:last-child {
        width: 150%;
    }

.row.teachingblock-active h5:before {
    content: "";
    width: 7px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #21cd86;
    border-radius: 20px;
}

.row.teachingblock-active h5 {
    position: relative;
    font-size: 22px;
    padding: 7px 20px 7px 22px;
}

.filter-icon img {
    height: 32px;
}

.filter-icon {
    background: #21cd86;
    border-radius: 5px;
    box-shadow: -1px 3px 18px -5px #9d9b9b;
    padding: 1px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.scrollDiv {
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

    .scrollDiv .d-flex.justify-content-between {
        align-items: center;
    }

.filter-popup {
    position: absolute;
    right: 0;
    width: 0px;
    background: #fff;
    z-index: 99;
    top: 103%;
    overflow: hidden;
    transition: 0.5s;
}

    .filter-popup ul li {
        list-style: none;
        display: inline-block;
        width: max-content;
        background: #ffffff;
        transition: 0.5s;
        margin: 5px 9px;
        border-radius: 5px;
        margin-bottom: 20px;
        min-width: 67px;
        padding: 4px 7px;
        box-shadow: 0px 0px 9px 0px #d3d3d3;
        text-align: center;
        cursor: pointer;
    }
/*Mani 14.02.2022 Add start*/
#chapterUL {
    display: inline-block;
    width: 100%;
}

    #chapterUL li {
        width: 97%;
        text-align: left;
        margin: 7px;
    }
/*Mani 14.02.2022 Add End*/
.filter-popup ul {
    padding-left: 0px;
    display: flex;
    overflow-x: scroll;
    margin-bottom: 0px;
}

.filter-popup p {
    font-weight: bold;
    font-size: 16px;
    color: #026ec5;
}

.filter-popup select {
    width: 100%;
    padding: 11px 0px;
    border: 0px solid;
    border-bottom: 1px solid #d9d9d9;
}

.filter-popup ul li img {
    width: 50px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
}

.filter-popup.active {
    width: 600px;
    padding: 20px 13px 40px;
    box-shadow: 0px 14px 20px 4px #bdbdbd;
    z-index: 9999 !important;
}

.filter-popup .arrows {
    display: flex;
    flex-direction: row-reverse;
}

    .filter-popup .arrows div {
        margin: 0px 4px;
        padding: 1px 10px;
        opacity: 0.3;
        transition: 0.5s;
        cursor: pointer;
    }

        .filter-popup .arrows div:hover {
            opacity: 1;
        }

.filter-popup ul li.active, .filter-popup ul li:hover {
    border: 3px solid #21cd86;
}

.filter-popup ul::-webkit-scrollbar {
    width: 0em;
    height: 0em
}

.scrollDiv.subjectWise ul li {
    padding: 20px 10px;
    min-width: 110px;
}

.dashboard-css .assess-left .headings, .dashboard-css .assess-right .headings {
    color: #0157b3 !important;
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.feeds p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
/*Start 18-01-2022*/
.feeds h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
/*End 18-01-2022*/
.leftsection .timeTableBlock h3 {
    margin-top: 21px;
    color: #026ec5;
    font-size: 20px;
    font-weight: normal;
}

.bannerimg:before {
    content: "";
    position: absolute;
    left: 19px;
    width: 26px;
    height: 50px;
    background: url(../Images/topic_ic.png) no-repeat;
    background-size: 100%;
}

.login-Name h3 {
    font-size: 27px;
}

.timetableinr-details .samplef .form-group .form-control.uplabel1 {
    background: #f2f2f29e;
    padding-top: 5px;
    line-height: 29px;
    box-shadow: 0px -1px 5px 0px #ddd;
    margin-top: 12px;
    border: 1px solid #e5e4e4;
}

.dropleft a {
    color: #ffffff !Important;
    background: #026ec5;
    padding: 3px 5px;
    border-radius: 5px;
}

.dropleft label p {
    color: #fff !Important;
    background: #026ec5 !important;
    padding: 0px 5px;
    border-radius: 5px;
    position: absolute;
    right: 26px;
}

.timetableinr-details .samplef .form-group label.e-float-text {
    font-size: 16px !Important;
    color: #026ec5 !important;
}

.dropdown-menu li.dropdown-item i {
    color: #026ec5;
}

.lesson-plan-dtl-modal {
    background: #e6e6e6;
    padding: 10px;
    border-bottom: 4px double #999;
}

div#accordionExample .collapse {
    margin-top: 13px;
}

div#accordionExample div[data-toggle] {
    background: #e6e6e6;
    padding: 7px 8px;
}

div#accordionExample .wid-100 > .wid-100 {
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

div#accordionExample div[data-toggle] label {
    margin-bottom: 0px;
}

div#accordionExample .collapse textarea {
    background: transparent;
    border: none;
    padding: 5px 10px;
}

div#accordionExample .wid-100 > .wid-100.form-group {
    margin-bottom: 0px;
}

div#accordionExample > .wid-100 {
    margin-top: 26px;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

    .accordion-button::after {
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        margin-left: auto;
        content: "";
        background: url(../Images/chevron-down.png);
        background-repeat: no-repeat;
        transition: transform .2s ease-in-out;
        background-size: 100% 100%
    }

.accordian-head {
    padding: 12px 0px;
    border-bottom: 0px !important;
    box-shadow: 0px 0px 5px 0px #026ec5;
}

    .accordian-head > div label:nth-child(1) {
        display: block;
        color: #026ec5;
    }

.accordion-button.active::after {
    transform: rotate(180deg);
}

.samplef .form-group:first-child:last-child .form-control {
    width: 100% !important;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.timeTableBlock.uncomplete {
    position: static;
    background: unset;
    display: unset;
    border-radius: unset;
    height: auto;
}

.timetable-boxes .samplef .wid-25 {
    width: 25% !important;
}

.assement-inrdetails .student-result {
    display: flex;
    border: none;
}

.assessmentset-wid .timeTableBlock h3 {
    color: #fff !important;
    margin: 0px;
    margin-bottom: 10px;
}

.show-details-list {
    position: absolute !important;
    padding: 0px !important;
    right: 0px;
    bottom: 0;
    width: 31px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
/*Start Akshay 21-01-2022*/
.students-name .table-responsive td i.fas.fa-check {
    color: green;
}

.students-name .table-responsive td i.fas.fa-times {
    color: #cf2424;
}

.show-graph-list-used .students-name h3 {
    margin-left: 0px;
}

.students-name-student {
    display: none;
}

    .students-name-student.active-stu, .Student-section-wise.active-stu {
        display: block !important;
    }

.students-name .d-flex {
    justify-content: space-between;
}

    .students-name .d-flex div {
        display: flex;
        margin-right: 20px;
    }

        .students-name .d-flex div p {
            border: 1px solid;
            margin: 0px 5px;
            padding: 0px 10px;
            line-height: 24px;
            color: #026ec5;
            cursor: pointer;
            font-weight: normal;
        }

            .students-name .d-flex div p.active {
                background: #026ec5;
                color: #fff;
            }

.students-name span.green-border {
    border: 1px solid green;
    padding: 2px 6px;
    border-radius: 50%;
    color: green;
}

.students-name span.red-border {
    border: 1px solid red;
    padding: 2px 6px;
    border-radius: 50%;
    margin: 0px 5px;
    color: red;
}

td.show-result-sec-wise {
    cursor: pointer;
}

    td.show-result-sec-wise:hover {
        color: grey;
    }

.students-name td:nth-child(2), .students-name th:nth-child(2), .students-name td:nth-child(3), .students-name th:nth-child(3), .students-name td:nth-child(4), .students-name th:nth-child(4) {
    min-width: 100px;
}
/*End Akshy 21-01-2022*/

.sort-list-message, .messageinr-boxes .card.active, .dashboard-css .assignment-details form, .dashboard-css .feeds, .dashboard-css .fileframe .embed-responsive-item, .dashboard-css .assignment-details, .dashboard-css .mutliSelect-p, .dashboard-css .timetable-details, .dashboard-css .leftsection, .dashboard-css .panel-data, .img-selection ul, .filter-popup ul, .worksheet .pridiction-pop-up-QA, .dashboard-css .teachingarea-details, .dashboard-css .menu, .detailed-block_message, .inrtbs, .messageinr-boxes .card.active {
    scrollbar-width: none;
}


/*StaffPortal Attendance*/

.attendance_graph1 .canvas-con {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 365px;
    position: relative;
}

.attendance_graph1 p {
    position: relative;
    left: 194px;
    margin-top: 64px;
}

.attendance_graph1 .canvas-con-inner {
    height: 100%;
}

.attendance_graph1 .canvas-con-inner, .legend-con {
    display: inline-block;
}

.attendance_graph1 .legend-con {
    font-family: Roboto;
    display: inline-block;
}

    .attendance_graph1 .legend-con ul {
        list-style: none;
    }

    .attendance_graph1 .legend-con li {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

        .attendance_graph1 .legend-con li span {
            display: inline-block;
        }

            .attendance_graph1 .legend-con li span.chart-legend {
                width: 25px;
                height: 25px;
                margin-right: 10px;
            }

.attendance_heading h2 {
    font-size: 22px;
}

.attendance_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 10px;
}

.leaveDays::-webkit-scrollbar {
    height: 5px;
    background: #026ec5;
}

.leaveDays::-webkit-scrollbar-thumb {
    background: #a8d8ff;
}

.attendance_heading .leave_form_btn > button {
    border: 0px;
    padding: 7px 20px;
    margin: 0px 5px;
    transition: 0.5s ease-in;
    border-radius: 5px;
    cursor: pointer;
}

.attendance_heading button:focus {
    outline: 0px;
}

.attendance_details {
    padding: 30px;
    display: flex;
}

button.active {
    background: #026ec5;
    color: #fff;
}

.leave_form {
    position: absolute;
    right: -10px;
    top: 140%;
    background: #fff;
    z-index: 9;
    padding: 20px 30px;
    width: 510px;
    border-radius: 20px;
    box-shadow: 0px 0px 12px 6px #ddd;
    display: none;
}

.leave_month {
    margin-top: 30px;
}



    .leave_month .month {
        margin: auto;
        background: #026ec5;
        width: max-content;
        border-radius: 7px;
        padding: 0px 20px;
        color: #fff;
        position: relative;
        font-size: 12px;
    }


.year_selected {
    max-height: 600px;
    overflow-y: scroll;
    padding: 10px 40px;
    display: none;
}

    .year_selected.active {
        display: block;
    }

.leave_history {
    position: absolute;
    right: -10px;
    top: 140%;
    background: #fff;
    z-index: 9;
    padding: 20px 0px;
    width: 490px;
    border-radius: 20px;
    box-shadow: 0px 0px 12px 6px #ddd;
    display: none;
}

.leave_month .month:before {
    content: "";
    width: 200%;
    height: 2px;
    background: #026ec5;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: -1;
    border-radius: 6px;
}

.leave_month ul li span {
    color: #fff;
    display: block;
    font-size: 12px;
}

.leave_month ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #29b77c;
    margin: 16px 0;
    padding: 4px;
    border-radius: 10px;
}

.leave_month ul {
    padding-left: 0;
}

    .leave_month ul li h4, .leave_month ul li p {
        text-align: center;
        width: 100%;
        border-left: 1px solid #ffffff8f;
        margin-bottom: 0;
        font-size: 16px;
        color: #fff;
    }

    .leave_month ul li h4 {
        font-size: 20px;
        border: 0;
    }

.leave_form .leave_form_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 20px;
    border-bottom: 1px dashed #8d8d8d;
    margin-bottom: 20px;
}

    .leave_form .leave_form_block > div {
        padding: 11px;
        border-radius: 14px;
        background: #f1f1f1;
        margin: 8px;
        width: 25%;
        text-align: center;
    }

        .leave_form .leave_form_block > div p, .leave_form .leave_form_block > div h5 {
            font-size: 16px;
            font-weight: 600;
            position: relative;
            color: #000;
        }

            .leave_form .leave_form_block > div p:before {
                content: "";
                width: 50%;
                height: 5px;
                background: #026ec5;
                position: absolute;
                top: 106%;
                transform: translate(-50%);
                left: 50%;
                border-radius: 12px;
            }

        .leave_form .leave_form_block > div p {
            position: relative;
            margin-bottom: 20px;
            color: #525252;
        }

.leave_apply_form select, .leave_apply_form input {
    width: 100%;
    padding: 9px;
    margin-bottom: 15px;
    background: #f1f1f1;
    border: 0;
    border-radius: 8px;
}

.date-selection label {
    width: 100% !important;
}

.date-selection > div {
    width: 48%;
}

.leave_apply_form label {
    width: 30%;
    font-weight: 600;
}

.leave_apply_form .flex-box {
    display: flex;
    align-items: flex-start;
    text-align: initial;
    width: 100%;
}

.leave_type div.active {
    background: #d1e5f5;
}

.leave_apply_form > div img {
    height: 70px;
    vertical-align: middle;
}

div#img_preview {
    display: unset;
}

    div#img_preview img {
        display: inline-block;
    }

.date-selection input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: unset !important;
    left: unset !important;
    ;
    right: 10px !important;
    ;
    bottom: unset !important;
    width: 100%;
    height: auto;
    color: transparent;
    background: transparent;
}

.leave_type div.active i {
    display: block;
}

.leave_apply_form > div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 20px;
}

.select_session h2 {
    position: absolute;
    right: -7px;
    top: -20px;
    margin: 0 !important;
    background: green;
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 14px;
    color: #fff !important;
    border-radius: 50%;
}

.leave_apply_form .flex-box textarea {
    width: 100%;
    border: 0;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 12px;
    margin-right: 8px;
    border-radius: 8px;
}

.leave_apply_form
input[type="submit"] {
    width: 130px;
    margin: auto;
    display: block;
    margin-top: 17px;
    background: #085593;
    color: #fff;
    cursor: pointer;
}

.attendance_heading button:hover {
    background: #026ec5;
    color: #fff;
}

.leave_year #slides button {
    border: 0;
    background: transparent;
    color: #000;
}

.leave_apply_form .flex-box .leave_attachment {
    background: #026ec5;
    padding: 5px 10px;
    font-weight: 600;
    color: #fff;
    position: relative;
    border-radius: 7px;
}

.attendance_details table td, .attendance_details table th {
    text-align: center;
    padding: 10px 20px;
    background: #e9e9e9;
    border-left: 1px dashed #c5c5c5;
    border-top: 2px solid #fff;
}

    .attendance_details table th span {
        width: 20px;
        height: 20px;
        background: #26a726;
        border-radius: 50%;
        color: transparent;
        line-height: 0px;
        vertical-align: middle;
        font-size: 9px;
        padding: 0px 2px;
        margin-right: 4px;
    }

    .attendance_details table td:nth-child(1), .attendance_details table th:nth-child(1) {
        text-align: left;
        border-left: 0;
        font-weight: 600;
    }

.attendance_details table th {
    background: #e4f3ff;
    color: #026ec5;
    font-weight: 600;
    padding: 10px 20px;
}

.attendance_details table {
    border-radius: 12px;
    min-width: 100%;
    overflow: hidden;
}

    .attendance_details table th.present span {
        background: #5ab069;
    }

    .attendance_details table th.absent span {
        background: #df6a56;
    }

    .attendance_details table th.leave span {
        background: #dfa928;
    }

    .attendance_details table th.leave {
        color: #dfa928;
    }

    .attendance_details table th.present {
        color: #5ab069;
    }

    .attendance_details table th.absent {
        color: #df6a56;
    }

    .attendance_details table th.halfday {
        color: #e68a49;
    }

        .attendance_details table th.halfday span {
            background: #e68a49;
        }

.attendance_details > div {
}

.attendance_details .table-responsive {
    width: 50%;
}

.attendance_details .attendance_graph {
    margin-left: 30px;
    width: 49%;
}

.close-history {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 24px;
    font-weight: 500;
    color: #686868;
    cursor: pointer;
}

.leave_form_btn button.active {
    background: #026ec5;
    color: #fff;
}

.attendance_details tr.active td {
    background: #e2f2ff;
}

.byMonth .month-tab ul li {
    margin: 4px;
    list-style: none;
    color: #000;
    padding: 1px 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.byMonth .month-tab ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

    .byMonth .month-tab ul li.active {
        background: #026ec5;
        color: #fff;
        border-radius: 7px;
    }

.barView {
    display: none;
}

    .barView.active, .PieView.active {
        display: block !important;
    }

.view_selection {
    display: flex;
    justify-content: flex-end;
}

    .view_selection > div {
        margin: 0 1px 20px;
        padding: 2px 10px;
        color: #026ec5;
        cursor: pointer;
    }

    .view_selection div.active {
        background: #026ec5;
        color: #fff;
        border-radius: 3px;
    }

.select_month_yr {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .select_month_yr > div {
        padding: 2px 13px;
        border: 1px solid #026ec5;
        margin: 0px 5px;
        color: #026ec5;
        cursor: pointer;
        border-radius: 5px;
        position: relative;
    }

        .select_month_yr > div.active {
            background: #026ec5;
            color: #fff;
        }

.selectMonth:before {
    content: "";
    width: 65%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #ff000000;
}

.leave_type {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.leave_type {
}

    .leave_type div i {
        position: absolute;
        right: -9px;
        display: none;
        top: -5px;
        background: #026ec5;
        padding: 5px;
        border-radius: 50%;
        z-index: 9;
        font-size: 9px;
        color: #fff;
    }

    .leave_type div {
        cursor: pointer;
        position: relative;
        color: #026ec5;
        font-size: 16px;
        padding: 3px 13px;
        border: 1px solid #026ec5;
        margin: 0px 9px;
        border-radius: 4px;
    }

.leave_apply_form .flex-box .leave_attachment input {
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer !important;
    left: 0;
    z-index: 9;
}

.leave_apply_form > div option:first-child {
    display: block;
}


.attendance_graph1 h3 {
    font-size: 19px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
    text-transform: uppercase;
}

.leaveDays {
    display: flex;
    width: 100%;
    /* padding: 5px; */
    background: #f1f1f1;
    overflow-x: scroll;
}

.select_session {
    position: relative;
    justify-content: flex-start !important;
}

.session_blk {
    width: 100%;
    font-size: 13px;
    text-align: center;
    min-width: 41px;
}

    .session_blk div {
        border: 1px solid #ebebeb;
        padding: 5px;
    }

.Head_session > div {
    padding: 5px;
    color: #fff;
    text-align: center;
    border: 0.5px solid #dddddd63;
    font-size: 13px;
}

.session_blk div i {
    color: #dfdfdf40;
}

.session_blk div.active {
    background: green;
}

    .session_blk div.active i {
        color: #fff;
    }

.Head_session {
    background: #026ec5;
}

.imgUpload_blk {
    display: inline-block;
    background: #f1f1f1;
    position: relative;
    margin-right: 15px;
    margin-bottom: 20px;
}

    .imgUpload_blk .removeimg {
        position: absolute;
        right: 0;
        width: 14px;
        height: 14px;
        background: #fff;
        text-align: center;
        line-height: 9px;
        border-radius: 50%;
        right: -5px;
        cursor: pointer;
        top: -10px;
        box-shadow: 0px 0px 5px 0px #919191;
    }

div#img_preview p {
    display: none;
}



div#img_preview {
    flex-wrap: wrap;
    justify-content: flex-start;
}


/*StaffPortal Attendance*/
.dropDown-block {
    position: absolute;
    top: 100%;
    width: max-content;
    left: 0;
    box-shadow: -2px 3px 5px 0px #ddd;
    display: none;
}

.userFind.VideoPlay:hover .dropDown-block {
    display: block;
}

.teachingareablock .card {
    overflow: unset;
}

.userFind.VideoPlay {
    position: relative;
}

.dropDown-block ul {
    overflow: hidden;
    background: #fff;
    padding: 9px;
    padding-left: 0;
    z-index: 9;
    position: relative;
    margin-bottom: 0;
}

    .dropDown-block ul li {
        list-style: none;
        margin-top: 5px;
        position: relative;
        background: #fff;
        font-size: 14px;
        margin-left: 1px;
    }

.img-selection {
    width: 150px;
    left: 0;
    position: relative;
    z-index: 99999;
}

    .img-selection ul {
        background: #fff;
        height: 100%;
        padding: 8px;
        padding-left: 0;
        overflow-y: scroll;
        margin-left: 9px;
        box-shadow: 0px 0px 7px 0px #000;
        margin-bottom: 0;
    }

        .img-selection ul::-webkit-scrollbar {
            display: none;
        }

        .img-selection ul li {
            list-style: none;
            margin: 12px 0px;
            border: 2px solid #000;
            cursor: pointer;
        }

.teachingareablock-img.jsFindVideo {
    display: flex;
}

.img-selection ul li.active {
    box-shadow: 0px 0px 9px 0px #026ec5;
    border: 2px solid #006abf;
}


.teachingblock-active .html5-video-player:after {
    content: "";
    background: url(../Images/bgshape3.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    left: 0;
}

.dashboard-css .mocktest1.active {
    display: inline-block;
}





/*----------------------20-06-2022(VIPIN For Academic Session)-------------------------------------------------*/
.dashboard-css .navbarout .navbar_rightout .profile.active .icon_wrap {
    color: #026ec5;
}

.dashboard-css .navbarout .navbar_rightout .session {
    margin-right: 15px
}

    .dashboard-css .navbarout .navbar_rightout .session .icon_wrap {
        align-items: center;
    }

.dashboard-css .navbarout .navbar_rightout .icon_wrap {
    cursor: pointer;
}

.dashboard-css .navbarout .session.active .session_dd {
    display: block;
    transition: all 0.4s ease;
}

.dashboard-css .navbarout .navbar_rightout .session .name {
    display: inline-block;
    margin: 0 5px 3px;
    color: white;
}

.dashboard-css .navbarout .session .session_dd {
    width: 300px;
    padding: 10px;
    right: 35px;
    top: 55px;
}

.dashboard-css .navbarout .session .session_dd {
    position: absolute;
    top: 50px;
    right: 150px;
    user-select: none;
    background: #fff;
    border: 1px solid #dadada;
    width: 206px;
    text-align: left;
    height: auto;
    display: none;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 10px 0px;
    transition: all 0.4s ease;
    z-index: 99999;
    border-radius: 12px;
}

.dashboard-css ul.session_ul {
    padding: 0;
    margin-bottom: -1px !important;
}

.dashboard-css .navbarout .session .session_dd ul li {
    list-style: none;
    margin-top: 5px;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
}

.dashboard-css .navbarout .session .session_ul ul li a {
    display: block;
    padding: 5px 8px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #171717 !important;
}

.dashboard-css .navbarout .session .session_dd:before {
    content: "";
    position: absolute;
    top: -20px;
    right: 15px;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
}
/*--------------------Added BY ATUL ON 28.06.2022-------------------------------------*/
.feenewtable tr td:nth-child(1) {
    width: 10%;
}

.feenewtable tr td:nth-child(2) {
    width: 15%;
}

.feenewtable tr td:nth-child(3) {
    width: 15%;
}

.feenewtable tr td:nth-child(4) {
    width: 20%;
}

.feenewtable tr td:nth-child(5) {
    width: 20%;
}

.feenewtable tr td:nth-child(6) {
    width: 20%;
}

.feenewtable tr td .modelinput {
    width: 100%;
}
/*--------------------------------------------------------------------*/


/*-------By Mani(02-12-2022)--------------*/
.UserProfiletooltip {
    border: 3px double #9f9f9f;
    display: inline-block;
    box-shadow: 1px 1px 20px #9b9b9b;
    padding: 15px;
    -webki-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: visible;
    opacity: 1;
    position: absolute;
    overflow: hidden;
    top: 95px;
    z-index: 9999;
    background: #fff;
    right: 10px;
    display: none;
}

.LoginUserProfileCard {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 500px;
}

    .LoginUserProfileCard img {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        border: 1px solid #c1c1c1;
        padding: 3px;
        margin-right: 13px;
    }

.UserProfiletooltip.active {
    display: block !important;
}

.contentss {
    border-left: 1px solid #c5c5c5;
    padding-left: 15px;
}

.Profilebackoverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0);
}

.dashboard-css .navbarout .icon_wrap .profileImg {
    background: rgb(255, 255, 255) !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    margin-left: 8px !important;
}
/*-----------------------------------------*/

.SchoolAnalysis {
    background: #fff;
    margin-top: 40px;
    border-radius: 16px;
    padding: 20px 20px 24px;
    margin-bottom: 20px;
}

.minmaxi {
    position: absolute;
    top: 12px;
    right: 30px;
    background: #f3f3f3;
    padding: 8px 10px;
    border-radius: 8px;
}

    .minmaxi img {
        width: 24px;
    }

.SchoolAnalysismini {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    min-height: 94vh !important;
}

.block-title h3 {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 0;
    text-align: left;
    border-bottom: 4px solid #ccc;
    padding-bottom: 16px;
}

.SchoolAnalysisbody {
    padding: 30px 0px 10px;
}

.SchoolAnalysis #embeddingContainer .embed-attribution-container, #application-footer, .clickable-quicksight-attribution {
    display: none;
}

.activehide {
    display: none !important;
}

.SchoolAnalysiscard {
    position: relative;
    width: 230px;
    height: 253px;
    color: rgba(90, 89, 114, 1);
    cursor: pointer;
    box-shadow: 9px 9px 9px -1px rgba(0,0,0,.11);
    border: 2px solid;
    border-color: transparent;
    background: #fff;
    border-radius: 0 0 30px 30px;
    margin: 10px 12px;
    text-align: center;
    border-left: 2px solid #edeaead9;
    border-top: 2px solid #edeaead9;
}



    .SchoolAnalysiscard h3 {
        margin-top: 0;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        letter-spacing: .51px;
        font-family: Roboto, Helvetica, Arial, sans-serif;
    }

.SchoolAnalysisbody a:hover {
    text-decoration: none;
}

.d-flexsa {
    display: flex;
    justify-content: center;
}

/*.circleofbody {
    border-radius: 50%;
    padding: 20px;
    width: 170px;
    height: 170px;
}*/
.circleofbody1 {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 20px solid #fff;
    box-shadow: 0px 4px 4px 0px #00000026;
    margin-left: 49px;
    margin-bottom: 18px;
}

.SAcard1 {
    color: #8e5df3;
}

.SAcard2 {
    color: #067cd1;
}

.SAcard3 {
    color: #dd533b;
}

.SAcard4 {
    color: #9dc918;
}

.SAcard1:hover {
    color: #fff;
    background: linear-gradient(90deg,#b99ff8 0%,#a277fb 100%);
}

.SAcard2:hover {
    color: #fff;
    background: linear-gradient(90deg,#46b0fc 0%,#078dee 100%);
}

.SAcard3:hover {
    color: #fff;
    background: linear-gradient(90deg,#fea292 0%,#f38471 100%);
}

.SAcard4:hover {
    color: #fff;
    background: linear-gradient(90deg,#bad85e 0%,#d4f17c 100%);
}

/*.SAcard1 .circleofbody {
    background: linear-gradient(90deg,#b99ff8 0%,#a277fb 100%);
}*/
.SAcard1 .circleofbody1 {
    background: #d8cbf3;
    padding: 6px;
}

    .SAcard1 .circleofbody1 .saicon {
        height: 78px;
        padding: 18px;
    }
/*.SAcard2 .circleofbody {
    background: linear-gradient(90deg,#46b0fc 0%,#078dee 100%);
}*/

.SAcard2 .circleofbody1 {
    background: #a2d2f5;
    padding: 6px;
}

    .SAcard2 .circleofbody1 .saicon {
        height: 78px;
        padding: 17px;
    }

/*.SAcard3 .circleofbody {
    background: linear-gradient(90deg,#fea292 0%,#f38471 100%);
}*/

.SAcard3 .circleofbody1 {
    background: #fbcfc7;
    padding: 5px 11px;
}

    .SAcard3 .circleofbody1 .saicon {
        height: 78px;
        padding: 13px;
    }
/*.SAcard4 .circleofbody {
    background: linear-gradient(90deg,#bad85e 0%,#d4f17c 100%);
}*/

.SAcard4 .circleofbody1 {
    background: #dceda7;
    padding: 6px;
}

.SAcard4 .know-more {
    background: #d9eaa5;
}

.SAcard1 .know-more {
    background: #d8cbf3;
}

.SAcard2 .know-more {
    background: #a2d2f5;
}

.SAcard3 .know-more {
    background: #fbcfc7;
}

.SAcard4 .circleofbody1 .saicon {
    height: 78px;
    padding: 13px;
}

.SchoolAnalysiscard .know-more {
    border-radius: 50%;
    padding: 7px;
    height: 35px;
    margin-top: 18px;
}
/*.SchoolAnalysiscard .know-more:hover {
        transform: rotate(0);
    }*/
.Filterbtn {
    text-align: right;
    padding: 0px 16px;
}

    .Filterbtn label {
        font-size: 17px;
        font-family: 'Source Sans Pro', sans-serif;
        border: none;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 18px;
        vertical-align: middle;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #04AA6D;
        color: #ffffff;
    }

.Filterbtnshow {
    display: block;
}

.Filterbtnhide {
    display: none;
}

.minimaxi {
    padding: 0 16px;
    margin-top: -1px;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 35px;
}

.fullscreenmaxi {
    position: fixed !important;
    right: 0px !important;
    top: 0px !important;
    z-index: 99999 !important;
    width: 100% !important;
    height: 100vh !important;
}

    .fullscreenmaxi .e-content {
        height: 70vh !important;
    }

.fullscreen i {
    font-size: 21px;
    cursor: pointer;
}

.fullscreen .fullscreenmini {
    display: none
}

.classselect {
    position: absolute;
    z-index: 2;
    background-color: white;
    display: block;
    height: auto;
    width: max-content;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    top: 108px;
    left: 19px;
}

    .classselect .panel-heading {
        border-bottom: 1px solid;
        background: #419d14;
        color: #fff;
        padding: 0px 11px;
    }

    .classselect .panel-body {
        padding: 0px 14px;
    }


.classselect1 {
    position: absolute;
    z-index: 2;
    background-color: white;
    display: block;
    height: auto;
    width: max-content;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    top: 57px;
    left: 13px;
}

    .classselect1 .panel-heading {
        border-bottom: 1px solid;
        background: #419d14;
        color: #fff;
        padding: 0px 11px;
    }

    .classselect1 .panel-body {
        padding: 0px 14px;
    }

header .logo h1 span {
    font-size: 85%;
    font-weight: normal;
    color: var(--colorhoversub1);
}


.svbbodyvob {
    padding: 15px 0px;
    box-shadow: 0px 0px 12px 0px #c5c5c5;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
}

.svbbody {
    height: 110px;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 1px 1px 6px #f5f5f5;
    display: flex;
    color: #000;
    align-items: center;
}

    .svbbody img {
        height: 70px;
        width: 70px;
    }

    .svbbody div {
        width: 50%;
    }

.svbbodyleft {
    text-align: left;
    padding: 10px;
}

    .svbbodyleft h5 {
        margin-bottom: 5px;
        color: #000;
        font-size: 16px;
    }

    .svbbodyleft h3 {
        margin-bottom: 5px;
        color: #000;
    }

    .svbbodyleft p {
        border-radius: 6px;
        margin-bottom: 5px;
        color: #fff;
        font-size: 14px;
        background: var(--colrBack);
        width: 44px;
        height: 20px;
        line-height: 20px;
        padding-left: 6px;
    }

.svbbodyright {
    text-align: right;
    padding: 0px;
    margin-top: -45px;
}

.svbbodyrightgreen {
    color: #05d430;
    margin-bottom: 0px;
}

.svbbodyrightred {
    color: #f72609;
    margin-bottom: 0px;
}

/*Studentbasic*/
.StudentPage-bar {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #deebfd;
    box-shadow: -8px 12px 18px 0 #dadee8;
}

.Page-topline-aqua {
    border-top: 3px solid #00c0ef;
}

.Pagehead-box {
    background: #ffffff;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .Pagehead-box .p-rl-20 .customtab {
        border-bottom: 2px solid #f7fafc;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-bottom: 10px;
    }

        .Pagehead-box .p-rl-20 .customtab > li {
            float: left;
            margin-bottom: -1px;
        }

            .Pagehead-box .p-rl-20 .customtab > li a {
                border-left: 0;
                border-top: 0;
                border-right: 0;
                color: #666;
                font-size: 14px;
                -webkit-border-radius: 2px 2px 0 0;
                -moz-border-radius: 2px 2px 0 0;
                -ms-border-radius: 2px 2px 0 0;
                -o-border-radius: 2px 2px 0 0;
                position: relative;
                display: block;
                padding: 10px 15px;
                margin-right: 4px;
                line-height: 1.42857143;
                border: 1px solid transparent;
                border-bottom: 0px solid #36c6d3;
                background: #f4f1f1;
                border-radius: 5px;
                cursor: pointer;
            }

                .Pagehead-box .p-rl-20 .customtab > li a:hover {
                    background: #e6e6e6;
                }

                .Pagehead-box .p-rl-20 .customtab > li a.active, .Pagehead-box .p-rl-20 .customtab > li a.active:focus {
                    border-bottom: 0px solid #36c6d3;
                    background: var(--colrBack) !important;
                    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px var(--colrBack);
                    color: #fff;
                    border-radius: 5px;
                }

.page-content {
    padding: 0px 15px 15px;
}

.pagebody-head {
    padding: 9px 15px;
    margin-top: 0px;
    border-radius: 10px;
    background: rgba(220, 208, 208, 0.3);
    padding-left: 20px !important;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .pagebody-head h3 {
        font-weight: 500;
        text-transform: capitalize;
        color: #111111;
        font-size: 20px;
        margin-bottom: 0px;
        position: relative;
        line-height: 32px;
    }

    .pagebody-head label {
        position: absolute;
        top: 2px;
        margin-left: 8px;
        background-color: #ff9d01;
        color: #fff;
        border-radius: 4px;
        font-size: 14px;
        padding: 0px 12px;
    }

.pagebody-header-elements ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .pagebody-header-elements ul li {
        display: inline-block;
    }

        .pagebody-header-elements ul li a {
            display: block;
            background-color: #fff;
            border-radius: 4px;
            color: #646464;
            font-size: 18px;
            padding: 2px 8px;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            margin-right: 5px;
        }

            .pagebody-header-elements ul li a:hover {
                background-color: #ff9d01;
                color: #fff;
            }

.pagebodydetials2, .pagebodydetials3, .pagebodydetials4, .pagebodydetials5 {
    display: none;
}

.pagebody-content {
    padding: 15px 20px 15px 20px;
    position: relative;
}

    .pagebody-content .profile-sidebar {
        float: left;
        width: 200px;
        margin-right: 20px;
    }

.cardprofile {
    padding-top: 20px;
    padding-left: 30px;
}


.signatureupload {
    width: 100%;
    margin-top: 20px;
    height: 60px;
    border: 1px solid #dedede;
    margin-left: 0px;
    position: relative;
}

    .signatureupload input[type="file"] {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
    }

    .signatureupload img {
        width: 100%;
        height: 100%;
        /* object-fit: contain; */
        background: #f2f2f2;
    }

    .signatureupload span {
        position: absolute;
        bottom: 1px;
        right: 1px;
        line-height: 0;
        font-size: 18px;
        padding: 7px 7px;
        background: #f2f2f2;
        border-radius: 100%;
        z-index: 99;
        border: 1px solid #ddd;
    }

    .signatureupload label {
        right: -15px !important;
        top: -26px !important;
        background: transparent !important;
        width: 20px !important;
        left: inherit !important;
    }

.indivi .cardpage-head {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 2px;
    /* text-transform: uppercase; */
    color: #3a405b;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
    margin-bottom: 15px;
}

    .indivi .cardpage-head h2 {
        display: inline-block;
        padding: 11px 5px;
        vertical-align: middle;
        line-height: 17px;
        font-size: 17px;
        letter-spacing: 1px;
        text-align: left;
        margin-bottom: 0px;
        font-weight: 700;
        color: #3a405b;
    }

.showstu {
    display: block;
}

.hidestu {
    display: none;
}

/* Tooltip container */
.tooltipstudentbas {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltipstudentbas .tooltiptextstudentbas {
        visibility: hidden;
        width: 60px;
        background-color: #ff9d01;
        color: #fff;
        text-align: center;
        padding: 3px 0;
        border-radius: 6px;
        position: absolute;
        top: 114%;
        left: 133%;
        margin-left: -60px;
        z-index: 9;
        font-size: 14px;
    }

        .tooltipstudentbas .tooltiptextstudentbas::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #ff9d01 transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipstudentbas:hover .tooltiptextstudentbas {
        visibility: visible;
    }


/*Studentbasic*/
.detailsofallap {
    background: #f3f3f3;
    box-shadow: 3px 5px 2px #ebe9e9;
    width: 100%;
    padding: 5px 18px;
    height: 160px;
    overflow: hidden;
    text-align: center;
}

.hidemenuattende {
    height: auto !important;
}

    .hidemenuattende .showmenuattende {
        transform: rotate(180deg) !important;
    }

.showmenuattende {
    position: absolute;
    bottom: 10px;
    transition: 0.5s;
    background: var(--colrBack);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 1px;
    z-index: 99;
}
/*.hidemenuattende {
    transform: rotate(180deg);
}*/
.sfmmain .card-body {
    overflow-y: auto;
}

.std .card-body {
    overflow-y: visible;
}

/*StudentGatepass*/
.imgstugate {
    /* display: flex;
    flex-direction: row;*/
    /*  -webkit-box-pack: center;
    justify-content: center;*/
    margin-bottom: 5px;
    /* gap: 15px;*/
    text-align: center;
    display: grid;
    justify-content: center;
}

    .imgstugate input[type="file"] {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
    }

    .imgstugate img {
        position: relative;
        background-color: #EBF2F5;
        height: 110px;
        width: 110px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        border-radius: 50%;
        border-width: 1px;
        border-color: #C3D3DB;
        border-style: dashed;
        overflow: hidden;
        transition: background-color 225ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.stdpic {
    position: relative;
}

    .stdpic img {
        cursor: pointer;
    }

.imgstugate h4 {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
}

.stdpic span {
    position: absolute;
    bottom: 35px;
    right: 0px;
    line-height: 0;
    font-size: 18px;
    padding: 9px 9px;
    background: var(--colrBack);
    border-radius: 100%;
    color: #fff;
    border: 1px solid var(--colrBack);
    cursor: pointer;
}

div#divCameracPopUP {
    width: calc(100% - 10%);
    left: 5%;
    padding-right: 0;
    top: 6%;
    background: transparent !important;
    box-shadow: none !important;
}

    div#divCameracPopUP .modal-content {
        width: 100%;
        padding: 0;
    }

    div#divCameracPopUP .modal-body {
        padding: 0;
    }


.webcam {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.GridBox-icons #addDiv .btn-primary {
    width: 100px;
    text-align: center !important;
}

.GridBox-icons #addDiv .form-feild {
    margin: 1px 0px;
    font-weight: 600;
    letter-spacing: 1.1px;
    font-size: 15px;
}

.GridBox-icons #addDiv .form-feild1 {
    margin: 20px 0px 0px;
    font-weight: 600;
    letter-spacing: 1.1px;
    font-size: 15px;
    display: flex;
    justify-content: center;
}

button#btnOTP {
    margin: 0 !important;
    background-color: #52c193 !important;
    /* height: 30px; */
    padding: 2px 13px;
}

.setlable input, .pos-rel1 input {
    padding: 6px;
    margin-top: 5px;
    border-radius: 4px;
    height: unset !important;
    border: 1px solid #ced4da;
}

div#inputs input {
    /* margin-bottom: 0 !important; */
    /* margin-top: 0 !important; */
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    margin: 0px 2px;
    border: 0.5px solid #c3c3c3 !important;
    box-shadow: none;
    outline: navajowhite;
    overflow: hidden;
    padding: 4px 0;
    border-radius: 3px;
    line-height: 0px;
}

button#btnsndOTP {
    margin: 0 !important;
    text-decoration: underline;
    color: #0000FF;
    background-color: white !important;
    height: 25px;
    border: none;
    padding: 0 10px;
}


.leavedynamictextboxbody {
    position: absolute;
    background-color: #fefefe;
    margin: auto 30%;
    padding: 10px;
    border: none;
    width: 22%;
    overflow: hidden;
    box-shadow: 0px 2px 20px 20px #00000030;
    z-index: 99999999;
    border-radius: 10px;
    top: 22%;
    min-height: 40%;
    right: -24%;
}

.leaveChkbox {
    text-align: left;
    font-size: 15px;
    height: auto;
    overflow: auto;
    position: relative;
}

/*-----------Added By Vipin (14-03-2023) END-----------------------------*/
.starforfeevalidation .e-float-text::after {
    content: '*';
    margin-right: 4px;
    color: red !important;
}

.starforfeevalidation .e-disabled .e-float-text::after {
    content: '*';
    margin-right: 4px;
    color: red !important;
    -webkit-text-fill-color: red !important;
}


.BSDashboardcon {
    margin-top: 16px;
    pointer-events: auto;
    max-height: fit-content;
    background: #fff;
    padding: 15px 15px 30px;
    border-top: 3px solid var(--colrBack);
    border-radius: 6px;
}

    .BSDashboardcon .mainHeading {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }

        .BSDashboardcon .mainHeading span {
            margin: 0px;
            font-family: Roboto, Helvetica, Arial, sans-serif;
            font-size: 1.25rem;
            line-height: 1.6;
            letter-spacing: 0.0075em;
            font-weight: 700;
            color: #000;
            /* background: linear-gradient(135deg, rgb(7, 141, 238) 0%, rgb(1, 41, 114) 100%) text;
    -webkit-text-fill-color: transparent;*/
            text-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
        }

    .BSDashboardcon ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
    }

        .BSDashboardcon ul li {
            width: calc(23.7% - 0px);
            cursor: default;
            margin-left: 1%;
        }

            .BSDashboardcon ul li .cardbs {
                padding: 10px 10px 10px 10px;
                background: linear-gradient(135deg, rgb(248, 249, 250) 0%, white 100%);
                width: 100%;
                border-radius: 10px;
                border: 1px solid rgba(2, 136, 209, 0.2);
                margin-top: 8px;
                text-align: center;
                margin-bottom: 8px;
                display: flex;
                flex-direction: row;
                -webkit-box-align: center;
                align-items: center;
                gap: 10px;
            }

                .BSDashboardcon ul li .cardbs:hover {
                    background: var(--colrBack);
                    color: #fff;
                }

                    .BSDashboardcon ul li .cardbs:hover .icon-box {
                        color: #fff;
                    }

.cardbs .icon-box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    transition: 0.3s;
    font-size: 24px;
    margin-bottom: 5px;
    color: var(--colorhover);
}

.cardbsbdy {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    min-width: 0px;
}

    .cardbsbdy h2 {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        letter-spacing: 0.01071em;
        color: inherit;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.2;
        text-align: left;
        margin-left: 5px;
    }

    .cardbsbdy h5 {
        margin: 0px;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.66;
        letter-spacing: 0.03333em;
        color: inherit;
        opacity: 0.8;
        font-size: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
    }

.BSDashboardcongraph {
    margin-top: 10px;
    pointer-events: auto;
    max-height: fit-content;
    /* background: #fff; */
    padding: 15px 0px 30px;
    /* border-top: 3px solid var(--colrBack); */
    border-radius: 6px;
}

    .BSDashboardcongraph .card {
        box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    }

        .BSDashboardcongraph .card h5 {
            font-family: Roboto, Helvetica, Arial, sans-serif;
            letter-spacing: 0.01071em;
            color: rgba(0, 0, 0, 0.87);
            font-weight: 600;
            font-size: 1.25rem;
            line-height: 1.2;
            text-align: left !important;
            margin-left: 5px;
            margin-bottom: 30px;
        }

.labelbs {
    margin-bottom: 0px;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.labelbs1 {
    margin-bottom: 0px;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.total-payment, .grand-total {
    text-align: right !important;
    font-size: 15px !important;
    font-weight: bolder !important;
}

.select2-container .select2-selection--single {
    height: 32px !important;
}

.img-uploadbs {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0px;
}

    .img-uploadbs img {
        background-color: #EBF2F5;
        height: 144px;
        width: 144px;
        cursor: pointer;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        position: relative;
        border-radius: 50%;
        border-width: 1px;
        border-color: #C3D3DB;
        border-style: dashed;
        overflow: hidden;
        transition: background-color 225ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.btnbs {
    width: 100px;
    height: 33px;
    font-size: 15px;
    background-color: #52c193 !important;
    border-color: #29b279 !important;
}

.dt-buttons .dt-button {
    width: 100px;
    height: 24px;
    font-size: 12px;
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    border-radius: 8px;
    line-height: 10px;
}

    .dt-buttons .dt-button:hover {
        background-color: #086ddb !important;
        border-color: #0354ac !important;
    }

.bskit .dataTables_filter label {
    margin-bottom: 0px;
}

.bskit .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px 10px !important;
}

.e-float-input:not(.e-input-group) input, .e-float-input.e-control-wrapper:not(.e-input-group) input {
    height: 30px;
}

.bskit input {
    box-sizing: border-box;
    height: 29px;
}

.bskit #myTable th {
    font-size: 14px;
    padding: 20px;
}

.bskit #myTable td {
    font-size: 13px;
    border: 1px solid #dee2e6;
    padding: 3px 12px;
}

.tabbis {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 3px;
}

button.active {
    background: #026ec5 !important;
    color: #fff !important;
}

.studentwise23, .classwise23 {
    background: #e5e6e7 !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
}

    .studentwise23:focus-visible, .classwise23:focus-visible {
        outline: 0px;
        border: none !important;
        box-shadow: none !important;
    }

    .studentwise23:hover, .classwise23:hover, .studentwise23:focus, .classwise23:focus {
        border: 1px solid #ccc !important;
        outline: none !important;
        box-shadow: none !important;
    }



.menu-icon-fee {
    /*background: linear-gradient(45deg, #88ba46 8%, #b3e388 100%);*/
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    z-index: 1002;
    transition: background-color 0.3s;
    margin-right: 16px;
    margin-left: 16px;
    transition: background-color 0.3s ease;
}

    .menu-icon-fee:hover {
        /*background: linear-gradient(45deg, #b3e388 8%, #88ba46 100%);*/
    }

    .menu-icon-fee img {
        width: 35px;
        transition: transform 0.3s ease;
    }

    .menu-icon-fee:hover img {
        transform: scale(1.2) rotate(15deg);
    }
/* Overlay */
.overlay-fee {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 0.3s ease, width 0s linear 0.3s;
    z-index: 1000;
}

    .overlay-fee.active {
        width: 100%;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

/* Side Menu */
.side-menu-fee {
    position: fixed;
    top: 0;
    right: -650px;
    width: 650px;
    max-width: 80%;
    height: 100%;
    background-color: #f2f2f2;
    box-shadow: -2px 0 8px rgba(0,0,0,0.2);
    padding: 1px;
    transition: right 0.4s ease;
    z-index: 1001;
}

    .side-menu-fee.active {
        right: 0;
    }

.side-menu-feebody {
    background: var(--colrBack);
    color: #fff;
    padding: 15px 10px;
    font-weight: bold;
    transition: background-color 0.3s;
    position: relative;
}

    .side-menu-feebody h2 {
        margin: 0px;
        font-weight: 600;
        font-size: 24px;
        line-height: 1.6;
        letter-spacing: 0.0075em;
        color: white;
        position: relative;
        overflow: hidden;
        padding: 0px 0px;
        text-align: left;
    }

    .side-menu-feebody p {
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: .51px;
        color: #fff;
        margin-bottom: 0px;
        font-weight: 100;
    }
/* Close Button */
.close-btn-fee {
    font-size: 34px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 10px;
    line-height: 35px;
    border-radius: 50%;
    background: #ffff;
    width: 36px;
    text-align: center;
    font-weight: 100;
    box-shadow: 1px 0px 0px 1px var(--colorhoversub1);
    top: 30%;
    z-index: 9;
    color: var(--colorhoversub1);
}

.Searchheader-left {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
    padding: 50px 0px;
    justify-content: center;
    background: #fff;
}

.Searchdashboard_bar {
    display: flex;
    align-items: center;
}

.Searchheader-left .input-group {
    display: flex;
    align-items: center;
    border: 2px solid #ccc;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.Searchheader-left .e-input-group input.e-input {
    height: 45px;
}

    .Searchheader-left .e-input-group input.e-input:-webkit-autofill,
    .Searchheader-left .e-input-group input.e-input:-webkit-autofill:hover,
    .Searchheader-left .e-input-group input.e-input:-webkit-autofill:focus,
    .Searchheader-left .e-input-group input.e-input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px transparent inset; /* makes background transparent */
        -webkit-text-fill-color: #000; /* text color */
        transition: background-color 5000s ease-in-out 0s; /* prevents flash of yellow */
    }

    .Searchheader-left .e-input-group input.e-input:-internal-autofill-selected {
        background-color: transparent !important;
    }

    .Searchheader-left .e-input-group input.e-input:focus-visible {
        outline: none !important;
        border: none !important;
    }

.Searchheader-left .e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .Searchheader-left .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    outline: none !important;
    border: none !important;
    border-color: transparent !important;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: transparent;
    box-shadow: none;
}

#searchMenu:focus-visible {
    outline: none !important;
    border: none !important;
}

.Searchinput-group-append {
    padding: 5px;
}

    .Searchinput-group-append img {
        width: 35px;
        height: 35px;
    }

.form-controlsear {
    border: none;
    outline: none;
    padding: 8px;
    width: 180px;
    font-size: 14px;
}


.btnadd {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 14px;
    background: #f2f2f2;
    color: var(--colorhoversub1) !important;
    font-weight: 600;
    overflow: hidden;
    border-radius: 9px;
    cursor: pointer;
    border: 2px solid var(--colorhoversub1) !important;
}

    .btnadd:hover {
        background: var(--colrBack) !important;
        color: #fff !important;
    }

    .btnadd span {
        display: inline-block;
        transition: transform 0.3s; /* smooth animation */
        font-size: 23px;
    }

    .btnadd:hover span {
        transform: scale(1.5); /* zoom in 1.5 times */
    }

.Searchheader-leftbody {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 24px;
}


.added-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0px;
}

.added-box {
    padding: 15px 35px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    position: relative;
    animation: fadeIn 0.3s ease;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    transform: scale(0.98);
    opacity: 0.8;
    background: #fff;
    border: 2px solid var(--colorhoversub1);
    cursor: pointer;
}

    .added-box:hover {
        background: var(--colorhoversub1);
        border: 1px solid #e9f5ff;
    }

    .added-box a {
        text-decoration: none;
        font-size: 16px;
        cursor: pointer;
    }

    .added-box:hover a {
        color: #fff;
    }

    .added-box a:not([href]):not([tabindex]):hover {
        color: #fff;
    }

    .added-box button {
        background: transparent;
        border: none;
        font-size: 30px;
        color: var(--colorhoversub1);
        cursor: pointer;
        line-height: 1;
        padding: 0;
    }

        .added-box button:hover {
            color: red;
        }

    .added-box:hover button {
        color: #fff
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}


/* Overlay Background */
.popup-feeenty-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

    .popup-feeenty-overlay.active {
        display: flex;
    }

/* Popup Box */
.popup-feeenty-box {
    background: #fff;
    color: white;
    width: 90%;
    max-width: 400px;
    padding: 45px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    position: relative;
    transform: scale(0.5) rotateX(90deg);
    opacity: 0;
    animation: popupShow 0.6s forwards ease;
    /*height: 85vh;*/
}

@keyframes popupShow {
    0% {
        transform: scale(0.5) rotateX(90deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotateX(0);
        opacity: 1;
    }
}

@keyframes popupHide {
    0% {
        transform: scale(1) rotateX(0);
        opacity: 1;
    }

    100% {
        transform: scale(0.5) rotateX(90deg);
        opacity: 0;
    }
}

/* Close Button */
.popup-feeenty-close {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 33px;
    color: #fff;
    cursor: pointer;
    background: var(--colorhoversub1);
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: background 0.2s ease;
}

    .popup-feeenty-close:hover {
        background: var(--colorhover);
        color: var(--colorhoversub1);
    }

.popup-feeenty-content h2 {
    margin-top: 0;
    font-size: 1.4rem;
}

.popup-feeenty-content p {
    font-size: 1rem;
    line-height: 1.4;
}

/*new recent menu*/
.quickmenunew {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    justify-content: left;
    width: 100%;
}
.quickmenuheader {
    display: flex;
    margin: 0;
    width: 100%;
    border-radius: 8px;
    padding: 10px 9px;
    margin-bottom: 2px;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
}
    .quickmenuheader p {
        display: flex;
        line-height: 13px;
        gap: 3px;
        font-size: 13px;
        letter-spacing: .5px;
        font-weight: 600;
        margin-bottom: 0px;
        justify-content: center;
        align-items: center;
        color: var(--colorhover);
    }
    .quickmenuheader span {
        font-size: 12px;
    }

.quickmenu-wrapper {
    position: relative;
    overflow: visible;
    width: calc(100% - 147px);
}

#quickmenuList {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

    #quickmenuList li {
        flex: 1;
        min-width: 0;
        text-align: center;
        position: relative;
        margin-right: 0px;
        max-width: 19%;
    }
        #quickmenuList li .menu-item a {
            background: rgb(245, 245, 245);
            padding: 7px 5px;
            text-decoration: none;
            color: #141414;
            font-size: 13px;
            font-weight: 600;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            transition: background 0.3s ease;
            border-width: 1px calc(0.5px);
            border-style: solid;
            border-color: rgb(204, 204, 204);
            border-right: none;
            text-align: left;
            padding-left: 15px;
        }
            #quickmenuList li .menu-item a:hover {
                background: var(--colorlight);
                color: var(--colorhover);
            }
        #quickmenuList li.active .menu-item a {
            background: var(--colorlight);
            color: var(--colorhover);
        }

            ul li:first-child .menu-item a {
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }

ul li:last-child .menu-item a {
    border-right: 1px solid rgb(204, 204, 204)!important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
          

#quickmenuList li .menu-item span.material-symbols-outlined {
    position: absolute;
    right: 2px;
    top: 11px;
    transform: translateY(-50%);
    color: #000;
    display: none;
    cursor: pointer;
    font-size: 17px;
    background: linear-gradient(to right, rgb(201 202 204 / 30%), rgb(207 207 208 / 50%), rgb(209 210 210 / 80%), rgb(207 207 208));
}

#quickmenuList li .menu-item:hover span.material-symbols-outlined {
    display: inline;
    color: #000;
}


.tooltipquickmenu {
    display: none;
    position: absolute;
    background: var(--colorlight);
    color: var(--colorhover);
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    min-width: 175px;
}
    .tooltipquickmenu::before {
        content: "";
        position: absolute;
        top: 28px;
        right: 47%;
        border: 10px solid;
        border-color: var(--colordarkhover) transparent transparent transparent;
    }

#quickmenuList li:hover .tooltipquickmenu {
    display: block;
}

.quickmenunew .no-data {
    display: none;
    color: #999;
    text-align: center;
    font-size: 14px;
    background: #f1f1f159;
    box-shadow: 0px 0px 3px #cccccc80;
    padding: 2px;
}


.feebody {
    height: auto;
    width: auto;
    margin: 0;
    font-family: "Segoe UI", Roboto, Arial;
    background: #fff;
    color: #333;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    transition: all 0.3s ease; /* smooth animation */
}
.openfulls, .closefulls {
    width: 32px;
    background: #fff;
    padding: 4px;
    border-radius: 7px;
    cursor: pointer;
}
.feebody.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* full screen width */
    height: 100vh; /* full screen height */
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    z-index: 999;
    background: #fff;
}

    .feebody .feenewheader {
        height: 51px;
        background: var(--colorlight);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        width: 100%;
        border-radius: 8px;
    }

        .feebody .feenewheader .title {
            font-weight: 500;
            font-size: 18px;
        }

        .feebody .feenewheader .actions {
            display: flex;
            gap: 10px;
            align-items: center;
        }

    .feebody .icon-btn {
        background: #fff;
        padding: 8px 12px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
        display: inline-flex;
        gap: 8px;
        align-items: center
    }

    .feebody .material-symbols-outlined {
        cursor: pointer;
        font-size: 28px;
    }

    .feebody .closefulls {
        display: none; /* hidden by default */
    }

.main-wrappernewfee {
    height: calc(100vh - 211px);
    overflow: auto;
    padding: 16px 16px 10px;
}

.feebody.fullscreen .main-wrappernewfee {
    height: calc(100vh - 100px);
}

.main-wrappernewfee .containernewfee {
    display: grid;
    grid-template-columns: 1fr 530px;
    gap: 16px;
    align-items: start;
}

.main-wrappernewfee .left-columnnewfee {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rowfee {
    display: flex;
    gap: 12px;
    width: 100%;
}

 .rowfee .cold4 {
        flex: 1;
    }

.mm-10 {
    margin-top: 13px;
}

.main-wrappernewfee .cardnewfee label.e-float-text {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #1a1919;
    margin-bottom: 1px;
}

.tablelable {
    font-weight: 400;
    font-size: 15px;
    color: #1a1919;
    margin-bottom: 1px;
}

.main-wrappernewfee .e-ddl.e-input-group .e-ddl-hidden {
    padding: 0px;
}

.main-wrappernewfee .input, .main-wrappernewfee select, .main-wrappernewfee textarea {
    width: 100%;
    padding: 7px 9px;
    border-radius: 6px;
    border: 1px solid #9D9D9D;
    font-size: 14px !important;
    color: #555555 !important;
}

.main-wrappernewfee .e-float-input, .main-wrappernewfee .e-float-input.e-control-wrapper {
    height: 38px !important;
    border-color: #9D9D9D !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    color: #555555 !important;
}

.main-wrappernewfee .e-input-group input, .main-wrappernewfee .e-input-group.e-control-wrapper input {
    height: 36px !important;
    font-size: 14px !important;
    color: #555555 !important;
}

.main-wrappernewfee .e-float-input:not(.e-input-group) input, .main-wrappernewfee .e-float-input.e-control-wrapper:not(.e-input-group) input {
    height: 38px !important;
    border-color: #9D9D9D !important;
}



.main-wrappernewfee .cardnewfee .modelinput {
    border-color: #9D9D9D !important;
    width: 100%;
    height: 36px !important;
    font-size: 15px !important;
    color: #555555 !important;
    font-weight: 400;
}

.serachbtnandprof {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.serachbtnandprofleft {
    flex: 1;
    min-width: 260px;
}

    .serachbtnandprofleft label {
        display: block;
        font-weight: 400 !important;
        margin-bottom: 2px;
        background: #EDEDED;
        color: #777777 !important;
        width: max-content;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 14px !important;
        float: inline-end;
        line-height: 0px;
        cursor: pointer;
    }

    .serachbtnandprofleft input {
        width: 100%;
        margin-bottom: 8px;
    }

.serachbtnandprofright {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: max-content;
    margin-top: -2px;
}

.serachbtnandprof .tag {
    display: inline-block;
    padding: 2px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
}

.serachbtnandprof .tag-green {
    color: #1a8f3c
}

.serachbtnandprof .tag-yellow {
    color: #ad7a00
}

.serachbtnandprof .tag-red {
    color: #c80202
}

.btnfeed {
    margin-top: 17px;
}

.btnfee {
    background: #1a8f3c;
    color: #fff;
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

    .btnfee.outlinefee {
        background: #eaf8ee;
        color: #1a8f3c;
    }

        .btnfee.outlinefee:hover {
            background: #d8f5e0;
        }

        .btnfee.outlinefee:focus, .btnfee.outlinefee:focus-visible {
            outline: none !important;
        }

.main-wrappernewfee .right-columnnewfee {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.main-wrappernewfee .cardnewfee {
    background: #fff;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid #d9d9d9
}

.main-wrappernewfee .containernewfeepay {
    display: grid;
    gap: 16px;
    align-items: start;
    margin-top: 12px;
}

#btnAddStudent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    #btnAddStudent::before {
        content: "+";
        font-weight: bold;
        margin-right: 0px;
        font-size: 34px;
        line-height: 0px;
    }

.cardnewfee .btn {
    background: #1a8f3c;
    color: #fff;
    padding: 10px 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.rowfeeright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 2px 0px;
}

    .rowfeeright > div {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 5px;
    }

    .rowfeeright .btn {
        padding: 13px 35px;
        font-size: 15px;
        font-weight: 400;
    }

.cardnewfee #gvFeeCollection thead tr th {
    font-size: 11px;
    line-height: 14px;
}


.cardnewfee .table-wrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 278px;
    min-height: 278px;
    border-radius: 6px;
}

.cardnewfee #gvFeeCollection {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    /* Sticky header */
    .cardnewfee #gvFeeCollection thead th {
        position: sticky;
        top: 0;
        background: #EEF0FF !important;
        border: 1px solid #d4d7f1;
        z-index: 5;
        padding: 8px 10px;
    }

    /* Sticky first column */
    .cardnewfee #gvFeeCollection th:first-child,
    .cardnewfee #gvFeeCollection td:first-child {
        position: sticky;
        left: 0;
        background: #fff;
        z-index: 10;
    }

    /* Sticky header + first column strongest */
    .cardnewfee #gvFeeCollection thead th:first-child {
        z-index: 15;
    }

    /* Cell spacing */
    .cardnewfee #gvFeeCollection td {
        padding: 8px 2px;
        border: 1px solid #d6d5d5;
        background: #F2F2F2;
        font-size: clamp(10px, 1vw, 12px);
        line-height: 14px;
        text-align: center;
    }

.summaryfee .big {
    font-weight: 700;
    font-size: 25px;
}

#Pgv_Paymodelist {
    width: 100%;
    overflow-x: auto;
}

#tblPaymode {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0;
}

    #tblPaymode td {
        padding-right: 12px !important;
        white-space: nowrap;
    }

    #tblPaymode th {
        padding-right: 12px !important;
        white-space: nowrap;
    }


.remarksfee {
    background: #fff;
    padding: 10px 0px 5px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
}

    .remarksfee .leftfee {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
    }

        .remarksfee .leftfee form {
            padding: 0px 14px;
        }

        .remarksfee .leftfee input {
            width: 100%;
            padding: 9px;
            border-radius: 8px;
            border: 1px solid #d3d7db;
            font-size: 14px;
        }

.comremark {
    padding: 5px 20px 0px 20px;
}

.right-columnnewfeebt {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.rowfeegrid {
    background: #fff;
    padding: 10px 0px 5px;
    border-radius: 5px;
    display: inline-grid;
    width: 30%;
}

    .rowfeegrid label {
        margin-bottom: 1px;
        font-size: 14px;
        color: #333333;
    }

.showsibling {
    width: calc(100% - 32%);
    background: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    position: relative;
    min-height: 78px;
}

    .showsibling h4 {
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 4px;
    }

.feenewfooter {
    height: 47px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 3px 24px;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0;
}

    .feenewfooter .btn {
        background: #1a8f3c;
        color: #fff;
        padding: 6px 14px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        letter-spacing: .51px;
    }

        .feenewfooter .btn.gray {
            background: #e6e6e6;
            color: #333;
        }

.printod {
    position: absolute;
    right: 60px!important;
    top: 4px!important;
    color: #1a8f3c!important;
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    letter-spacing: .51px;
    background: transparent!important;
    cursor: pointer!important;
}
    .printod:focus, .printod:focus-visible, .printod:active {
        background: transparent !important;
        outline: none !important;
        border: none !important;
        box-shadow: none!important;
    }

    #ReceiptPrint {
        position: absolute;
        right: 74px;
        top: 9px;
        background: #1a8f3c;
        color: #fff;
        padding: 6px 14px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        letter-spacing: .51px;
    }



#StdSibLst {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* spacing between buttons */
    justify-content: flex-start;
    margin: 10px 0;
}

.sblbtn {
    color: var(--colorhover);
    background: var(--colorlight);
    border-color: var(--light);
    padding: 4px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
}

    .sblbtn:hover {
        color: #fff;
        background: var(--colorhover);
    }

.no-sibling {
    text-align: center;
    font-size: 24px;
    padding: 15px;
    color: #D6D6D6;
    position: absolute;
    width: 100%;
    top: 10px;
}



.Siblingbody {
    padding: 20px;
    border-radius: 14px;
    background: #F5F5F5;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    font-family: "Segoe UI", sans-serif;
    color: #333;
    width: 46%;
    float: left;
    margin: 20px 2%;
    height: 500px;
}

    .Siblingbody .header {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .Siblingbody .profile {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 1px solid #ccc;
        padding: 2px;
    }

    .Siblingbody .info {
        margin-left: 15px;
    }

    .Siblingbody .infoplus {
        display: flex;
        gap: 13px;
        align-items: center;
    }

    .Siblingbody .info h2 {
        margin: 0;
        font-size: 19px;
        color: #666666;
    }

    .Siblingbody .tag {
        background: #e8e8e8;
        padding: 3px 20px;
        border-radius: 20px;
        font-size: 12px;
        display: inline-block;
    }

    .Siblingbody .admission {
        font-size: 15px;
        color: #666666;
        margin: 0px;
        line-height: 23px;
        letter-spacing: 0px;
        font-weight: 500;
    }

ul.Siblinglist {
    padding: 0;
    border: 0;
    list-style: none;
}

    .Siblingbody .row {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        border-bottom: 1px dashed #d9d9d9;
        padding: 9px 0;
    }

    .Siblingbody .col {
        width: 50%;
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .Siblingbody .icon {
        margin-top: 2px;
        font-size: 20px;
        color: #555;
    }

    .Siblingbody .text-block {
        display: flex;
        flex-direction: column;
    }

        .Siblingbody .text-block label {
            margin: 0;
            font-size: 13px;
            text-transform: uppercase;
            color: #666666;
        }

        .Siblingbody .text-block p {
            margin: 0px 0 0 0;
            font-size: 14px;
            text-transform: uppercase;
            color: #666666;
            font-weight: 600;
        }


    .Siblingbody .single-row {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        border-top: 1px dashed #d9d9d9;
        padding: 12px 0;
    }

.chatbot-container {
    z-index: 99!important;
}


.barcolor {
    margin-left: 19px;
}

    .barcolor i {
        font-size: 20px;
        color: var(--colorhover);
    }
/* Responsive */

@media print {
    .close-side-details {
        display: none !important;
    }
}
@media (max-height: 830px) {
    .fullscreenmaxi .e-content {
        height: 56vh !important;
    }
}

@media(max-width: 2000px) {
    .stdblock {
        right: 11%;
    }
}

@media(max-width: 1890px) {
    .bannerimg.assignment-banner:after {
        right: 115px;
        top: 71%;
    }

    .stdblock {
        right: 4%;
    }
}

@media(max-width:1800px) {
    .bannerimg.flip-anim:after {
        left: 94px;
        transform: rotate(161deg);
        top: 89%;
    }

    .commonpopupwidthExam .modal-content {
        height: 747px;
    }

    .flip-anim .right-images {
        width: 49%;
    }

    .bannerimg:after {
        left: -69px;
        transform: rotate(196deg);
        top: 82%;
    }

    .bannerimg.flip-anim:after {
        right: -83px;
        transform: rotate(161deg);
        top: 102%;
        left: unset;
    }

    img.assesment1 {
        width: 214px;
        margin-left: 11px;
        margin-top: 6px;
        margin-right: 0;
    }

    img.assesment2 {
        position: absolute;
        width: 194px;
        margin-top: 7px;
        margin-right: -6px;
        right: 0;
    }

    .menu-slide ul li {
        min-width: 22.9%;
    }

    .sch-title h1 {
        font-size: 34px;
        margin-left: -26px;
    }
}

@media(max-width:1600px) {
    .commonpopupwidthExam {
        width: 80% !important;
        height: 92.3vh !important;
    }

        .commonpopupwidthExam .modal-content {
            height: 700px;
        }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 22.8%;
    }

    .stdblock {
        right: 1%;
    }

    .top-crousel li .slide.imgageslide .slide-img {
        left: 28px;
    }
    /* Start 18-01-2022*/
    .card.p-2.mb-2.assessment-details .d-flex > div:nth-child(1) {
        margin-left: -32px;
        width: max-content;
        border-radius: 50%;
        overflow: hidden;
    
        width: 64px;
        padding: 11px;
    }
    /* End 18-01-2022*/
    .dashboard-css .card.p-2.mb-2.assessment-details h3 span {
        display: block;
        text-align: left;
        width: 100%;
        margin: 6px 0px;
    }

    .dashboard-css .timetable-boxes .card h4 + h5 {
        text-align: left;
    }

    .dashboard-css .set-width + .timetable-details {
        width: 100%
    }

    .teavideo {
        height: 493px
    }

    .dashboard-css .teachingarea-details {
        height: 90%;
    }

    .teachingarea-details.expand-block {
        top: 0%;
    }

    .assement-inrdetails h5 strong {
        margin-bottom: 12px;
        margin-top: 0;
    }

    .assement-inrdetails {
        display: flex;
        justify-content: space-between;
        justify-items: flex-start;
        padding: 6px 0;
    }

    .dashboard-css .timetable-boxes .card {
        padding-right: 3px !important;
    }

    .detail .bannerimg:after {
        top: 83%;
    }

    .right-images {
        width: 40%;
        right: 71px;
    }

    .bannerimg.flip-anim:after {
        display: none
    }

    .bannerimg:after {
        width: 1218px;
        left: -89px;
        transform: rotate(196deg);
        top: 85%;
    }

    img.timetable1 {
        width: 179px;
        margin-top: 37px;
    }

    .calender {
        position: absolute;
        right: 55px;
        margin-top: 50px;
    }

    .second {
        width: 60px;
        height: 60px;
        margin-top: 48px;
        left: 12px;
    }

    img.timetable2 {
        width: 167px;
    }

    .inner_pages {
        padding: 0px 150px !important;
    }

    form.readonly .d-flex.justify-content-between {
        align-items: unset;
        flex-direction: column;
    }

    .sch-title h1 {
        font-size: 34px;
    }

    .login-l {
        height: 463px;
    }

    .menu-slide ul li {
        min-width: 22.3%;
    }

    .message_page {
        padding: 0px 120px;
    }

    .pos-sticky .nameclass {
        margin-right: 2px;
    }

    .pos-sticky .para {
        width: 33%;
        margin-right: 9px;
    }

    .pos-sticky .datedetails {
        width: 13%;
    }

    .inner_pages {
        padding: 0px 120px !important;
    }

    .feeds h3 span {
        text-align: left;
        width: 100%;
        margin-top: 6px;
    }
    .quickmenuheader {
        padding: 6px 9px;
    }

    .feebody .feenewheader {
        height: 40px;
    }

    .main-wrappernewfee {
        height: calc(100vh - 211px);
        padding: 8px 9px 10px;
    }

        .main-wrappernewfee .left-columnnewfee {
            gap: 7px;
        }

        .main-wrappernewfee .e-float-input, .main-wrappernewfee .e-float-input.e-control-wrapper {
            height: 28px !important;
            font-size: 13px !important;
            margin-top: 19px !important;
        }

        .main-wrappernewfee .e-input-group input, .main-wrappernewfee .e-input-group.e-control-wrapper input {
            height: 27px !important;
        }

        .main-wrappernewfee .e-float-input:not(.e-input-group) input, .main-wrappernewfee .e-float-input.e-control-wrapper:not(.e-input-group) input {
            height: 29px !important;
        }

    .btnfeed {
        margin-top: 20px;
        padding: 4px 14px;
        font-size: 15px;
    }

    .rowfeeright .btn {
        padding: 11px 24px;
        font-size: 14px;
        font-weight: 400;
    }

    .inner_pages {
        padding: 0px 88px !important;
    }

    .serachbtnandprofleft label {
        padding: 3px 10px;
        font-size: 13px !important;
    }

    .cardnewfee .btn {
        padding: 7px 8px;
        font-size: 14px;
        font-weight: 400;
    }

    .rowfeeright {
        padding: 4px 0px;
    }

    .main-wrappernewfee .cardnewfee {
        padding: 8px;
    }

    .cardnewfee .table-wrapper {
        max-height: 250px;
        min-height: 250px;
    }

    .summaryfee .big {
        font-size: 18px;
    }

    .showsibling {
        min-height: 70px;
    }

    .main-wrappernewfee .cardnewfee .modelinput {
        height: 32px !important;
        font-size: 13px !important;
    }

    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr 42%;
        gap: 7px;
    }

    .serachbtnandprofright {
        margin-top: -5px;
    }

    .cardnewfee #gvFeeCollection thead th {
        padding: 8px 2px;
    }

    .cardnewfee #gvFeeCollection td {
        font-size: clamp(10px, 1vw, 11px);
    }

    .commonpopupwidthfee {
        width: 95% !important;
        height: 90.3vh !important;
    }

    .Siblingbody {
        width: 49%;
        margin: 20px 5px;
    }
}

@media(max-width: 1450px) {
    .uploadimagecomsend .e-upload-actions button {
        top: -26px;
        right: -25px;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 22.3%;
    }

    .stdblock {
        right: 0%;
    }

    .logo h1 span {
        color: #06d37e;
        font-size: 17px;
    }

    .commonpopupwidthfeesib {
        width: 85% !important;
    }
}

@media(max-width: 1400px) {
    .inrtbs .nav-pills .nav-item {
        width: calc(25% - 10px) !important;
    }

    .inrtbs.active li.nav-item {
        width: 100% !important;
    }

    ul#pills-tab {
        width: 88.5% !important;
    }

    .attendance_details table th, .attendance_details table td {
        padding: 10px 8px;
        min-width: 100px;
    }

    .attendance_details .attendance_graph, .attendance_details .table-responsive {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .attendance_details {
        flex-direction: column;
        padding: 10px;
    }
    /* Start 18-01-2022*/
    .stdblock li a {
        font-size: 14px;
    }

    .teachingblock-active p {
        -webkit-line-clamp: 4;
    }

    .dashboard-css .sort-item-assign {
        width: 100%;
    }
    /* End 18-01-2022*/
    .teachingblock-active .tbdimg {
        padding: 0px 35px;
    }

    .teachingblock-active .technicalBlock .userFind:after {
        width: 9%;
        height: 43%;
        left: 20%;
        top: 1%;
    }

    .dashboard-css .assignments .card img {
        width: 45px;
    }

    #content-slider1 .slide-content {
        padding: 20px 20px 20px 20px;
        width: 42%;
    }

    .top-crousel li .slide.imgageslide .slide-img {
        width: 396px;
        height: 396px;
    }

        .top-crousel li .slide.imgageslide .slide-img img {
            height: 67%;
        }
    /*Mani 07.02.2022 Start*/
    .teachingarea-details.expand-block {
        width: 1000px;
        position: fixed !important;
        left: 12%;
        top: 5%;
        transform: unset;
    }

    .maximizScreen .teavideo {
        height: 100vh;
    }
    /*  .teavideo {
        height: 502px
    }*/
    /*Mani 07.02.2022 end*/
    .dashboard-css .teachingarea-details {
        height: 90%;
    }

    .teachingareablock {
        margin-right: 2px;
    }

    .calender {
        right: 11%;
    }

    .inner_pages .content-block {
        width: 50%;
        background: transparent;
        margin-top: 0px;
        margin-left: 0px;
    }

    .right-images {
        width: 49%;
        right: 13px;
        transform: scale(0.8);
        z-index: 9;
    }

    .bannerimg:after {
        width: 1218px;
        left: -102px;
        transform: rotate(200deg);
        top: 109%;
    }
    /*   Start 17-01-2022 */
    .content-block .headings {
        font-size: 18px;
        font-weight: bold;
    }
    /*   end 17-01-2022 */
    .message_page {
        padding: 0px 50px;
    }

    .login-pg {
        width: 90%;
    }

    .login-l {
        width: 1077px;
        height: 428px;
    }

    .sch-title h1 {
        left: -20px;
    }

   


}

@media(max-width: 1366px) {
    .newdashboardm .menunew .left-menubar > ul {
        min-height: 440px;
    }

    .commonpopupwidthfeepop {
        top: 50% !important;
    }

    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr 440px;
    }

    .main-wrappernewfee .cardnewfee label.e-float-text {
        font-size: 16px !important;
    }

    .main-wrappernewfee .e-input-group input, .main-wrappernewfee .e-input-group.e-control-wrapper input {
        font-size: 13px !important;
    }

    .serachbtnandprofright {
        margin-top: -29px;
    }

}

@media(max-width: 1320px) {
    .circleofbody {
        left: 11%;
    }
}

@media(max-width: 1299px) {
    .commonpopupwidthfeesib .modal-content .collapse {
        padding: 12px 0px;
    }

    .close-search {
        top: 5px;
        font-size: 22px;
    }

    .logo h1 {
        font-size: 18px !important;
    }

        .logo h1 span {
            font-size: 15px;
        }

    .dashboard-css .navbarout .navbar_rightout .session .name, .dashboard-css .navbarout .navbar_rightout .profile .name {
        font-size: 15px;
    }

    .dashboard-css .navbarout .navbar_rightout .session {
        margin-right: 5px;
    }

    .dashboard-css .navbarout .icon_wrap .profileImg {
        width: 35px !important;
        height: 35px !important;
    }

    .navbarIcon {
        margin: 0px 0px 0px 7px;
    }

    .logo img {
        width: 70px;
    }
    
}

@media(max-width: 1199px) {
    .BSDashboardcon ul li {
        width: calc(31.7% - 0px);
    }

    .commonpopupwidthfeesib .modal-content {
        width: 100% !important;
    }

    .newdashboardm header {
        flex-direction: column;
    }

    .header-details {
        width: 100%;
    }

    header .header-details ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header-details ul li {
        margin: 8px 10px;
    }

    ul#pills-tab {
        width: 87% !important;
    }

    #searchMenu {
        /*  position: absolute;*/
        /* left: -236px; */
        top: 34px;
    }

    .sfmmain {
        padding: 0px 35px !important;
    }

    .icon-tab {
        left: -11%;
    }

    .stdblock {
        right: 0%;
    }

        .stdblock li a {
            font-size: 12px;
            font-weight: 700;
            padding: 10px 5px;
        }

    /*Start 17-01-2022*/
    .card.p-2.mb-2.assessment-details {
        overflow: visible;
        width: 90%;
        float: right;
    }
    /*end 17-01-2022*/

    .message-icon {
        border-left: 40px solid #52c193 !important;
    }

    .notif-icon {
        border-left: 40px solid #ffa600 !important;
    }

    .todo-icon {
        border-left: 40px solid #026ec5 !important;
    }

    .dashboard-css .feeds .card {
        padding: 11px 5px !important;
    }

    .top-crousel li .slide.imgageslide .slide-img {
        width: 336px;
        height: 336px;
        bottom: 78px;
        border: 10px solid #f9b101;
    }

    .top-crousel li .slide .slide-content {
        position: static;
        transform: unset;
        top: 0;
        left: 0;
        background: #fff;
    }

        .top-crousel li .slide .slide-content h3 {
            font-size: 22px;
            color: #000;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .top-crousel li .slide .slide-content p {
            color: black;
        }

    .top-crousel li .slide .read-button {
        position: static;
        margin-left: 20px;
    }

    .leftsection #content-slider1 .slide-content {
        padding: 42px 30px;
    }

    .top-crousel li .slide.videoslide video {
        height: 100%;
    }

    .top-crousel li .slide.imgageslide .slide-content:before {
        display: none;
    }

    div#chartContainer .canvasjs-chart-container:before {
        width: 140px;
    }

    .dashboard-css .set-width + .timetable-details.assessment-side-details {
        width: 70%;
    }

    .dashboard-css .timetable-boxes .card:hover h6 {
        width: 100%;
    }
    /*Mani 07.02.2022 Start*/
    .teachingarea-details.expand-block {
        width: 767px;
    }
    /*Mani 07.02.2022 end*/
    .teachingblocksdetails {
        justify-content: center
    }

    .teachingareablock {
        margin-right: 22px;
    }

    .teavideo {
        height: 382px
    }

    .bannerimg:after {
        width: 1448px;
        left: -102px;
        transform: rotate(200deg);
        top: 145%;
    }
   
    .right-images {
        position: relative;
    }

    .calender {
        right: 22%;
    }

    .message-arrow {
        display: none;
        width: 100%;
    }

    .detail .calender {
        right: 87px;
    }

    .flip-anim .right-images {
        width: 94%;
        left: 0%;
    }

    .dashboard-css .addicon img {
        margin-right: 0;
    }

    .bannerimg img {
        margin-right: 33px;
    }

    img.timetable1, .second, img.assesment1, .assesment-cont-blk, .laptop-image, img.message_1 {
        display: none;
    }

    .dashboard-css .modal-content {
        width: 76%;
    }

    .dashboard-css .set-width + .timetable-details {
        width: 100%;
        /*    right: 0;
*/ max-height: 100%
    }

    .search_icon {
        position: relative;
    }

    .timetable__details {
        position: relative;
    }

    .close-search {
        top: -15px;
        right: 1px;
        margin-top: 0;
        /* left: -1%; */
        color: #fff;
    }

    input.search_icon_input.active {
        font-size: 16px;
        border-bottom: 1px solid #fff;
        color: #000;
        right: 0;
        position: relative;
    }

    .menu-slide ul li {
        min-width: 22%;
    }

    .login-pg h1 {
        font-size: 34px;
        margin-bottom: 24px;
        line-height: 50px;
    }

    .login-pg {
        padding: 10px 20px;
    }

    .message_page {
        padding: 0px 10px !important;
    }

    div#message-list-feeds .searchit {
        background: #fff;
        width: 88%;
    }

    .dashboard-css .searchit {
        width: 96%;
        height: 34px;
    }

    .sort-list-assign {
        padding: 9px 17px 20px !important;
    }
    /*   Start 17-01-2022 */
    .dashboard-css .headings {
        /* font-size: 21px; */
        /* font-weight: bold; */
    }
    /*   end 17-01-2022 */
    .dashboard-css .assess-left {
        width: 100%;
    }

    .dashboard-css h3 span {
        float: none;
        display: block;
        line-height: 25px;
    }

    .dashboard-css .assess-right {
        width: 100%;
        margin-left: 0;
    }

    img.assesment2 {
        margin-top: -29px;
        margin-right: 39px;
    }

    .inner_pages {
        padding: 0px 50px !important;
    }

    .dashboard-css .none {
        display: none
    }

    .dashboard-css .assignment-details {
        float: left;
        width: 100%;
    }

    .pos-sticky .para {
        width: 33%;
    }

    .pos-sticky .nameclass {
        width: max-content;
        text-align: left;
    }

    .pos-sticky .para {
        width: 34%;
        margin-right: 5px;
    }

    .pos-sticky .datedetails {
        width: 15%;
        margin-right: 0px;
    }
}

@media(max-width: 1160px) {
    .stdblock {
        position: relative;
    }

        .stdblock li {
            width: 19%;
            float: left;
            margin-left: .5%;
        }

            .stdblock li a {
                padding: 10px 5px;
                height: 60px;
                font-size: 14px;
                font-weight: 700;
            }
}

@media(max-width: 1099px) {
    .Siblingbody {
        width: 100%;
        margin: 20px 5px;
    }
    .dashboard-css .commonpopupwidthfee .modal-content {
        width: 96%;
    }
    .commonpopupwidthfeesib {
        width: 98% !important;
    }

    .circleofbody {
        width: 120px;
        height: 120px;
        padding: 18px;
        top: -61px;
        left: 21%;
    }

    .circleofbody1 {
        width: 85px;
        height: 85px;
        border: 13px solid #fff;
    }

    .SAcard1 .circleofbody1, .SAcard2 .circleofbody1, .SAcard3 .circleofbody1, .SAcard4 .circleofbody1 {
        padding: 0px;
    }

        .SAcard1 .circleofbody1 .saicon, .SAcard2 .circleofbody1 .saicon, .SAcard3 .circleofbody1 .saicon, .SAcard4 .circleofbody1 .saicon {
            height: 60px;
        }


    input.search_icon_input.active {
        border-bottom: 1px solid #000;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 21.3%;
    }

    .close-search {
        /* background: white; */
        /* color: #000; */
    }

    .menu-slide ul li {
        min-width: 30%;
    }

    .logo h1 {
        font-size: 15px !important;
    }

    .dashboard-css .assignment-details {
        width: 100%;
        float: left;
    }

    .dashboard-css .assignment-comp {
        text-align: left;
        padding-top: 5px;
        margin-bottom: 20px;
    }
    .cardnewfee .btn {
        padding: 5px 6px;
        font-size: 11px;
    }
    .rowfeeright {
        padding: 12px 0px;
    }
    .btnfeed {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    #quickmenuList {
        flex-wrap: wrap;
    }

        #quickmenuList li {
            flex: 1 1 45%;
        }
    .newdashboardm .menunew .left-menubar {
        margin-left: 5px;
    }
    .newdashboardm .menunew .left-menu-open1 {
        margin-left: 5px;
    }
    .quickmenuheader {
        margin: 0 auto;
        width: 90%;
    }
    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr 350px;
        gap: 14px;
    }

    .main-wrappernewfee .rowfee .cold4 {
        flex: 1 1 calc(50% - 12px);
    }
}

@media(max-width:991px) {
    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .commonpopupwidthfee .modal-content .modal-body .rowfee .cold4 {
        flex: 1 1 calc(50% - 12px);
    }
    .quickmenuheader p {
        position: absolute;
        top: -10px;
    }
    .quickmenunew.active {
        display: block;
    }
        .quickmenumobile {
            display: block;
        }
    .quickmenuheader {
        width: 70%;
    }
    .quickmenu-wrapper
    {
        width: 100%;
    }
    #quickmenuList {
        display: flex;
        gap: 5px;
    }
        #quickmenuList li {
            min-width: 49%;
        }
            #quickmenuList li .menu-item a {
                border-right: 1px solid rgb(204, 204, 204) !important;
            }

    .lg-sub-menuclickopen {
        margin-left: -266px !important;
        z-index: 99999;
        max-height: 83vh;
        height: 83vh;
        top: 60px !important;
    }
        .lg-sub-menuclickopen.open-up {
            flex-direction: column;
        }
    .submenunew ul {
        justify-content: center;
        gap: 9px;
    }

        .submenunew ul li {
            flex: 0 0 calc(30% - .5%);
        }

    .printod {
        top: 32px !important;
    }
    .commonpopupwidthfee .modal-content .close {
        top: 42px;
        right: 36px;
    }

    .BSDashboardcon {
        padding: 15px 70px 30px;
    }

        .BSDashboardcon ul li {
            width: calc(49% - 0px);
        }

   /* .Siblingbody {
        margin: 20px .5%;
        width: 49%;
    }*/

    header .logo h1 span {
        display: block;
    }

    .newdashboardm .menunew .left-menubar > ul {
        min-height: 340px;
    }

    .inrtbs-bdy .arrow {
        top: 9px;
    }

    .inrtbs .nav-pills .nav-item {
        width: calc(33% - 10px) !important;
    }

    .view-style {
        position: static !important;
        margin-bottom: 18px;
        margin-top: 9px;
    }

    .inrtbs .nav-pills .nav-item {
        width: 30%;
    }

    /* .inrtbs-bdy .inrtbs {
        margin-top: -58px;
    }*/


    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 45%;
    }

    .inrtbs.active {
        top: 126px !important;
    }

    ul#pills-tab {
        width: 82% !important;
    }

    .logo h1 {
        font-size: 13px !important;
        line-height: 17px !important;
    }

    .dashboard-css .navbarout .navbar_rightout .session .name, .dashboard-css .navbarout .navbar_rightout .profile .name {
        font-size: 13px;
    }

    .dashboard-css .navbarout .icon_wrap img {
        width: 28px;
    }

    .search_icon img {
        width: 28px;
    }

    /*Start 18-01-2022*/
    .leftsection {
        padding: 0px 30px;
    }
    /*End 18-01-2022*/
    /*Start 17-01-2022*/
    .dashboard-css .feeds, .sort-list-assign, .timetable__details {
        padding: 0 !important;
    }

    .asses-complete {
        margin: 0px 0px 20px 0px;
    }

    .bannerimg:before {
        left: 5px;
    }

    .dashboard-css .leftsection .timeTableBlock .card {
        width: 99%;
    }

    .dashboard-css .sort-item-assign {
        width: 98%;
        margin: auto;
    }

    .content-block {
        padding: 0px 40px;
    }
    /*end 17-01-2022*/
    .filter-popup.active {
        width: 100%;
    }

    .filter-popup {
        flex-direction: column;
    }

    .dashboard-css .assess-left div#sort-item-assign {
        width: 50%;
        float: left;
    }

    .icon-tab {
        left: -20px;
    }

    .resume-button {
        right: unset;
        left: 50%;
        position: static;
        top: 94%;
        transform: unset;
        padding: 9px 15px;
    }

    .teachingblock-active img {
        margin-bottom: 20px;
    }

    div#chartContainer .canvasjs-chart-container:before {
        width: 80px;
    }

    .pie-chart {
        flex-direction: column;
    }

        .pie-chart .filter-test {
            width: 100%;
        }

    div#chartContainer {
        overflow: hidden;
    }

    .dashboard-css .assignment-details h5 {
        right: 8px;
        top: 1px;
        font-size: 13px;
        position: initial;
    }

    .dashboard-css .timetable-boxes .card:hover h6 {
        width: 86%;
    }

    .pie-chart-details {
        margin-top: 0;
    }

    .graphs.question-right {
        width: 100%;
    }

    .assement-inrdetails > div {
        margin-bottom: 10px;
    }

    .student-result {
        margin-top: 10px;
    }

    .assement-inrdetails h5 strong {
        margin-bottom: 10px;
    }

    .timetable-detial-strips {
        align-items: center;
    }

    .inner_pages {
        padding: 0px 50px !important;
    }

    .assement-inrdetails div:nth-child(3) {
        min-width: 17% !important;
    }
    /*Mani 07.02.2022 Start*/
    .teachingarea-details.expand-block {
        width: 99%;
        left: 0;
    }
    /*Mani 07.02.2022 end*/
    .jsFindVideo[data-target="2"] {
        flex-direction: column-reverse;
        width: 100%;
    }

    .img-selection ul {
        display: flex;
        flex-wrap: wrap;
    }

    .img-selection {
        width: 100% !important;
    }

    .worksheet .pridiction-pop-up-QA {
        height: 530px;
    }

    .img-selection ul li {
        width: 160px;
        margin: 5px !important;
    }
    /*Start 17-01-2022*/
    /*  @keyframes heightcont {
    0% {
      transform: scale(1);
      left: 82px;
    }
    8% {
      transform: scale(1);
      left: 82px;
    }
    16% {
      transform: scale(1);
      left: 82px;
    }
    24% {
      transform: scale(1);
      left: 82px;
    }
    32% {
      transform: scale(1);
      background: #fff;
      left: 82px;
    }
    40% {
      transform: scale(1);
      background: url(../images/checklist.png) no-repeat;
      background-position: center;
      left: 82px;
    }
    44% {
      transform: scale(1);
      background: url(../images/checklist.png) no-repeat;
      background-position: center;
      left: 82px;
    }
    58% {
      transform: scale(1);
      background: url(../images/checklist.png) no-repeat;
      background-position: center;
      left: 82px;
    }
    64% {
      transform: scale(1);
      background: url(../images/checklist.png) no-repeat;
      background-position: center;
      left: 80%;
    }
    67% {
      transform: scale(1);
      background: #fff0;
      background-position: center;
      left: 80%;
    }
    80% {
      transform: scale(1);
      background: #fff0;
      left: 80%;
    }
    90% {
      transform: scale(1.2);
      background: url(../images/done.png) no-repeat;
      background-position: center;
      left: 80%;
    }
    95% {
      transform: scale(1.2);
      background: url(../images/done.png) no-repeat;
      background-position: center;
      left: 80%;
    }
    100% {
      transform: scale(1.2);
      background: url(../images/done.png) no-repeat;
      background-position: center;
      left: 80%;
    }
  }*/
    /*End 17-01-2022*/
    .dashboard-css .mutliSelect-freq {
        top: 30px;
        right: 0;
    }

    .dashboard-css .main-drop-freq ul {
        margin-right: 0;
    }

    .addicon.closeTimetable {
        width: 22px;
        height: 22px;
        margin-top: 0;
    }

    .assesment_search > div:last-child {
        top: 46px;
    }

    .addicon.addTimetable {
        position: absolute;
        right: 0;
        margin-right: 0;
    }

    .detail .timetableinr-icons .button-blk.planSelection {
        margin: auto !important;
    }

    .search-block.d-flex > div:last-child {
        position: absolute;
        right: 0;
        bottom: 4px;
    }

    .search-block.d-flex {
        flex-direction: column;
        position: relative;
        padding-left: 0;
        width: 95%;
        margin: auto;
        padding-bottom: 22px;
    }

    .detail .timetableinr-icons {
        width: 100%;
        height: 53px;
    }

    .dashboard-css .set-width {
        width: 100%;
    }

    .dashboard-css .panel {
        height: auto;
    }
}

@media(max-width:865px) {
    .dashboard-css .navbarout .navbar_rightout .session .name, .dashboard-css .navbarout .navbar_rightout .profile .name {
        font-size: 13px;
        color: #000;
    }

    #searchMenu .close-search {
        padding: 5px 9px !important;
    }

    .close-search {
        background: #fff !important;
        color: #026ec5 !important;
        top: -10px;
    }

    .navbarIcon {
        position: absolute;
        top: -59px;
    }

    .logo h1 {
        font-size: 20px !important;
    }

    #searchMenu {
        top: 21px;
    }

    .logo h1 span {
        font-size: 19px;
    }

    .menu-slide ul li {
        min-width: 45.5%;
    }

    .button-grid ul {
        text-align: left;
    }

    .dashboard-css .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 30px;
        width: 90%;
        overflow: hidden;
    }

    .dashboard-css .navbarout {
        display: block;
        top: 0;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0 10px;
        height: 70px;
    }

    .dashboard-css .logo img {
        float: left;
        margin: 0 6px 0 2px;
    }

    .dashboard-css h6 {
        margin-top: 0px;
        padding-top: 16px;
    }

    .dashboard-css .icon_wrap i {
        color: #000 !important;
    }

    dashboard-css .navbarout .navbar_rightout .profile .name {
        color: #fff;
    }

    .search_icon img {
        width: 35px;
        margin-top: 5px;
        background: #026ec5;
        border-radius: 50%;
        padding: 6px;
    }

    .dashboard-css .navbarout .icon_wrap img {
        width: 30px;
        width: 35px;
        margin-top: 5px;
        background: #026ec5;
        border-radius: 50%;
        padding: 6px;
    }

    .search_icon, .dashboard-css .icon_wrap i, .dashboard-css .navbarout .navbar_rightout .profile .name {
        color: black;
        line-height: 1;
    }

    .dashboard-css .navbarout .navbar_rightout {
        width: 100%;
        float: right;
        margin: 0 0px 6px;
        justify-content: flex-end;
        color: black;
        background: #fff;
    }

    .dashboard-css .navbar_leftout {
        width: 376px;
        float: left;
    }

    .dashboard-css .icon_wrap i:hover {
        color: #026ec5;
    }

    .inrtbs .nav-pills .nav-link {
        min-width: max-content !important;
    }
}

@media(max-width:767px) {
    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr;
    }

    .serachbtnandprof {
        flex-direction: column;
        align-items: stretch;
    }

    .serachbtnandprofright {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .rowfeeright {
        flex-direction: column;
    }

        .rowfeeright > div {
            width: 100%;
        }

    #tblPaymode td,
    #tblPaymode th {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    #tblPaymode tr {
        display: block;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .Siblingbody .row {
        flex-direction: column;
    }

    .Siblingbody .col {
        width: 100%;
    }
    #quickmenuList li {
        flex: 1 1 100%;
        white-space: normal;
    }
    .newdashboardm .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1 {
        left: 49px;
    }
    .tooltipquickmenu {
        display: none !important; /* disable tooltip on mobile */
    }

    .submenunew ul li {
        flex: 0 0 calc(48% - .5%);
    }

    .BSDashboardcon ul li {
        width: calc(98% - 0px);
    }

    .SchoolAnalysis .block-title h3 {
        font-size: 15px;
    }

    .SchoolAnalysis .minmaxi img {
        width: 15px;
    }

    .SchoolAnalysis .minmaxi {
        top: 18px;
        padding: 1px 6px;
    }

    .Siblingbody {
        margin: 20px .5%;
        width: 100%;
    }

    .d-flexsa {
        display: grid;
    }

    .SchoolAnalysisbody {
        padding: 2% 3%;
    }

    .SchoolAnalysiscard {
        margin: 60px 12px;
    }

    .newdashboardm .logo {
        min-width: auto;
    }

    /*   .logoimge {
        width: 64px;
        height: 53px;
    }*/

    .newdashboardm header {
        width: 100%;
        border-bottom: 4px solid #ccc;
    }

    div#profileDiv .profile_dd {
        width: 170px;
        padding: 10px 5px;
    }

    ul#switchaccount li {
        padding: 5px 0;
    }

        ul#switchaccount li a {
            font-size: 12px;
        }

    .logo h1 {
        font-size: 18px !important;
        margin-top: 0px !important;
    }

    .menu-closer {
        position: fixed;
        background: #0000005c;
        width: 100%;
        height: 100%;
        z-index: 9;
        left: -100%;
        top: 0;
        transition: 0.5s;
    }

    .newdashboardm .menunew .left-menu.active {
        left: 0;
        z-index: 99999;
    }

    .menu-closer.active {
        left: 0%;
        z-index: 9999;
    }

    .newdashboardm .menunew .left-menu {
        transition: 0.5s;
        left: -100%;
        z-index: 99;
    }

    li.phone-menu {
        background: #6378e9;
        padding: 1px 4px;
        border-radius: 4px;
    }

    li.phone-menu {
        display: block !important;
    }

    .icon_wrap {
        font-size: 17px;
    }

    .header-details ul li.expand img {
        width: 21px;
    }

    .header-details ul li img {
        width: 35px;
    }



    .header-details ul li {
        margin: 18px 3px;
    }

    .newdashboardm header .d-flex {
        width: max-content !important;
    }

    .sfmmain {
        padding: 0px 0px !important;
    }

    .inrtbs .nav-pills .nav-item {
        width: calc(50% - 10px) !important;
    }

    #searchMenu {
        /* top: -30px; */
        /* left: -98px; */
        /* z-index: 99; */
    }

    .dashboard-css .navbarout .profile .profile_dd {
        width: 302px;
    }

    .attendance_heading {
        flex-direction: column;
        align-items: flex-start;
    }

        .attendance_heading h2 {
            margin: 0;
            margin-bottom: 19px;
        }

        .attendance_heading .leave_form_btn > button {
            margin-bottom: 10px;
        }

    .leave_form_btn {
        width: 100%;
    }
    /*Start 18-01-2022*/
    .content-block {
        padding: 0px 23px 0px 40px;
        width: 100%;
    }

    .dashboard-css .feeds .card {
        width: 99%;
        padding: 11px 15px !important;
    }
    /*End 18-01-2022*/
    /*Start 17-01-2022*/
    .teachingareablock {
        margin-right: 0px;
    }

    .dashboard-css .inner_pages .timetable-boxes .card {
        width: 94%;
        margin: auto;
    }

    .detail .timetable-boxes .close-timetable {
        right: 39px;
    }

    /*End 17-01-2022*/
    .leftsection .banner {
        margin-bottom: 15px;
    }

    .teachingblocksdetails .teachingareablock {
        margin-bottom: 40px;
    }

    .teachingarea-boxes h3 {
        padding-left: 0
    }

    .leftsection #content-slider1 .slide-content {
        width: 100%;
    }

    .leftsection #content-slider1 .slide-content {
        position: static;
        background: #f5f5f5;
        padding: 20px;
    }

    .leftsection #content-slider1 .d-flex {
        display: unset !important;
    }

    .leftsection #content-slider1 .slide-content p, .leftsection #content-slider1 .slide-content h3 {
        color: #000;
        position: static !important;
    }

    .top-crousel li .slide.videoslide video {
        width: 100%;
    }

    .leftsection #content-slider1 .slide-content p.read-button a {
        color: #000;
    }

    .top-crousel li .slide.videoslide2 video {
        width: 100%;
    }

    .leftsection #content-slider1 .slide-content p.read-button img {
        display: inline;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .leftsection #content-slider1 .d-flex .videoslide:after, .leftsection #content-slider1 .d-flex .videoslide2:after {
        display: none;
    }

    .assement-inrdetails h5 strong {
        margin-bottom: 0px;
        text-align: left !important;
    }

    .dashboard-css .assignments .card img {
        margin: auto;
        display: block;
        float: left;
        margin-right: 6px;
        width: 68px;
    }

    .timetable-detial-strips .green-corner + div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dashboard-css .set-width + .timetable-details.assessment-side-details {
        width: 100%;
    }

    .teaching-result {
        flex-direction: column;
    }

    .assement-inrdetails div:nth-child(3) {
        min-width: 100% !important;
    }

    .dashboard-css .set-width .assement-inrdetails h5 strong {
        display: unset;
    }

    .teaching-result .filter-test {
        width: 100%;
        text-align: center;
    }

    .dashboard-css .timetable-boxes .card h4 + h5 {
        text-align: left;
    }

    .assement-inrdetails h5 {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: left !important;
    }

    .newcanvas div#sidebar {
        right: 0px;
        top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: inherit;
        width: 28px;
        z-index: 999;
    }

    .newcanvas .colorButtons {
        position: relative;
        display: block;
        background: #fff;
        margin-bottom: 6px;
    }

    .newcanvas .colorpicker {
        background: transparent;
        height: revert;
        margin-bottom: 0;
    }

    .buttonSize {
        width: 30px;
        position: relative;
    }

    .newcanvas .btn {
        margin-bottom: 10px;
        width: 100%;
        padding: 4px 0px;
        font-size: 12px;
        font-weight: bold;
    }

    p.time-date {
        font-size: 26px;
        font-weight: bold;
        min-width: 33px;
    }
    /*Start 18-01-2022*/
    /*.content-block {
    width: 100%;
  }*/
    /*End 18-01-2022*/
    img.timetable1 {
        width: 170px;
        margin-top: 19px;
    }

    .second {
        width: 40px;
        height: 40px;
        margin-top: 31px;
        left: 15px;
    }

    .calender {
        right: 45% !important;
        margin-top: 42px;
    }

    .plannames {
        min-width: 128px;
    }

    .timetableinr-details {
        padding: 22px 10px 10px;
    }

    .dashboard-css .inner_pages .before-blk {
        left: 1px;
        top: 54px !important;
    }

    form.readonly input.form-control.is-disabled.schedule-btn {
        width: 100%;
    }

    .timetable-detial-strips > div p {
        font-size: 16px;
        line-height: initial;
    }

    .assement-inrdetails > div:nth-child(2), .assement-inrdetails > div:nth-child(3) {
        max-width: 100%;
    }

    .timetable-detial-strips {
        align-items: center;
        flex-direction: column;
        padding: 0;
    }

    .detail .timeTableBlock .card {
        padding: 0 !important;
        box-shadow: 1px 0px 5px 0px #bbbbbb;
    }

    .detail .timeTableBlock .show-details-list {
        position: inherit !important;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }

    .dashboard-css .set-width {
        width: 100%;
    }

    .timetable-detial-strips > div:nth-child(2) {
        width: 100%;
    }

    .timetable-detial-strips > div h4 {
        text-align: left;
        font-size: 21px;
    }

    .timetable-detial-strips > div, .timetable-detial-strips > div:nth-child(1) {
        width: 100%;
        padding: 10px;
    }

    form.readonly .d-flex.justify-content-between {
        align-items: baseline;
        flex-direction: column;
    }

    .assement-inrdetails {
        align-items: baseline;
        justify-items: center;
        flex-direction: column;
    }

    .timetableinr-details .form-row .topicAdd .form-group {
        margin: 5px 0;
    }

    .timetableinr-details .form-row .topicAdd .form-group {
        float: left;
    }

    .dashboard-css .wid-50 {
        width: 100%
    }

    .wid-25, .wid-30, .timetable-boxes .samplef .wid-25 {
        width: 100% !important;
        position: relative;
        overflow-x: hidden;
    }

    .button-grid {
        top: 0;
        position: static;
    }

    .dashboard-css .navbarout .navbar_rightout .profile, .dashboard-css .navbarout .navbar_rightout .notifications, .dashboard-css .navbarout .navbar_rightout .message, .dashboard-css .navbarout .navbar_rightout .todolist {
        position: relative;
        top: 0;
        right: 0;
        margin-right: 7px;
    }

    div#message-list-feeds .searchit {
        background: #fff;
        width: 95%;
    }

    .dashboard-css .js-nav-toggle {
        left: -7%;
        width: 38px;
        height: 38px;
        margin: 17px 0 0 2px;
    }

    .dashboard-css .searchit {
        width: 93%;
        height: 38px;
    }

    .dashboard-css .before-blk {
        left: 1px;
    }

        .dashboard-css .before-blk:before {
            left: -110px;
        }

    .button-grid ul {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .web {
        position: static;
    }

    .techsu {
        text-align: center;
    }

    .main-bg:after {
        display: none;
    }

    .rel-cl, .sch-title {
        position: relative;
        height: auto;
        display: block;
    }

    .logo-block.login-l {
        width: auto;
        margin: auto;
        flex-direction: column;
    }

    .main-bg {
        overflow: unset;
        overflow-x: hidden
    }

    .logo-block {
        z-index: 9;
        border-radius: unset;
        width: 71%;
        height: unset;
        overflow: unset;
        position: static;
        float: unset;
        top: unset;
        left: unset;
        transform: unset;
        background: unset;
        border: unset;
        background-size: unset;
        background-position: unset;
        padding: unset;
        box-shadow: unset;
        margin: auto
    }

    .sch-title h1 {
        font-size: 28px !important;
        padding: 5px 0;
        text-align: center;
        top: unset;
        left: unset;
        transform: unset;
        width: 100%;
        margin: 0;
        line-height: 42px !important;
    }

    .main-bg:before {
        display: none
    }

    .sch-title h1:before {
        background: transparent;
        display: none
    }

    .logo-block.login-l h1 {
        font-size: 36px;
        float: left;
        margin-top: 32px;
        margin-left: 20px
    }

    .logo-block.login-l img {
        width: 128px;
        margin: auto;
        display: block;
        float: left;
    }

    .login-pg {
        margin: 30px auto;
    }

    .linktext {
        position: static;
    }

    .login-pg {
        width: 100%;
    }

    .footer-img {
        width: 195px;
    }

    .bannerimg .float-left {
        margin-left: -85px;
    }

    .bannerimg .float-right {
        margin-right: -85px;
    }

    .bannerimg img {
        width: 144px;
    }

    .file-preview-thumbnails {
        flex-direction: row !important;
    }

    .detailed-block_message.active {
        position: absolute;
        z-index: 9999;
        width: 100%;
        background: #fff;
        right: 0;
        top: 0;
        display: none;
        height: 100%;
        transition: 0.5s;
    }

    .inner_pages {
        padding: 0px 5px !important;
    }

    .inrtbs {
        width: 100%;
    }

    span.close.close_multi {
        color: black;
        display: block;
    }

    .timetable__details {
        padding: 7px 6px 10px;
    }

    .messageinr-icons ul li {
        margin: 0 0;
    }

    .sort-list-message {
        width: 100%;
        height: 700px;
    }

    .ph-view {
        display: block !important;
        transition: 0.5s;
    }

    .teachingareablock-img.jsFindVideo {
        display: flex;
        height: 100%;
        overflow-y: scroll;
        width: 100%;
        justify-content: flex-end;
    }

    .teachingarea_details, .filter-details, .filter-section {
        flex-direction: column;
    }

        .filter-section .filter-details p:last-child {
            width: 95%;
        }

        .filter-section .filter-details p {
            flex-direction: column;
            margin: 10px 0px 10px;
        }
    /*Start 17-01-2022*/
    /*.teachingblock-active .technicalBlock .userFind {
    width: 50%;
  }*/
    /*End 17-01-2022*/
    .dashboard-css .teachingarea-boxes .card {
        margin: 0;
    }

    .filter-icon {
        width: 94%;
        justify-content: center;
        margin: auto;
        padding: 10px;
        margin-bottom: 16px;
        margin-top: 10px;
    }

    .teachingblock-active .technicalBlock p {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .teachingareablock img {
        width: 100%;
        height: auto;
    }

    .technicalBlock .userFind img {
        width: 38px;
    }

    .teachingblock-active .technicalBlock .userFind img {
        width: 67px;
    }

    .teachingblock-active .technicalBlock .userFind {
        width: 30%;
    }
}

@media(max-width:649px) {
    .commonpopupwidthfee .modal-content .modal-body .rowfee .cold4 {
        flex: 1 1 100%;
    }
    .quickmenuheader {
        width: 100%;
    }
    .inrtbs-bdy .nav-next-head.arrow {
        z-index: 999;
    }

    .menu-slide ul li {
        min-width: 44.5%;
    }

    div#pagination-container {
        bottom: 2px;
        width: 90%;
    }
}

@media(max-width:590px) {
    .main-wrappernewfee .rowfee .cold4 {
        flex: 1 1 100%;
    }
    .main-wrappernewfee .containernewfee {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .submenunew ul li {
        flex: 0 0 calc(98% - .5%);
    }

    .inrtbs .nav-pills .nav-item {
        min-width: 94% !important;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 43%;
    }

    .dashboard-css .navbarout {
        height: 52px;
    }



    .logo h1 span {
        font-size: 14px;
    }

    .dashboard-css .navbarout .icon_wrap img {
        width: 28px;
    }

    .search_icon img {
        width: 28px;
    }

    .leave_form, .leave_history {
        max-width: 100%;
        right: 0;
    }

    #searchMenu {
        left: unset;
        top: 43px;
    }
    /*Start 17-01-2022*/
    .demo-slider.demo ul#content-slider li .col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.mb-2 {
        padding: 0px;
    }

    .logo {
        width: 100%;
    }

    .detailed-block_message.active .notify_icon {
        width: 35px;
        height: 35px;
    }

    .detailed-block_message h3 {
        font-size: 16px;
    }

    .dashboard-css .leftsection .timeTableBlock .card {
        width: 93%;
    }
    /*.content-block {
    padding: 0px 1px 0px 25px;
  }*/
    .dashboard-css .sort-item-assign {
        width: 91%;
        margin: auto;
    }

    select + label {
        width: 90% !important;
    }

    .inrtbs {
        margin-bottom: 0px;
    }

    .assement-inrdetails .student-result {
        flex-wrap: wrap;
    }
    /*End 17-01-2022*/
    .icon-tab {
        left: -6%;
    }

    #content-slider1 .d-flex {
        flex-direction: column;
    }

    .dashboard-css .assess-left div#sort-item-assign {
        width: 100%;
    }

    #content-slider1 .slide-content {
        position: static;
        width: 100%;
        padding: 22px;
    }

    .top-crousel li .slide.imgageslide .slide-img {
        position: static;
        display: block;
        height: auto;
        margin: auto;
    }

    .top-crousel li .slide.imgageslide:before, #content-slider1 .d-flex .videoslide:after, #content-slider1 .d-flex .videoslide2:after {
        display: none
    }

    .top-crousel li .slide.imgageslide .slide-img img {
        position: static;
        width: 100%;
        height: 200px;
        margin: 0;
    }

    .slide.imgageslide {
        height: auto !important;
        flex-flow: column;
    }

    #content-slider1 .slide-content p, #content-slider1 .slide-content h3, #content-slider1 .slide-content p.read-button a {
        color: #000;
    }

    .timetable-detial-strips > div {
        width: 100%;
        padding: 20px 10px;
    }

    .assement-inrdetails h5 {
        font-size: 14px;
    }

    .timetable-detial-strips > div p {
        font-size: 15px;
        margin-bottom: 0;
    }

    .teachingarea-details .videoedit {
        height: 85%;
    }
    /*Mani 07.02.2022 Start*/
    .teachingarea-details.expand-block {
        width: 98%;
        position: fixed !important;
        left: 3px;
        top: 4%;
        transform: unset;
    }
    /*Mani 07.02.2022 end*/
    .teachingarea-details h2 {
        font-size: 19px;
        margin-top: 10px;
        position: relative;
        z-index: 9;
    }

    .controllers {
        top: 4px;
    }

    .questionquiz {
        margin-top: 40px;
    }

    .question img {
        width: 100%;
    }

    .img-selection ul li {
        width: 46%;
        margin: 5px !important;
    }

    /*   .dashboard-css .logo img {
        width: 50px;
        margin: 6px 6px 0 2px;
    }*/

    .dashboard-css .main {
        padding: 0px 20px;
    }

    .teachingareablock {
        width: 100%;
    }

    .align-items-center.flex-fill.ms-sm-1.my-sm-0.my-4.border-bottom.position-relative.wid-100, .d-flex.align-items-center.flex-fill.me-sm-1.my-sm-0.my-4.border-bottom.position-relative.wid-100, .align-items-center.flex-fill.me-sm-1.my-sm-0.my-4.border-bottom.position-relative.wid-100 {
        margin: 0 !important;
    }

    .dashboard-css .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 30px;
        width: 91%;
    }

    .mask {
        display: none;
    }

    .right-images {
        display: none;
    }

    .dashboard-css .addicon {
        z-index: 99;
    }

    .content-block p {
        text-align: left;
    }

    .flip-anim .content-block {
        margin: 0 0 0 0;
    }
    /*Start 17-01-2022*/
    .bannerimg {
        height: 100%;
        padding: 20px;
    }
    /*End 17-01-2022*/
    .dashboard-css .mutliSelect-freq {
        top: 45px;
    }

    .form-check.form-group.plannames {
        text-align: center;
        margin-top: 20px;
    }

    .search-block.d-flex > div:last-child {
        margin-right: 0;
    }

    .plan-dtl {
        width: 100%;
    }

    .starterd, .readMessage {
        width: 5px;
        height: 5px;
    }

    .messageinr .notify_icon p {
        font-size: 14px;
    }

    .messageinr .notify_icon {
        width: 25px;
        height: 25px;
    }

        .messageinr .notify_icon p {
            line-height: 21px;
        }

    .messageinr-icons {
        text-align: center;
        display: grid;
    }

    .messageinr-boxes .card {
        padding-left: 0 !important;
    }

    .timetable-detial-strips > div:nth-child(2) {
        width: 100%;
    }
    /*Start 17-01-2022*/
    /*.search-block.d-flex {
    padding-left: 14px;
  }*/
    /*End 17-01-2022*/
    .timetable-detial-strips {
        flex-direction: column;
    }

    .navbarIcon {
        position: absolute;
        bottom: 122%;
        right: 0;
        top: -52px;
    }

    .menu-slide .close_All {
        margin: 15px 22px;
    }

    .menu-slide ul li {
        min-width: 100%;
        margin: 7px 1px;
    }

    .dashboard-css .navbarout .profile .profile_dd, .notification_dd, .message_dd, .todolist_dd {
        transform: translate(-50%, 5%);
        left: 50%;
        top: 50%;
    }

        .dashboard-css .navbarout .profile .profile_dd:before, .notification_dd:before, .message_dd:before, .todolist_dd:before {
            display: none;
        }

    .dashboard-css .mutliSelect i {
        right: 0;
    }

    .dashboard-css input.freq-wid {
        padding: 4px;
        font-size: 15px;
    }

    .dashboard-css .file-caption-main {
        margin: 0px 0px;
        margin-top: 8px !important;
    }

    .dashboard-css .timetable input[type="datetime-local"]:before {
        padding: 0px 11px;
        top: 0;
    }

    .dashboard-css .wid-50 {
        width: 100%
    }

    .dashboard-css h6 {
        margin-top: 0px;
        padding-top: 8px;
        line-height: 27px !important;
        width: 80%;
    }

    h2.headings {
        text-align: left;
    }

    input.search_icon_input.active {
        position: absolute;
        color: #000;
        font-size: 16px;
        top: 100%;
        right: 0;
        border-bottom: 1px solid #000;
        width: 100%;
        margin-top: 5px;
    }

    .close-search {
        top: 25px;
        margin-top: 0;
        margin-right: 0 !important;
        right: 0;
    }

    .search_icon {
        position: static;
    }

    .inner_pages {
        padding: 0px 10px !important;
    }

    .form-group.d-flex.wid-30 {
        width: 100%;
    }

    .side-menu-fee {
        width: 80%;
    }



    .popup-feeenty-box {
        padding: 20px;
        border-radius: 15px;
    }

    .popup-feeenty-content h2 {
        font-size: 1.2rem;
    }
}

@media(max-width: 455px) {
    ul#pills-tab {
        width: 95% !important;
        left: 18px;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 98%;
    }

    .dashboard-css .navbarout .navbar_rightout .session .name, .dashboard-css .navbarout .navbar_rightout .profile .name {
        font-size: 11px;
    }

    .leave_form .leave_form_block > div {
        width: 100%;
    }

    .leave_form .leave_form_block {
        flex-wrap: wrap;
    }

    .leave_form {
        padding: 20px 10px;
    }

    .year_selected {
        padding: 10px 10px;
    }

    .leave_apply_form > div {
        flex-direction: column;
    }

        .leave_apply_form > div label {
            width: 100%;
        }

    /*Start 17-01-2022*/
    video {
        padding: 50px 6px;
    }

    .teachingblock-active .technicalBlock .userFind {
        width: 50%;
    }
    /*end 17-01-2022*/
    .inrtbs-bdy {
        margin-top: 0px;
    }

        .inrtbs-bdy .arrow {
            top: 10px;
            cursor: pointer;
        }

        .inrtbs-bdy .inrtbs {
            height: 60px !important;
        }

    .lSSlideOuter ul.lSPager.lSpg {
        top: 0%;
    }

    .dashboard-css .navbar_leftout {
        width: 304px;
        float: left;
    }

    .button-grid {
        top: -42px;
        position: static;
        margin-bottom: 20px;
    }

    .dashboard-css .navbarout .navbar_rightout .profile, .dashboard-css .navbarout .navbar_rightout .notifications, .dashboard-css .navbarout .navbar_rightout .message, .dashboard-css .navbarout .navbar_rightout .todolist {
        top: 0;
    }

    .button-grid ul {
        padding-left: 0
    }

    .search_icon, .dashboard-css .icon_wrap i {
        font-size: 16px !important;
        margin-top: 9px !important;
        color: black !important;
    }

    .timetable {
        height: auto;
    }

    .dashboard-css .modal-content {
        width: 91%;
    }
    /*Start 18-01-2022*/
    .dashboard-css .navbarout .navbar_rightout {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    /*End 18-01-2022*/

    .dashboard-css .icon_wrap i {
        color: #000 !important;
    }

    .dashboard-css .navbarout .navbar_rightout .profile .name {
        color: #000;
    }

    .search_icon img {
        margin-top: -5px;
    }
}

@media(max-width:445px) {
    .dashboard-css .addicon img {
        width: 30px;
        margin-top: 0;
    }

    .dashboard-css .navbarout .icon_wrap img, .search_icon img {
        width: 27px;
        padding: 2px;
    }

    .dashboard-css .navbarout .navbar_rightout .profile .name {
        margin: 0 0px 3px;
    }



    .profile_dd {
        margin-top: 6px;
    }

    .teachingareablock {
        width: 100%;
    }

    .dashboard-css .navbarout {
        height: 90px;
    }

    .search_icon {
        margin-top: 0px !important;
    }

    .dashboard-css .navbarout .profile .profile_dd ul li {
        text-align: left;
    }
}