@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: '';
    --colorhover: '';
    --colorhoversub1: '';
    --white: #ffffff;
}

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    background: #f1f3f8;
    color: rgba(90, 89, 114, 1);
    font-size: 16px;
}

.bodyoverflow {
    overflow: hidden !important;
}

.app-drawer-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .4);
    display: block;
    content: '';
    left: 0;
    top: 0;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: calc(1s);
    animation-duration: calc(1s);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.notification-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 600px;
    display: none;
    height: 100%;
    overflow: hidden;
    background: #fafbfc;
    z-index: 9999;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

    .notification-container .headernoti {
        margin: -1px -1px 0;
        padding: 1.5rem .5rem;
        position: relative;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        background-image: linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;
    }

        .notification-container .headernoti .menu-header-image {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 8;
            opacity: .1;
            filter: grayscale(80%);
            background-size: cover;
        }

        .notification-container .headernoti .headerTitle {
            position: relative;
            z-index: 10;
            color: #fff;
            padding: 0px 15px;
        }

            .notification-container .headernoti .headerTitle h5 {
                font-weight: 500;
                font-size: 1.25rem;
                margin: 0;
            }

            .notification-container .headernoti .headerTitle h6 {
                margin: 5px 0 0;
                opacity: .8;
            }

        .notification-container .headernoti .headerClose {
            position: absolute;
            right: 12px;
            top: 32px;
            z-index: 99;
        }

            .notification-container .headernoti .headerClose img {
                width: 35px;
            }

.notibody {
    padding: 10px;
    overflow: auto;
    background-color: #f7f7f7;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 80px);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    outline: 0;
}

    .notibody .tabs-animated-shadow.tabs-shadow-bordered {
        border-bottom: rgba(26, 54, 126, .125) solid 1px;
        padding: .5rem !important;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        list-style: none;
    }

    .notibody .nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
    }

    .notibody .tabs-animated-shadow.tabs-shadow-bordered .nav-link {
        margin-bottom: 0;
    }

    .notibody .tabs-animated-shadow.tabs-shadow-bordered li {
        padding: 0px 0px;
        margin: 0px 4px;
    }

    .notibody .tabs-animated .nav-link::before {
        transform: scale(0);
        opacity: 1;
        width: 100%;
        left: 0;
        bottom: -2px;
        content: "";
        position: absolute;
        display: block;
        border-radius: .25rem;
        background: #3f6ad8;
        transition: all .2s;
        height: 4px;
    }

    .notibody .tabs-animated-shadow .nav-link::before {
        height: 100%;
        top: 0;
        z-index: 4;
        bottom: auto;
        box-shadow: 0 16px 26px -10px rgba(63,106,216,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(63,106,216,.2);
        border-radius: 100%;
        opacity: .5;
    }

    .notibody .tabs-animated-shadow .nav-link.active::before, .notibody .tabs-animated-shadow .nav-link:hover::before {
        border-radius: .25rem;
        opacity: 1;
    }

    .notibody .tabs-animated .nav-link.active::before, .notibody .tabs-animated .nav-link:hover::before {
        transform: scale(1);
    }

    .notibody .tabs-animated-shadow .nav-link.active, .notibody .tabs-animated-shadow .nav-link:hover {
        color: #fff !important;
    }

    .notibody .tabs-animated-shadow .nav-link span {
        position: relative;
        z-index: 5;
        display: inline-block;
        width: 100%;
    }

    .notibody .nav-link {
        display: flex;
        align-items: center;
        transition: background-color .3s ease, color .3s ease;
        cursor: pointer;
        font-weight: 400;
        position: relative;
        margin: 0 5px 0 0;
        color: #495057;
        padding: .5rem .5rem;
        margin-bottom: 0;
    }

    .notibody .tabs-animated-shadow .nav-link.active, .notibody .tabs-animated-shadow .nav-link:hover {
        color: #fff;
    }

    .notibody .tabs-animated .nav-link.active, .notibody .tabs-animated .nav-link:hover {
        color: #3f6ad8;
    }

.monthw {
    padding: 15px;
    color: #475867 !important;
    background: #fff;
    border-radius: 2px;
    position: relative;
    max-width: 800px;
    margin: 20px auto;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    display: none
}

    .monthw.active {
        display: block !important;
    }

.featureDaten {
    font-size: 16px;
    color: #8da2b5;
    margin-bottom: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: flex;
    flex-wrap: nowrap;
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    white-space: nowrap;
}

.categoryn {
    display: inline-block;
    background: #8482f5;
    padding: 4px 9px;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    margin-right: 5px;
    overflow: hidden;
    text-transform: uppercase;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
}

.featureDaten span {
    display: inline-block;
    vertical-align: baseline;
    color: #8da2b5 !important;
}

.featureTitlen {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.4;
}

    .featureTitlen a {
        color: #2c5cc5 !important;
    }

        .featureTitlen a:hover {
            text-decoration: none !important;
        }


.medium-insert-images figure {
    position: relative;
    margin: 5px auto 15px;
    overflow: hidden;
    scrollbar-width: none;
}

    .medium-insert-images figure:hover {
        -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
        box-shadow: 0 0 6px rgba(0,0,0,.2);
    }

        .medium-insert-images figure:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        .medium-insert-images figure:hover .fullscreen {
            opacity: 1;
        }


.medium-insert-images .binded {
    width: 100% !important;
    height: auto;
}

.medium-insert-images .fullscreen {
    position: absolute;
    opacity: 0;
    right: 5px;
    bottom: 5px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: #000000ab;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: -2px 2px 4px 3px #fff;
    box-shadow: 0 0 4px 1px #000000ab;
    padding: 5px;
}

    .medium-insert-images .fullscreen i {
        font-size: 19px;
    }

.releaselargimg {
    width: 70%;
    margin: 0px auto;
    position: absolute;
    top: 15%;
    z-index: 9999;
    left: 15%;
}

    .releaselargimg .headerClose {
        position: absolute;
        right: -20px;
        top: -20px;
        z-index: 99;
        background: #0897ed;
        border-radius: 50%;
        cursor: pointer;
        padding: 5px;
    }

        .releaselargimg .headerClose img {
            width: 30px;
        }

.reMay24-1, .reMay24-2, .reMay24-3, .reMay24-4 {
    display: none;
}

.reApr24-1, .reApr24-2, .reApr24-3, .reApr24-4 {
    display: none;
}

.remarch24-1, .remarch24-2, .remarch24-3, .remarch24-4 {
    display: none;
}

.refeb24, .refeb24-2 {
    display: none;
}

.releaselargimgopen {
    display: block !important;
}

.releaselargimg img {
    width: 100%;
    height: auto;
}

.featureContent {
    width: 100%;
    position: relative;
    padding: 1.5rem 0 1rem;
}

    .featureContent::before {
        content: '';
        position: absolute;
        top: 0;
        left: 11px;
        height: 100%;
        width: 4px;
        background: #e9ecef;
        border-radius: .25rem;
    }

.featureContentdetails {
    position: relative;
    margin: 0 0 1rem;
}

.featureContentcircle {
    visibility: visible;
    animation: cd-bounce-1 .8s;
    left: 4px;
    position: absolute;
    top: 0;
}

    .featureContentcircle i {
        box-shadow: 0 0 0 5px #fff;
        width: 18px;
        height: 18px;
        position: relative;
        border: transparent solid 1px;
        border-radius: 30px;
        min-width: 2px;
        text-indent: -999em;
        padding: 0;
    }

    .featureContentcircle .badge-success {
        color: #fff;
        background-color: #3ac47d;
    }

    .featureContentcircle .badge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
    }

    .featureContentcircle .badge-dot-xl::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: .25rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -5px 0 0 -5px;
        background: #fff;
    }

.featureContentdetails-content {
    margin-left: 36px;
    font-size: .8rem;
    position: relative;
}

    .featureContentdetails-content .timeline-title {
        font-size: 1rem;
        margin: 0 0 .5rem;
        padding: 2px 0 0;
        font-weight: 700;
        font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
    }

    .featureContentdetails-content p {
        color: #6c757d;
        margin: 0 0 1rem !important;
        font-size: 1rem !important;
    }

        .featureContentdetails-content p b {
            color: #212529;
            font-weight: 500;
        }

.feedbackno {
    margin: -15px !important;
    background: rgba(156, 156, 156, .1);
    padding: 10px;
    margin-top: 35px !important;
    border-top: 1px solid rgba(195, 193, 193, .45);
    position: relative;
    padding-top: 22px;
    height: auto;
    min-height: 65px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .2s ease;
    -o-transition-delay: .2s ease;
    transition-delay: .2s ease;
    z-index: 9000;
}

.emojino {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -22px;
    left: calc(50% - 100px);
    height: 45px;
    vertical-align: middle;
}

.emojiContainer {
    width: 47px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.emojino img {
    height: 38px;
    width: 38px !important;
    vertical-align: middle;
    border-radius: 50%;
    padding: 1px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.15);
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .95;
}

    .emojino img:hover {
        height: 40px;
        width: 40px !important;
    }

    .emojino img.active {
        height: 42px;
        width: 42px !important;
        border: 1px solid #0b97fd;
    }

.feedbackno .form-group {
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
    left: 0;
    -webkit-transition: left .5s cubic-bezier(.36,0,0,.99);
    -o-transition: left .5s cubic-bezier(.36, 0, 0, .99);
    transition: left .5s cubic-bezier(.36,0,0,.99);
    z-index: 6;
}

.feedbackInput {
    border: 1px solid #eaeaea;
    border-radius: 2px;
    font-size: 13px;
    overflow: hidden;
    padding: 8px 30px 10px 8px;
    resize: none;
    height: 37px;
    width: 100%;
}

.feedbackBox {
    display: none;
}

    .feedbackBox.active {
        display: block !important;
    }

    .feedbackBox .materialIcon {
        width: 22px !important;
        height: 22px;
        fill: currentColor;
        position: absolute;
        right: 9px;
        top: 7px;
    }

.selectednot {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
    }
}




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

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

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

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

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

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

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

.dashboardnew-css .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, .dashboardnew-css .menunew .left-menubar li i.campus-icon {
        font-size: 19px;
        color: var(--colorhover);
    }

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



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

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

.dashboardnew-css .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);
}

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

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



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

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

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

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

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




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


.dashboardnew-css .menunew .left-menu-open1.large-menu ul.lg-sub-menu1 li a::before {
    content: "\2022";
    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: "\2022";
    color: var(--colorhover);
    font-weight: bold;
    display: inline-block;
    margin-right: 9px;
    font-size: 24px;
    line-height: 0;
}

.dashboardnew-css .menunew .left-menu-open1.large-menu ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    width: 16px;
    height: 16px;
}

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

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

.dashboardnew-css .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);
}

.dashboardnew-css .menunew .border-top {
    border-top: 1px solid var(--colorhoversub1) !important;
    width: 89%;
    margin: 0px auto;
}

    .dashboardnew-css .menunew .border-top a i {
        color: var(--colorhoversub1);
        font-size: 32px;
        margin-top: 10px;
    }

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

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

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

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

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

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

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

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

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


.dashboardnew-css .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected .menu-title i.fa-angle-down {
    transform: rotate(180deg);
}

.dashboardnew-css .menunew .left-menu-open1.large-menu ul li i.fa-angle-down {
    position: absolute;
    right: 12px;
    top: 14px;
}

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




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

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

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

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

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

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

.dashboardnew-css .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)
}

    .dashboardnew-css .menunew a:hover {
        text-decoration: none;
    }

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

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

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

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

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

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


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

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

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

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

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

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

.dashboardnew-css .menunew ul.lg-sub-menu li.active > ul.lg-sub-menu1 .fa-angle-left, .dashboardnew-css .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;
}



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

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


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

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



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

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

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

            .dashboardnew-css .menunew .left-menu-open1.large-menu .left-menubar > ul > li.selected .menu-title i.campus-icon {
                color: #fff;
            }

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

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

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

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

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

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

/*header code*/

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

.openmenubodyfadeshow {
    display: block !important;
}

.logoname
{
    padding-top: 5px;
}

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

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

.dashboard-right .right-bar {
    width: 92%;
    margin-left: auto;
    transition: 0.5s;
}

    .dashboard-right .right-bar header {
        display: flex;
        justify-content: space-between;
        padding: 7px 0 0 0;
        align-items: center;
    }

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

            .dashboard-right .right-bar header .header-details ul p {
                margin: 0;
                font-size: 18px;
            }

        .dashboard-right .right-bar header .d-flex {
            align-items: center;
            justify-content: center;
            display: flex;
        }

    .dashboard-right .right-bar select {
        font-size: inherit;
    }

.assesment .e-multi-select-wrapper {
    min-width: 150px;
}


.dashboard-right .right-bar .logo h1 span {
    font-size: 85%;
    font-weight: normal;
    color: var(--colorhoversub1);
}

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

.dashboard-right .right-bar .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;
}

.dashboard-right .right-bar .header-details .searchnew {
    position: relative;
}

    .dashboard-right .right-bar .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;
}

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

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



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

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

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

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

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

header .header-details ul p select {
    background: transparent;
    border: 0;
    padding: 0 10px;
}

header .header-details ul p small {
    display: block;
    padding: 0 10px;
}

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

.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 img {
    width: 45px;
}

/*color change*/

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


div#session_dd .icon_wrap i {
    font-size: 15px;
}

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

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

.scoolselection {
    width: 7.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#switchSession li {
        border-bottom: 1px dashed #ddd;
    }

        ul#switchSession 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;
}
.profileImg {
    width: auto;
    height: 45px;
    border-radius: 6px;
}

div#profileDiv {
    position: relative;
    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 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .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:last-child {
            border-bottom: none !important;
        }

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

div#profileDiv {
    position: relative;
    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;
    }



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

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


.icon_wrapschool {
    font-size: 15px;
}

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

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

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







.news-list ul li p, .alert .alert-list ul li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 19px;
}

.news-list ul li {
    list-style: num;
    padding: 10px 8px 10px 0;
    position: relative;
    padding-left: 78px;
}

    .news-list ul li.updated:before {
        width: 40px;
        height: 40px;
        content: "";
        position: absolute;
        left: 18px;
        top: 14px;
        border-radius: 8px;
        background: #f27878;
    }

    .news-list ul li.pending:before {
        width: 40px;
        height: 40px;
        content: "";
        position: absolute;
        left: 18px;
        top: 14px;
        border-radius: 8px;
        background: #ffb221;
    }

    .news-list ul li span {
        display: block;
        font-size: 85%;
        margin-top: 4px;
        line-height: 16px;
    }

.d-flex.align-item-start {
    align-items: stretch;
}

.news-list ul li:after {
    content: "";
    height: 1px;
    border-top: 1px solid rgba(182, 182, 182, 1);
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 102%;
}

.news-list ul {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.Upcoming, .today {
    display: none;
}

    .Upcoming.active, .today.active {
        display: block;
    }

.birthdays .tabs-select p {
    min-width: 118px;
    text-align: center;
}

.birthdays .student ul, .birthdays .staff ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}

.wid-0 .birthdays {
    background: #fff;
    border-radius: 19px;
    margin: 20px 0;
    padding: 20px 24px 10px;
    margin-right: 0;
}

    .wid-0 .birthdays p.sent:before {
        display: none;
    }

.birthdays .student ul li, .birthdays .staff ul li {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 10px;
    width: calc(100% - 0px);
    border-radius: 14px;
    margin-bottom: 10px;
}

.birthdays ul li .birthday img {
    float: left;
    width: 14px;
}

.birthdays ul li .birthday {
    width: 100%;
}

    .birthdays ul li .birthday .d-flex div.content {
        width: 100%;
    }

    .birthdays ul li .birthday .d-flex div h3 {
        margin: 0;
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .birthdays ul li .birthday .d-flex div p {
        margin: 0;
        font-size: 15px;
    }



.wid-50.birthdays {
    background: #fff;
    border-radius: 19px;
    margin: 20px 0;
    padding: 20px 20px 10px;
    margin-right: 21px;
    width: calc(50% - 9px);
    overflow: auto;
    height: 392px;
}

.birthdays::-webkit-scrollbar {
    width: 7px;
    background: #f2f5fa;
}

.birthdays::-webkit-scrollbar-thumb {
    background: rgba(222, 222, 222, 1);
    border-radius: 28px;
}




.birthdays ul li .birthday .d-flex div.content img {
    margin-right: 18px;
    width: 45px;
}

.wid-50.birthdays .student, .wid-50.birthdays .staff {
    width: 48%;
    display: inline-block;
    vertical-align: text-top;
}

p.sent {
    text-align: center;
    background: linear-gradient(180deg, #398E44 0%, #6DBC77 100%);
    color: #fff;
    padding: 15px;
    margin-right: 18px;
    font-size: 16px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

p.inbox {
    text-align: center;
    color: #fff;
    padding: 15px;
    margin-right: 18px;
    font-size: 16px;
    border-radius: 10px;
    background: linear-gradient(180deg, #6279ED 0%, #7A8EF5 100%);
}

p.compose {
    background: rgba(98, 121, 237, 1);
    color: #fff;
    display: flex;
    padding: 7px 20px;
    align-items: center;
    justify-content: space-between;
    min-width: 130px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.event-calender {
    border-radius: 18px;
    width: 100%;
    margin: auto;
    background: #fff;
    margin-top: 0;
    padding: 15px 15px 15px;
    border: 1px solid rgba(225, 225, 225, 1);
    margin-bottom: 40px;
}

    .event-calender h3 span {
        display: block;
        margin: 0;
    }

    .event-calender .block-title h3 span {
        margin: 0;
    }

.block-title h3 i.bi.bi-three-dots {
    font-size: 18px;
}
/*calender*/


.calenderLT1 #calendarLT1 {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin: 10px auto 0;
    height: 333px;
    overflow: hidden;
}

.month.new > .week:nth-child(1) .day-name::first-letter {
    font-size: 14px;
}

.month.new > .week:nth-child(1) {
    padding-top: 38px;
}

    .month.new > .week:nth-child(1) .day-name {
        display: block;
        position: absolute;
        top: 30px;
        text-align: center;
        width: 10%;
        font-size: 0;
    }

.calenderLT1 .header {
    width: max-content;
    text-align: center;
    position: relative;
    z-index: 100;
    padding: 0 20px;
    margin-bottom: 6px;
}

    .calenderLT1 .header h1 {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 100;
        letter-spacing: 1px;
    }

.calenderLT1 .left, .calenderLT1 .right {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    top: 0;
    margin-top: 0;
    cursor: pointer;
}

.calenderLT1 .left {
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
    left: 0;
}

.calenderLT1 .right {
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(160, 159, 160, 1);
    right: 0;
}

.calenderLT1 .month {
    opacity: 0;
}

    .calenderLT1 .month.new {
        -webkit-animation: fadeIn 1s ease-out;
        opacity: 1;
    }

    .calenderLT1 .month.in.next {
        -webkit-animation: moveFromTopFadeMonth .4s ease-out;
        -moz-animation: moveFromTopFadeMonth .4s ease-out;
        animation: moveFromTopFadeMonth .4s ease-out;
        opacity: 1;
    }

    .calenderLT1 .month.out.next {
        -webkit-animation: moveToTopFadeMonth .4s ease-in;
        -moz-animation: moveToTopFadeMonth .4s ease-in;
        animation: moveToTopFadeMonth .4s ease-in;
        opacity: 1;
    }

    .calenderLT1 .month.in.prev {
        -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
        -moz-animation: moveFromBottomFadeMonth .4s ease-out;
        animation: moveFromBottomFadeMonth .4s ease-out;
        opacity: 1;
    }

    .calenderLT1 .month.out.prev {
        -webkit-animation: moveToBottomFadeMonth .4s ease-in;
        -moz-animation: moveToBottomFadeMonth .4s ease-in;
        animation: moveToBottomFadeMonth .4s ease-in;
        opacity: 1;
    }


.day.transformSet p {
    text-align: left;
}

p.crossMe {
    position: absolute;
    right: 4px;
    top: -3px;
    transform: rotate(45deg);
}

.calenderLT1 .day {
    display: inline-block;
    width: calc( 14% - 6px );
    padding: 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background: #F3F5F9;
    z-index: 100;
    margin: 3px 3px;
    border-radius: 5px;
}

    .calenderLT1 .day.other {
        color: rgba(255, 255, 255, .3);
        background: transparent;
    }

    .calenderLT1 .day.today {
        color: rgb(255 255 255);
        background: #FFB221;
    }

.calenderLT1 .day-name {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: rgb(0 0 0 / 50%);
    letter-spacing: .7px;
    display: none;
}

.calenderLT1 .day-number {
    font-size: 14px;
    position: relative;
    z-index: 9;
    height: 27px;
    margin: 2px 0;
    line-height: 24px;
}


.calenderLT1 .day .day-events {
    list-style: none;
    text-align: center;
    height: 12px;
    position: relative;
    width: 100%;
    height: 27px;
    top: 0;
    left: 0;
    margin-top: -30px;
    margin-left: 0;
}

.day-eventtext {
    transition: 0.2s;
    position: absolute;
    background: #fff;
    width: 98%;
    left: 1%;
    top: 16%;
    transform: scale(0);
    color: #4b4b4b;
    padding: 9px 9px;
    box-shadow: 0px 0px 5px 0px #ddd;
    z-index: 999;
    border-radius: 3px;
}

.transformSet .day-eventtext {
    transform: scale(1);
}


.calenderLT1 .day:hover .day-eventtext {
    display: block;
}

.day-eventdate {
    text-align: left;
}

.calenderLT1 .day:hover {
    z-index: 999;
}

.day-eventtext p {
    margin-bottom: 2px;
}

.calenderLT1 .day .day-events span {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 5px;
    margin: 0 1px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.calenderLT1 .blue {
    background: rgba(98, 121, 237, 1);
}

.calenderLT1 .bluelight {
    background: #C2CBF9;
}

.calenderLT1 .details {
    display: none;
}

    .calenderLT1 .details.in {
        -moz-animation: moveFromTopFade .5s ease both;
    }

    .calenderLT1 .details.out {
        -webkit-animation: moveToTopFade .5s ease both;
        -moz-animation: moveToTopFade .5s ease both;
        animation: moveToTopFade .5s ease both;
    }

.calenderLT1 .events {
    height: 55px;
    padding: 7px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    .calenderLT1 .events.in {
        -webkit-animation: fadeIn .3s ease both;
        -moz-animation: fadeIn .3s ease both;
        animation: fadeIn .3s ease both;
    }

    .calenderLT1 .events.in {
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
    }

.calenderLT1 .details.out .events {
    -webkit-animation: fadeOutShrink .4s ease both;
    -moz-animation: fadeOutShink .4s ease both;
    animation: fadeOutShink .4s ease both;
}

.calenderLT1 .events.out {
    -webkit-animation: fadeOut .3s ease both;
    -moz-animation: fadeOut .3s ease both;
    animation: fadeOut .3s ease both;
}

.calenderLT1 .event {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 2px 16px;
    vertical-align: top;
}

    .calenderLT1 .event.empty {
        color: #eee;
    }

.calenderLT1 .event-category {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 6px 0 0;
    vertical-align: top;
}

.calenderLT1 .event span {
    display: inline-block;
    padding: 0 0 0 7px;
}

.calenderLT1 .legend {
    position: absolute;
    bottom: 0;
    width: max-content;
    line-height: 30px;
    margin-left: auto;
    display: block;
    right: 10px;
}

.calenderLT1 .entry {
    position: relative;
    padding: 0 0 0 45px;
    font-size: 17px;
    display: block;
    line-height: 30px;
    background: transparent;
}

    .calenderLT1 .entry:after {
        position: absolute;
        content: '';
        height: 20px;
        width: 20px;
        top: 6px;
        left: 14px;
        border-radius: 4px;
    }

    .calenderLT1 .entry.blue:after {
        background: rgba(98, 121, 237, 1);
    }

    .calenderLT1 .entry.bluelight:after {
        background: rgba(194, 203, 249, 1);
    }



/* Animations are cool!  */
@-webkit-keyframes moveFromTopFade {
    from {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveToTopFade {
    to {
        height: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveToTopFade {
    to {
        height: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@-webkit-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@-webkit-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@-webkit-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@-moz-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}


/*calender*/
.wid-50.birthdays .student {
    margin-right: 10px;
}

.pltab-block, .othertab-block {
    display: none;
}

.d-flex.lessonPlanOther div.demo {
    width: 100% !important;
}

.circular-announcement-list.active {
    display: block
}
/*header code*/




/* section */
.select-block-list .d-flex {
    display: flex;
    align-items: flex-start;
    position: relative;
    background: #fff;
    padding: 16px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    min-height: 115px;
    width: calc(100% - 0px);
    color: rgba(90, 89, 114, 1);
    cursor: pointer;
}

.select-blocks .table-responsive {
    padding-bottom: 0;
}

.select-blocks .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
    display: none;
}

.select-block-list .d-flex img.know-more {
    position: absolute;
    right: 10px;
    border-radius: 50%;
    bottom: 10px;
    background: rgba(135, 154, 249, 1);
    padding: 2px;
    width: 24px;
    box-shadow: inset 0px 2px 5px 0 #4b62d8;
}

.select-block-list {
    width: 23%;
}

    .select-block-list .d-flex h2 {
        margin-bottom: 0;
        margin-top: 9px;
        font-size: 26px;
    }

    .select-block-list .d-flex h3 {
        margin-top: 0;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .select-block-list .d-flex p {
        margin: 0;
        font-size: 18px;
    }

.section .mainHeading {
    font-weight: 600;
    font-size: 28px;
    margin: 20px 0;
    letter-spacing: 1px;
}

    .section .mainHeading span {
        color: #85858F;
        display: block;
        font-size: 62%;
        font-weight: 500;
        letter-spacing: 0px;
    }

.select-block-list .d-flex > div {
    margin-left: 16px;
}

.select-blocks {
    width: 75%;
    background: #fff;
    box-shadow: 0px 9px 10px -4px rgba(0, 0, 0, 0.11);
    border-radius: 12px;
    padding: 15px 0;
}

.d-flex {
    display: flex;
    width: 100%;
    align-items: center;
}

.left-section {
    width: 70%;
}

.right-section {
    width: 35%;
}

.select-list:before {
    content: "";
    width: 100%;
    height: 82%;
    background: url(../Images/TeachingiconLT1/Icon/side-bg.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -20px;
    background-size: auto 100%;
    filter: brightness(0.5);
    opacity: 0.5;
}

.active.select-list:before {
    filter: brightness(1);
    opacity: 1;
}

.select-block-list .d-flex img {
    width: 34px;
    margin-top: -3px;
}

.select-block > .d-flex {
    justify-content: space-between;
    align-items: stretch !important;
}

.select-block-list .d-flex.select-list.active {
    background: var(--colrBack);
    color: #fff;
}

    .select-block-list .d-flex.select-list.active img.icon-bg {
        background: #fff;
        border-radius: 5px;
    }

.select-block-list .active img.know-more {
    background: rgba(46, 70, 189, 1);
    box-shadow: inset 0px 2px 5px 0 #293eaf;
}

.time-table td, .time-table th {
    border: 1px solid rgba(225, 225, 225, 1);
    min-width: auto;
    padding: 0px 2px;
    text-align: center;
    font-size: 15px;
}

.time-table table {
    border-collapse: collapse;
    margin: auto;
    width: 100%;
}

.time-table th span {
    font-size: 80%;
    display: block;
}

.time-table td:nth-child(1) {
    font-weight: 600;
    padding: 0px 10px;
}

.time-table table td p {
    background: rgba(222, 222, 222, 1);
    margin: 0;
    padding: 4px 0;
    border-radius: 5px;
    height: 94%;
    vertical-align: middle;
    max-width: 100%;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
}

.time-table td:nth-child(1), .time-table th:nth-child(1) {
    font-weight: 600;
    padding: 0px 0px;
    min-width: 56px !important;
    max-width: 56px !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.time-table td {
    height: 59px;
    max-width: 83px;
    min-width: 83px;
}

.time-table th {
    padding: 14px 4px;
}

.time-table .block-title h3 {
    float: left;
    margin-right: 18px;
}

.block-title {
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    letter-spacing: 1.2px;
}

    .block-title h3 {
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 0;
    }

        .block-title h3 span {
            margin: 0 0px 0 12px;
            font-weight: normal;
            font-size: 86%;
        }

.rotate-text {
    -webkit-writing-mode: vertical-rl;
    letter-spacing: 2px;
    min-width: 12px !important;
}

.quick-action {
    background: var(--colrBack);
    padding: 13px 20px 25px 20px;
    border-radius: 16px;
    margin-top: 40px;
}

.quick-actionshow {
    position: fixed !important;
    z-index: 9999 !important;
    width: 60% !important;
    margin: 0px 13% !important;
    top: 20% !important;
}

    .quick-actionshow ul {
        display: block !important;
    }

        .quick-actionshow ul li {
            min-width: 20% !important;
            margin: 13px 10px !important;
            max-width: max-content !important;
            width: max-content !important;
            float: left !important;
        }

.quick-action .block-title h3 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1.2px;
    margin-top: 0;
    color: #fff;
}

.Quickactionshw, .Quickactionclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    box-shadow: inset 0px 2px 5px 0 #eceef2;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
}

.Quickactionclose {
    display: none;
}

.quick-action ul.content-slider li {
    list-style: none;
    color: #fff;
    min-width: 220px;
    margin: 0px 10px;
    max-width: 220px;
    width: 220px;
}

.quick-action ul.content-slider {
    padding: 0;
    display: flex;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    width: max-content !important;
}

.quick-action ul li .wht-block {
    background: #fff;
    width: calc(100% - 0px);
    border-radius: 17px;
    padding: 6px 20px;
    position: relative;
    transition: 0.2s;
}

    .quick-action ul li .wht-block:hover {
        background: linear-gradient(90deg, #E4E9FF 0%, #FFFFFF 100%)
    }



    .quick-action ul li .wht-block p {
        color: rgba(90, 89, 114, 1);
        font-size: 19px;
        margin-bottom: 7px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: 25px;
    }

    .quick-action ul li .wht-block img {
        width: 48px;
    }

        .quick-action ul li .wht-block img.know-more {
            position: absolute;
            right: 10px;
            border-radius: 50%;
            bottom: 3px;
            background: rgba(135, 154, 249, 1);
            padding: 2px;
            width: 26px;
            box-shadow: inset 0px 2px 5px 0 #4b62d8;
            transition: 0.5s;
            cursor: pointer;
        }

.quick-action ul li:hover p {
    color: #556be0;
}

.quick-action ul li:hover img.know-more {
    background: #2e46bd;
}

.quick-action .lSAction > a {
    border-radius: 50%;
    background: var(--colrBack);
    -webkit-mask: url(../Images/controls.png);
    mask: url(../Images/controls.png);
}

.quick-action .lSAction > .lSNext {
    background-position: -32px 0;
    right: 3px;
    transform: rotate(0.5turn);
}


.assessment-details-popup .block-title select#TopicWiseTest {
    font-size: 18px;
}

td.showDetails, .close-assesment {
    cursor: pointer;
}

.assessment-details-popup .block-title {
    margin-bottom: 0;
}

.assessment-details-popup.active-bg {
    content: "";
    width: 100vw;
    height: 100vh;
    background: #cdd5f5;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.assessment-details-popup .block-title h3 {
    max-width: 100%;
}

.assessment-details-popup.active {
    display: block;
}

.assessment-details-popup table {
    width: 100%;
    border: 0.5px solid #EBEBEB;
    border-radius: 15px;
    overflow: hidden;
}

.dark-bg-blk {
    margin: 40px 0;
    background: #f2f5fa;
    padding: 10px 20px 30px;
    border-radius: 20px;
    display: none;
}

    .dark-bg-blk .tab-blk {
        display: none;
    }

        .dark-bg-blk .tab-blk.active {
            display: block;
        }

.tab-select {
    display: flex;
    align-items: center;
}

    .tab-select > div {
        margin: 10px;
        border: 1px solid #6279ED;
        padding: 5px 10px;
        border-radius: 5px;
        background: #fff;
        cursor: pointer;
    }

        .tab-select > div.active {
            background: #6279ed;
            color: #fff;
        }

.dark-bg-blk table {
    width: 100%;
    background: #fff;
    border: 0;
}

.dark-bg-blk .table-responsive {
    width: 100%;
    border: 0.5px solid #ECECEC;
    box-shadow: 0px 4px 6px 0px #0000000D;
    border-radius: 13px;
    padding-bottom: 0;
}

.dark-bg-blk table thead {
    background: #eff3fa;
}

.tab-select {
    display: flex;
    align-items: center;
}

    .tab-select > div {
        margin: 10px;
        border: 1px solid #6279ED;
        padding: 5px 10px;
        border-radius: 5px;
        background: #fff;
        cursor: pointer;
    }

        .tab-select > div.active {
            background: #6279ed;
            color: #fff;
        }

.dark-bg-blk table td:nth-child(1), .dark-bg-blk table th:nth-child(1) {
    text-align: center;
}

.dark-bg-blk table th {
    font-weight: 600;
}

.assessment-details-popup table th, .assessment-details-popup table td {
    border: 0.5px solid #EBEBEB;
    padding: 9px 15px;
    font-weight: normal;
    text-align: center;
}

    .assessment-details-popup table td > span {
        width: 30px;
        height: 30px;
        border: 1px solid;
        border-radius: 50%;
        padding: 0 5px;
        margin: 0 4px;
    }

    .assessment-details-popup table th:nth-child(1), .assessment-details-popup table td:nth-child(1) {
        text-align: left;
    }

    .assessment-details-popup table th:nth-child(1) {
        font-weight: 600;
        letter-spacing: 0.5px;
    }

.dark-bg-blk table th {
    font-weight: 600;
}

.assessment-details-popup table th.q-wid, .assessment-details-popup table td.q-wid {
    min-width: 40px;
    width: 40px;
}

    .assessment-details-popup table td.q-wid .check {
        background: #36B37E69;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        padding-left: 1px;
        color: #1F8057;
        font-weight: 600;
        font-size: 20px;
        line-height: 0;
    }



    .assessment-details-popup table td.q-wid .wrong {
        background: #DB797940;
        width: 20px;
        height: 21px;
        border-radius: 50%;
        color: #D74E4E;
        font-weight: 600;
    }

.mb-20 {
    margin-bottom: 20px !important;
}

.assessment-details-popup .table-responsive {
    border: 1px solid #EBEBEB;
    width: 100%;
    padding-bottom: 0;
}

.back-assesment-overlay {
    background: #696a6c78;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    display: none
}

.assessment-details-popup::-webkit-scrollbar {
    width: 7px;
    background: transparent;
    border-radius: 40px;
}

.assessment-details-popup::-webkit-scrollbar-thumb {
    background: var(--colrBack);
}

.assigned-classes {
    background: #fff;
    margin-top: 40px;
    border-radius: 16px;
    padding: 20px 20px 24px;
    margin-bottom: 20px;
}

    .assigned-classes.assesment {
        position: relative;
        padding-bottom: 50px;
    }

        .assigned-classes.assesment .block-title h3 {
            display: flex;
        }

            .assigned-classes.assesment .block-title h3 .assesmentinput {
                margin-left: 20px;
            }

.d-flex.lessonPlanSelf.active, .d-flex.lessonPlanOther.active {
    display: flex !important;
}

.assigned-classes.lessonPlan .tabs-select p {
    min-width: 106px;
    text-align: center;
}

.d-flex.lessonPlanSelf {
    display: none !important;
}

.assigned-classes ul#assignedClass img {
    width: 75%;
    margin: 20px auto;
    display: block;
}

.assign-class-blk {
    background: radial-gradient(57.94% 57.94% at 50.39% 42.06%, #76A76D 0%, #37734C 100%);
    padding: 10px;
    border-radius: 19px;
    width: calc(100% - 10px);
    transition: 0.5s;
    position: relative;
}

.select-feild {
    background: #fff;
    right: -6px;
    position: absolute;
    bottom: 8px;
    padding: 7px 20px;
    border-radius: 0 20px 20px;
    box-shadow: 4px 4px 4px 0px #0000001A;
    display: none;
    z-index: 9;
    width: max-content;
}

.active.assign-class-blk .select-feild {
    display: block;
}

.select-feild h5 {
    border-bottom: 1px solid rgba(225, 225, 225, 1);
    padding: 5px 0;
    text-align: center;
}

.select-feild ul {
    padding: 0;
    list-style: none;
}

    .select-feild ul li {
        padding: 2px 0 2px 24px;
        position: relative;
        transition: 0.2s;
    }

        .select-feild ul li:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            left: 0;
            background: #6279ed;
            border-radius: 50%;
            top: 6px;
        }

        .select-feild ul li:hover {
            color: #f7594c;
        }

.assign-class-blk p {
    background: #fff;
    width: max-content;
    padding: 2px 20px;
    margin: 0;
    font-size: 20px;
    border-radius: 19px;
    color: #39754d;
    font-weight: 600;
    max-width: 100%;
}

    .assign-class-blk p span {
        margin-left: 5px;
        font-size: 74%;
        font-weight: normal;
    }


.assign-class-blk h2 span {
    font-size: 79%;
}

.assign-class-blk h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.assign-class-blk:hover {
    background: radial-gradient(50% 50% at 50% 50%, #FFCE71 0%, #EDA111 100%);
}

    .assign-class-blk:hover p {
        color: #eda111;
    }

.text-book-blk {
    padding: 4px 20px 20px;
    border-radius: 19px;
    width: calc(98% - 0px);
    transition: 0.5s;
    background: radial-gradient(50% 50% at 50% 50%, #A5B3FB 0%, #6279ED 100%);
    margin-bottom: 30px;
}

    .text-book-blk img {
        width: 80%;
        margin: auto;
        display: block;
    }

    .text-book-blk h3 {
        background: #fff;
        font-weight: normal;
        width: max-content;
        margin: auto;
        max-width: 100%;
        padding: 3px 20px;
        margin-bottom: -33px;
        border-radius: 22px;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .text-book-blk p {
        margin: 0;
        color: #fff;
        font-size: 20px;
    }

.lesson-plan-blk h3 span {
    font-weight: normal;
    font-size: 17px;
    margin-left: 5px;
}

.lesson-plan-blk > img {
    width: 68%;
    margin: auto;
    display: block;
    margin-top: -56px;
}

.lesson-plan-blk p {
    font-size: 14px;
}

.lesson-plan-blk {
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 40px;
    display: grid;
    padding: 20px 12px;
    border: 0.8px solid rgba(233, 233, 233, 1);
    width: calc(100% - 8px);
}

    .lesson-plan-blk p img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 21px;
    }

    .lesson-plan-blk h3 {
        margin: 0;
        font-size: 20px;
        margin-bottom: 14px;
        font-weight: 600;
    }

    .lesson-plan-blk button {
        padding: 4px 25px;
        border-radius: 20px;
        border: 0px;
        display: block;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: -33px;
        letter-spacing: 1.2px;
    }

.approved button {
    background: linear-gradient(180deg, #6EA169 0%, #3F8158 100%);
}

.pending button {
    background: linear-gradient(180deg, #FFC24F 0%, #EDA111 100%);
}

.add-lesson-plan {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed #ddd;
    border-radius: 20px;
    padding: 8px 0;
    margin-top: -6px;
}

    .add-lesson-plan .add-icon {
        background: rgba(227, 225, 225, 0.26);
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 74px;
        border-radius: 50%;
        color: #9DAAED;
        cursor: pointer;
    }

.lessonPlan .d-flex .demo {
    width: 70% !important;
    display: block;
    margin-right: 30px;
}

.lessonPlan .d-flex .add-lesson-plan {
    width: 25%;
}

.justify-content-start {
    justify-content: flex-start;
}

.tabs-select {
    display: flex;
    background: rgba(243, 243, 243, 1);
    border-radius: 8px;
}

    .tabs-select p {
        margin: 0;
        padding: 4px 12px;
        border-radius: 8px;
        cursor: pointer;
    }

        .tabs-select p.active {
            background: linear-gradient(180deg, #E26625 0%, #F1984F 100%);
            color: #fff;
        }

.section > .d-flex {
    align-items: flex-start;
}

.alert {
    background: var(--colrBack);
    color: #fff;
    border-radius: 18px;
    width: 87%;
    margin: auto;
    overflow: hidden;
    padding: 20px 0;
}

    .alert .block-title {
        margin-bottom: 0px;
    }

.alert-list {
    height: 310px;
    overflow-y: scroll;
}

    .alert-list::-webkit-scrollbar {
        width: 7px;
        background: var(--colrBack);
    }

    .alert-list::-webkit-scrollbar-thumb {
        background: #ffffff;
        border-radius: 20px;
    }

.alert .alert-list ul li, .circular-announcement ul li {
    position: relative;
    list-style: auto;
    padding: 10px 0 10px 45px;
    line-height: 28px;
}

    .alert .alert-list ul li:before {
        width: 26px;
        height: 26px;
        background: rgba(242, 120, 120, 1);
        position: absolute;
        left: 7px;
        top: 14px;
        content: "";
        border-radius: 50%;
    }

    .alert .alert-list ul li span, .circular-announcement ul li span {
        display: block;
        font-size: 84%;
        font-weight: normal;
        line-height: 16px;
    }

.alert .alert-list ul {
    margin: 0;
}

.alert .block-title h3 {
    margin-bottom: 0;
    letter-spacing: 1.5px;
}

.alert .alert-list ul li:after {
    width: 100%;
    content: "";
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: -18px;
}

.alert .alert-list li:last-child:after {
    display: none;
}

.login-details .d-flex button {
    padding: 20px 0;
    width: 48%;
    font-size: 20px;
    border: 0px;
    margin-top: 15px;
}

.login-details {
    border-radius: 18px;
    width: calc(87% - 00px);
    margin: auto;
    background: #fff;
    margin-top: 20px;
    padding: 24px 20px 20px;
    box-shadow: -5px 5px 20px 0px #0000000D;
}

    .login-details .d-flex {
        justify-content: space-between;
    }

        .login-details .d-flex button span {
            display: block;
            font-size: 34px;
            margin-bottom: 0;
        }

        .login-details .d-flex button.staff {
            background: linear-gradient(129.22deg, #F4C95A 3.98%, #E48A36 95.99%);
            border-radius: 13px;
            color: #fff;
        }

        .login-details .d-flex button.student {
            background: linear-gradient(129.22deg, #FD9000 3.98%, #E43B36 95.99%);
            border-radius: 13px;
            color: #fff;
        }


    .login-details .block-title {
        padding: 0;
    }

.circular-announcement-list {
    overflow-y: scroll;
    height: 261px;
    padding: 0px 0px 0px;
}

.news-list {
    overflow-y: scroll;
    height: 240px;
    padding: 0 0px 0 20px;
}

    .news-list::-webkit-scrollbar {
        background: #ffffff;
        width: 6px;
    }

.circular-announcement-list::-webkit-scrollbar {
    background: #f2f5fa;
    width: 6px;
}

.block-title .circular-announcement .block-title {
    padding: 5px 16px;
}

.login-details .circular-announcement .block-title {
    margin-bottom: 10px;
}

.circular-announcement-list::-webkit-scrollbar-thumb {
    background: rgba(222, 222, 222, 1);
    border-radius: 28px;
}

.news-list::-webkit-scrollbar-thumb {
    background: #f5f5f5;
}

.circular-announcement ul {
    margin: 0;
    padding-left: 0;
}

    .circular-announcement ul li::marker {
        position: static;
        z-index: 999;
    }

    .circular-announcement ul li {
        list-style: none;
        border-bottom: 1px solid rgba(182, 182, 182, 1);
        font-weight: 600;
        letter-spacing: 0.3px;
    }

span.listnum {
    position: absolute;
    left: 0;
    background: rgba(184, 193, 237, 1);
    width: 29px;
    height: 29px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
    display: flex;
    padding-top: 0px;
    top: 13px;
    color: #fff;
    line-height: 28px !important;
}

.circular-announcement {
    background: rgba(242, 245, 250, 1);
    padding: 20px 20px 20px;
    border-radius: 20px;
    margin-top: 23px;
}

    .circular-announcement .tabs-select {
        background: #fff;
        width: max-content;
        margin-bottom: 20px;
        margin-left: 0;
    }

.table-responsive {
    width: 95%;
    margin: auto;
    padding-bottom: 20px;
}

.time-table table tr.active td p {
    background: var(--colrBack);
    color: #fff;
}

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

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

.approvals .circular-announcement-list ul li p, .circular-announcement ul li p, .approvals .circular-announcement-list ul li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.approvals .circular-announcement-list ul li.pending, .approvals .circular-announcement-list ul li.approved {
    padding-left: 62px;
}

    .approvals .circular-announcement-list ul li.pending span.listnum {
        background: rgba(255, 178, 33, 1);
        left: 10px;
        width: 40px;
        height: 40px;
    }

    .approvals .circular-announcement-list ul li.approved span.listnum {
        background: rgba(242, 120, 120, 1);
        left: 10px;
        width: 40px;
        height: 40px;
    }

    .approvals .circular-announcement-list ul li.pending:before {
        width: 2px;
        content: "";
        height: 66%;
        background: #ffb221;
        position: absolute;
        left: 0;
        top: 13px;
    }

    .approvals .circular-announcement-list ul li.approved:before {
        width: 2px;
        content: "";
        height: 66%;
        background: #f27878;
        position: absolute;
        left: 0;
        top: 13px;
    }

.approvals .circular-announcement-list ul li {
    font-weight: 600;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    border: 0;
    padding-right: 28px;
}

    .approvals .circular-announcement-list ul li span {
        font-weight: 300;
        font-size: 85%;
        line-height: 16px;
    }

    .approvals .circular-announcement-list ul li:after {
        content: "";
        width: 15px;
        height: 12px;
        top: 50%;
        position: absolute;
        right: -3px;
        background: url(../Images/TeachingiconLT1/Icon/chev.png) no-repeat;
        background-size: 100%;
        transform: translate(-50%, -50%) rotate(269deg);
        transition: 0.5s;
        filter: grayscale(1) brightness(0.5);
    }


.customModal {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    box-shadow: 0px 9px 10px -4px rgba(0, 0, 0, 0.11);
    border-radius: 12px;
    padding: 15px;
    border: 1px solid #ccc;
    width: max-content;
    z-index: 999;
    max-width: 300%;
}

    .customModal .modal-body {
        overflow: auto;
        max-height: 253px;
        width: 100%;
    }

    .customModal .close {
        background: #ccc;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 16px;
        padding: 16px 13px;
    }

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


.btn-close {
    transform: translate(10px, -20px);
    padding: 0.5rem 0.7rem;
    background: #eee;
    border-radius: 50%;
}


.assignment-list ul li {
    list-style: none;
    margin: 20px 0;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    padding: 13px 20px 10px;
}

.assignment-list ul {
    padding: 0;
}

.assignment-list button {
    padding: 9px 30px;
    border-radius: 7px;
    border: 0px;
    display: block;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    transition: 0.5s;
    cursor: pointer;
}

.assignment-list ul li .d-flex img {
    float: left;
    width: 64px;
    margin-right: 20px;
    margin-bottom: 8px;
}

.wid-50 {
    width: 50%;
}

.assignment-list ul li .d-flex {
}

    .assignment-list ul li .d-flex div {
        width: 100%;
    }

    .assignment-list ul li .d-flex .content h3 {
        margin: 0;
        font-weight: 600;
        font-size: 17px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        letter-spacing: 0.5px;
    }

    .assignment-list ul li .d-flex .content p {
        margin: 0px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

        .assignment-list ul li .d-flex .content p span {
            font-size: 87%;
            color: #5A5972;
        }

.assignment-list ul li:hover {
    background: var(--colrBack);
    color: #fff;
}


    .assignment-list ul li:hover button {
        border-radius: 32px;
    }

.assignment {
    background: #fff;
    border-radius: 19px;
    margin: 20px 0;
    padding: 22px 20px;
    margin-right: 21px;
    position: relative;
}

button.viewAll {
}

.wid-50.assignment button.viewAll, .assesment .viewAll {
    position: absolute;
    bottom: -36px;
    transform: translate(-50%, -50%);
    left: 50%;
    background: var(--colrBack);
    color: #fff;
    font-size: 19px;
    border-radius: 13px;
    border: 0px;
    padding: 5px 26px;
    cursor: pointer;
}

.assignment-numbers p span {
    padding: 8px 10px;
    background: green;
    margin-right: 10px;
    border-radius: 9px;
    color: #fff;
    font-size: 20px;
}

.assignment-numbers p {
    margin-right: 0;
    margin-bottom: 0;
}

    .assignment-numbers p.approved span {
        background: linear-gradient(270deg, #6FBD79 0%, #32883D 100%);
    }

    .assignment-numbers p.approved {
        margin-right: 12px;
    }

    .assignment-numbers p.approval-pending span {
        background: linear-gradient(270deg, #FFCB68 2%, #FFB221 100%);
    }

.pl-0 {
    padding-left: 0;
    padding-right: 0;
}

.border-bottom {
    border-bottom: 1px solid rgba(182, 182, 182, 1);
    margin: 12px 0;
}

.month-select p {
    margin: 0;
    text-align: right;
    width: max-content;
    margin-left: auto;
}

.wid-0 {
    width: calc(50% - 0px);
    margin-right: 0;
}

.mr-20 {
    margin-right: 20px;
}

.month-select {
    display: flex;
}

    .month-select img {
        width: 8px;
        margin-top: -4px;
    }

    .month-select p {
        padding: 0 5px;
        letter-spacing: 0;
    }

.select-flex {
    display: flex;
    align-items: center;
}

.wid-0 .birthdays .month-select {
    width: max-content;
    margin-left: auto;
}

.d-flex.wid-max {
    width: max-content;
}

.wid-0 .birthdays p {
    margin-bottom: 4px;
}

.login-details .select-flex {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .login-details .select-flex p {
        margin-bottom: 0;
    }

        .login-details .select-flex p.blue-text {
            color: #6279ed;
        }

ul#main_menu p.menu-title {
    font-weight: normal;
}







.bargraph-view {
    height: 283px;
    display: flex;
    width: 100%;
    position: relative;
}

    .bargraph-view ul {
        list-style: none;
        padding: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .bargraph-view ul .bar-block {
            display: flex;
        }

    .bargraph-view .bar-block {
        display: flex;
        justify-content: space-around;
        width: 100%;
        align-items: self-end;
    }

        .bargraph-view .bar-block .bar-list {
            width: 100%;
            height: 100%;
        }

.value-bar {
    margin-right: 15px;
}

.bargraph-view .bar-block .bar-list p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    min-height: 50px;
    margin-top: 12px;
}

.bargraph-view .bar-block .bar-list .d-flex > div {
    width: 12px;
    border-radius: 22px 22px 0 0;
}

.bargraph-view .bar-block .bar-list .d-flex {
    justify-content: center;
    height: 100%;
    align-items: flex-end;
}

.bargraph-view .pass {
    background: linear-gradient(90deg, #3760BB 0%, #8091E7 100%);
    z-index: 99;
}

.bargraph-view .present {
    background: linear-gradient(90deg, #8CCB8B 0%, #389A4D 100%);
}

.bargraph-view .absent {
    background: linear-gradient(90deg, #F9C0C0 0%, #D74E4E 98.96%);
    margin-left: -4px;
}

.bargraph-view .hday {
    background: linear-gradient(90deg, #8091E7 0%, #301C83 100%);
    margin-left: -4px;
}

.bargraph-view .leave {
    background: linear-gradient(90deg, #FDDCB5 0%, #FF9921 100%);
    margin-left: -4px;
}

.bargraph-view .not-recorded {
    background: linear-gradient(0deg, #C2C5D5, #C2C5D5), linear-gradient(0deg, #C8C8C8, #C8C8C8);
    z-index: 99;
}

.bargraph-view .fail {
    margin-left: -3px;
    background: linear-gradient(90deg, #D74E4E 0%, #F9C0C0 100%);
}

.bargraph-view .distinct {
    background: linear-gradient(90deg, #FF9921 0%, #FDDCB5 100%);
    margin-left: -3px;
    z-index: 9;
}

.select-block-list .d-flex.select-list:last-child {
    margin-bottom: 0;
}

.communication p {
    margin-bottom: 7px;
}

.color-tab {
    display: flex;
    margin-left: 32px;
    margin-top: 71px;
    flex-wrap: wrap;
}

    .color-tab > div {
        margin: 2px 8px;
        text-align: center;
        border: 1px solid #6279ED;
        padding: 5px 19px 5px 40px;
        border-radius: 10px;
        position: relative;
        font-size: 18px;
    }

        .color-tab > div:before {
            content: "";
            width: 21px;
            height: 21px;
            position: absolute;
            left: 10px;
            border-radius: 50%;
            top: 7px;
        }

        .color-tab > div.pass:before {
            background: #565CA5;
        }

        .color-tab > div.dist:before {
            background: #FAAB60;
        }

        .color-tab > div.fail:before {
            background: #E37676;
        }

.grid-block .table-responsive {
    border-top: 1px solid #B6B6B6;
    padding: 20px 0;
}

.graph-block {
    padding: 0 20px 20px;
}

.inline-flex {
}

.block-title .inline-flex select {
    border: 0px;
    margin: 0 10px;
    color: rgba(90, 89, 114, 1);
}

.grid-block table {
    margin-top: 60px;
}

.grid-block div.dt-buttons {
    margin-bottom: 15px;
}

.grid-block table td {
    background: transparent;
}

    .grid-block table td.sorting_1 {
        background-color: #fff !important;
    }

.grid-block table td {
    height: auto;
    background: #fff;
    border: 0px;
}

.grid-block table th {
    border: 0px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #B2BACD;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #B2BACD;
}

table.dataTable thead th:nth-child(1), table.dataTable tbody td:nth-child(1) {
    text-align: left;
    padding: 0;
    text-transform: capitalize
}

.grid-block div.dt-buttons {
    padding: 0;
}

    .grid-block div.dt-buttons button, .grid-block div.dt-buttons button:hover {
        padding: 0 !important;
        border: 0px;
        background: transparent;
        font-weight: 600;
        color: rgba(90, 89, 114, 1);
        letter-spacing: 1.1px;
        font-size: 17px;
        margin-right: 20px;
    }

table.dataTable thead .sorting {
    letter-spacing: 1px;
}

table.dataTable tbody td:nth-child(1) {
    font-weight: normal;
}

.grid-block .dataTables_wrapper .dataTables_filter input {
    border-radius: 5px;
    outline: none;
    border: 0px solid #000;
    padding: 5px 11px;
    background: #F0F2F6;
}

.grid-block {
    display: none;
    position: relative;
}

.color-tab .present:before {
    background: #6CB873;
}

.color-tab .absent:before {
    background: #E16E6F;
}

.color-tab .hDay:before {
    background: #6569C4;
}

.color-tab .leave:before {
    background: #FFB256;
}

.color-tab .notRecorded:before {
    background: #C8C8C8;
}

.hDay, .leave, .notRecorded {
    border: 0px !important;
    padding-right: 0 !important;
}

.bargraph-view .bar-block .bar-list .d-flex > div:nth-child(1) {
    z-index: 9999;
}

.bargraph-view .bar-block .bar-list .d-flex > div:nth-child(2) {
    z-index: 999;
}

.bargraph-view .bar-block .bar-list .d-flex > div:nth-child(3) {
    z-index: 99;
}

.bargraph-view .bar-block .bar-list .d-flex > div:nth-child(4) {
    z-index: 9;
}

.select-flex select {
    border: 0px;
    margin: 0 20px;
}

.grid-block td {
    border-bottom: 1px solid #ddd !important;
}

    .grid-block td.present {
        color: #38A677;
    }

    .grid-block td.absent {
        color: #FF5E5E;
    }

    .grid-block td.halfDay {
        color: #6279ED;
    }

    .grid-block td.leave {
        color: #FFB221;
    }

    .grid-block td.n-mark {
        color: #A5A5A5;
    }
.time-table:nth-child(1) {
    display: block;
}

.grid-view {
}

.graph-view, .grid-view {
    margin: 0 10px;
    cursor: pointer;
}

.newactclass .grid-view.active {
    background: #ccc;
    color: #fff;
    box-shadow: 0px 4px 8px 1px #00000026;
    padding: 6px;
    border-radius: 5px;
}

.newactclass .graph-view.active {
    background: #ccc;
    color: #fff;
    box-shadow: 0px 4px 8px 1px #00000026;
    padding: 6px;
    border-radius: 5px;
}


.graph-view img, .grid-view img {
    width: 30px;
}

.time-table .select-flex .more-list {
    font-size: 20px;
    margin-left: 10px;
}

.select-flex .more-list, .select-flex .more-list1, .select-flex .more-list2, .select-flex .more-list3, .select-flex .more-list4, .select-flex .more-list5, .select-flex .more-list6, .select-flex .more-list7, .select-flex .more-list8, .select-flex .more-list9, .select-flex .more-list10, .select-flex .more-list11 {
    font-size: 20px;
    margin-left: 10px;
    position: relative;
}

.block-title .inline-flex select:focus {
    border: 0;
    outline: 0;
}




.select-flex .menubar {
    margin: 0 10px;
}

.assigned-classes .month-select {
    margin: 0 10px;
}

.assigned-classes select {
    margin: 0 10px;
    border: 0px;
    color: rgba(90, 89, 114, 1);
}

.assigned-classes .tabs-select {
    width: max-content;
    margin-left: 0;
}

.assesment-block h3 {
    font-size: 19px;
    font-weight: 600;
}

    .assesment-block h3 span, .assesment-block p span {
        float: right;
    }

        .assesment-block h3 span.green {
            background: #EFEFEF;
            font-size: 14px;
            padding: 3px 7px;
            border-radius: 5px;
            font-weight: normal;
        }

        .assesment-block h3 span.red {
            font-size: 14px;
            padding: 3px 7px;
            border-radius: 5px;
            font-weight: normal;
            margin-right: 10px;
            background: #EFEFEF;
        }

.assesment-block ul, .percent-blk ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: space-between;
    margin-top: 20px;
}

    .assesment-block ul li p, .percent-blk ul li p {
        text-align: center;
        border-radius: 50%;
        padding: 3px 0px;
        position: relative;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
        background: #EFEFEF;
    }

        .assesment-block ul li p:before {
            content: "";
            width: 55%;
            height: 55%;
            position: absolute;
            left: 50%;
            top: 50%;
            background: #fff;
            transform: translate(-50%, -50%);
            box-shadow: 0px 4px 4px 0px #00000026;
            border-radius: 50%;
        }

    .assesment-block ul li {
        text-align: center;
    }

        .assesment-block ul li p span, .percent-blk ul li p span {
            position: relative;
        }

.active.assesment-block .below1 p, .percent-blk .below1 p {
    background: linear-gradient(270deg, #F58A5C 2%, #FF5621 100%);
}

.assesment-block.active .below2 p, .percent-blk .below2 p {
    background: linear-gradient(270deg, #F5AF5C 2%, #FFA621 100%);
}

.assesment-block.active .below3 p, .percent-blk .below3 p {
    background: linear-gradient(270deg, #95A7FF 2%, #6279ED 100%);
}

.assesment-block.active .below4 p, .percent-blk .below4 p {
    background: linear-gradient(270deg, #6FBD79 2%, #32883D 100%);
}

.assesment-block.active .below5 p, .percent-blk .below5 p {
    background: linear-gradient(270deg, #56A660 2%, #296831 100%);
}

.assesment-block p {
    margin-bottom: 0;
}

.assesment-block.active {
    background: #F2F5FA;
    border-radius: 17px;
    padding: 20px 10px;
    box-shadow: 0px 4px 6px -2px #0000001A;
}

.padding-0 {
    padding: 0;
}

.assesment-block {
    box-shadow: 0px 4px 6px -2px #0000001A;
    padding: 20px 10px;
    margin-top: 20px;
    border-radius: 17px;
}

    .assesment-block.active h3 span.green {
        background: green;
        color: #fff;
    }

    .assesment-block.active h3 span.red {
        background: #c80000;
        color: #fff;
    }

.assigned-classes.lessonPlan .tabs-select {
    margin-left: 20px;
}

.assigned-classes.assesment .tabs-select p {
    min-width: 150px;
    text-align: center;
}

.approvelesson, .approveasses {
    display: none;
}

.next-month, .back-month {
    cursor: pointer;
}

.assignment-list ul li:hover span {
    color: #fff !important;
}

.birthdays.communication {
    margin: auto;
    background: rgba(242, 245, 250, 1);
    padding: 20px 20px 20px;
    border-radius: 20px;
    margin-top: 23px;
    position: relative;
}

.circular-announcement.approvals .circular-announcement-list {
    height: 168px;
}

.circular-announcement.approvals .tabs-select {
    margin: auto;
    margin-bottom: 20px;
}

.circular-announcement.approvals .tabs-select {
    margin: auto;
    margin-bottom: 20px;
}



div#stdAttGrid table .e-headercelldiv {
    padding: 0;
    text-align: center;
}

    div#stdAttGrid table .e-headercelldiv span {
        font-weight: 600;
        text-transform: capitalize;
    }

.birthdays.communication .month-select {
    width: max-content;
    margin-left: auto;
}

.assigned-classes.assesment .e-multiselect.e-input-group.e-control-wrapper.e-checkbox input {
    width: 250px;
}


div#studentBirthdayPopUp .modal-content {
    padding: 11px;
}

div#studentBirthdayPopUp .modal-header .close {
    margin: 0;
    color: #000;
    padding: 0 10px;
}

div#studentBirthdayPopUp
h5.modal-title {
    margin-bottom: 10px !important;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.5px;
}

div#studentBirthdayPopUp label {
    font-weight: normal !important;
    font-size: 18px !important;
    display: block;
    line-height: 29px;
}

div#studentBirthdayPopU input {
    margin-top: 5px;
    display: block;
    padding-bottom: 5px;
}

div#studentBirthdayPopUp .e-float-input.e-control-wrapper.e-multi-line-input.msgtxtarea.e-valid-input textarea {
    margin-top: 7px;
}

img#ImgEmployee {
    width: 340px !important;
}

div#studentBirthdayPopUp .modal-footer button.btn.btn-primary {
    background: #0366b5 !important;
    color: #fff !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 0px;
}

div#studentBirthdayPopUp .modal-footer {
    border-top: 0;
}

#studentBirthdayPopUp .img-upload {
    margin: auto;
    display: block;
    width: max-content;
    max-width: 100%;
}

.assignment-list ul {
    height: 530px;
    overflow: scroll;
}

    .assignment-list ul::-webkit-scrollbar {
        width: 0;
    }

table#gridPay td {
    border-top: 0;
}

#stdAttGrid .e-grid.e-bothlines .e-rowcell {
    border-width: 0px 0 0 1px;
}

.dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td, .dataTables_wrapper table.dataTable.no-footer {
    border-bottom: 1px solid #B2BACD !important;
}


.lessonPlanOther.active {
    display: block !important;
}

.loadergraphbdy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.loadergraph {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border-radius: 50%;
    background: linear-gradient(0deg,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%, linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
    background-repeat: no-repeat;
    animation: l23 1s infinite steps(12);
}

    .loadergraph::before,
    .loadergraph::after {
        content: "";
        grid-area: 1/1;
        border-radius: 50%;
        background: inherit;
        opacity: 0.915;
        transform: rotate(30deg);
    }

    .loadergraph::after {
        opacity: 0.83;
        transform: rotate(60deg);
    }


.chat-toggleadmin {
    position: fixed;
    bottom: 3px;
    right: 78px;
    background-color: #fff;
    color: white;
    border-radius: 7px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border: 2px solid #4d44b5;
    cursor: pointer;
}

    .chat-toggleadmin img {
        width: 50px;
        cursor: pointer;
    }

.loadertoggleadmin {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    -webkit-mask: conic-gradient(from 15deg,#0000,#000);
    animation: l26 1s infinite steps(12);
    position: fixed;
    top: 42%;
    left: 43%;
    z-index: 99;
}

    .loadertoggleadmin,
    .loadertoggleadmin:before,
    .loadertoggleadmin:after {
        background: radial-gradient(closest-side at 50% 12.5%, #398E44 96%, #0000) 50% 0 / 20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #369d43 96%, #0000) 0 50% / 80% 20% repeat-x;
    }

        .loadertoggleadmin:before,
        .loadertoggleadmin:after {
            content: "";
            grid-area: 1/1;
            transform: rotate(30deg);
        }

        .loadertoggleadmin:after {
            transform: rotate(60deg);
        }

@keyframes l26 {
    100% {
        transform: rotate(1turn)
    }
}

.chat-boxadmin {
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 490px;
    max-height: 90vh;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 999;
    min-height: 500px;
    border-left: 10px solid #e5e5e5;
    border-bottom: 6px solid #e5e5e5;
    opacity: 0;
    transform: translateY(100px);
    pointer-events: none;
    transition: transform 0.4s ease, opacity 0.4s ease;
    display: flex;
    display: flex;
}

    .chat-boxadmin.open {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .chat-boxadmin::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-right: none;
        border-bottom: none;
        box-sizing: border-box;
        border-radius: 0;
        transition: width 0.4s ease, height 0.4s ease 0.4s;
        z-index: 1;
    }

    .chat-boxadmin:hover::before {
        width: 100%;
        border: 2px solid #ab1cc7;
    }


.chat-headeradmin {
    background: #fff;
    color: #303972;
    letter-spacing: 2px;
    font-size: 20px;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0.875rem 7px;
    border-radius: 0.375rem 0.375rem 0px 0px !important;
    text-align: left;
    font-weight: 600;
    line-height: 22px;
    border-left: 0px solid transparent;
    position: relative;
}
 
    .chat-headeradmin p {
        margin-bottom: 0px;
        font-size: 13px;
        color: #1eba62;
        font-weight: 100;
        letter-spacing: 1px;
    }

.flex-button-group {
    display: flex;
    align-items: center;
    right: 15px;
    left: unset;
    position: absolute;
    top: 20px;
}

    .flex-button-group button {
        cursor: pointer;
        border: none;
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 50%;
        background: transparent;
    }

        .flex-button-group button i {
            font-size: 20px;
            border: none;
            color: #000;
            font-weight: 600;
            -webkit-text-stroke: 0px;
        }

.chat-bodyadmin {
    flex-grow: 1;
    overflow-y: auto;
    padding: 10px;
    background: #f9f9f9;
    position: relative;
}

.messageadmin {
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
}

    .messageadmin.user {
        flex-direction: row-reverse;
    }

    .messageadmin .avataradmin {
        width: 40px;
        height: 40px;
        display: block;
    }

        .messageadmin .avataradmin img {
            width: 100%;
            border-radius: 50% !important;
            vertical-align: middle;
            height: 100%;
            border: 1px solid #e6ebee;
        }

    .messageadmin .textadmin {
        background: #E6EBEE;
        max-width: 70%;
        margin-left: 0.925rem;
        border-radius: 0 0.375rem 0.375rem 0.375rem;
        padding: 0.625rem 0.9375rem;
        color: #222;
        position: relative;
    }

    .messageadmin.admin .textadmin:after {
        content: "";
        position: absolute;
        left: -0.625rem;
        border-right: 0.625rem solid #e6ebee;
        border-bottom: 0.625rem solid transparent;
        border-top: 0rem solid;
        top: 0;
    }

    .messageadmin .textadmin span {
        display: block;
        font-size: 0.6875rem;
        color: #fff;
        margin-top: 0.3125rem;
        opacity: 0.5;
    }

    .messageadmin.user .textadmin {
        background: #4d44b5;
        padding: 0.625rem 0.9375rem;
        border-radius: 0.375rem 0rem 0.375rem 0.375rem;
        margin-right: 0.625rem;
        color: #fff;
        position: relative;
        text-align: right;
    }

        .messageadmin.user .textadmin:after {
            content: "";
            position: absolute;
            right: -0.625rem;
            border-left: 0.625rem solid #4d44b5;
            border-bottom: 0.625rem solid transparent;
            border-top: 0rem solid;
            top: 0;
        }

        .messageadmin.user .textadmin span {
            display: block;
            font-size: 0.6875rem;
            text-align: right;
            margin-top: 0.3125rem;
            opacity: 0.6;
            color: #222;
        }

.automatbtm ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}

    .automatbtm ul li {
        padding: 0.5625rem 1rem;
        border-radius: 16px;
        color: #384248;
        margin: 5px;
        margin-top: 0.5rem;
        cursor: pointer;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #efe5e5;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        border-width: 0;
        box-shadow: 0px 1px 0px rgba(61, 47, 38, 0.15);
        font-style: normal;
        text-align: center;
        letter-spacing: 0.15px;
        border-bottom: 1px solid #efe5e5;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        justify-content: center;
    }

        .automatbtm ul li.active {
            background: #c9c5fb
        }

        .automatbtm ul li:hover {
            background: #c9c5fb
        }

.timestampadmin {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
    text-align: center;
}

.chat-footeradmin {
    display: flex;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #fafafa;
    align-items: center;
}

    .chat-footeradmin textarea {
        flex-grow: 1;
        border: none;
        padding: 10px;
        border-radius: 20px;
        margin-right: 18px;
        background: #e9e9e9;
        border: 1px solid #e9e9e9;
        min-height: 40px;
        max-height: 150px;
        overflow-y: hidden;
        resize: none;
        box-sizing: border-box;
    }

        .chat-footeradmin textarea:hover, .chat-footeradmin textarea:focus-visible {
            border: 1px solid #ddd;
            outline: none;
        }

    .chat-footeradmin input[type="file"] {
        display: none;
    }

    .chat-footeradmin label i {
        color: #747b7f;
        opacity: 0.8;
        padding: 4px 8px;
        font-size: 21px;
        margin-top: 8px;
        cursor: pointer;
    }

    .chat-footeradmin button {
        border: none;
        border-color: #4D44B5;
        background-color: #4D44B5;
        color: white;
        font-size: 1.125rem;
        border-radius: 2.375rem !important;
        width: 2.375rem;
        height: 2.375rem;
        padding: 0;
        margin-top: 3px;
        line-height: 1px;
    }

/*chatbox*/

.barcolor {
    margin-left: 19px;
}

    .barcolor i {
        font-size: 20px;
        color: var(--colorhover);
    }

@keyframes l23 {
    100% {
        transform: rotate(1turn)
    }
}

/*---------Added By Vipin (14-03-2023)------------------------------*/


.leavedynamictextboxbody {
    position: absolute;
    background-color: #fefefe;
    margin: auto 30%;
    padding: 10px;
    border: none;
    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-----------------------------*/


/* Add by prashant */
.news-list ul li.Review:before {
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    left: 18px;
    top: 14px;
    border-radius: 8px;
    background: #8e4399;
}


.news-list ul li.Close:before {
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    left: 18px;
    top: 14px;
    border-radius: 8px;
    background: #63ba3c;
}

.news-list ul li.InProgress:before {
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    left: 18px;
    top: 14px;
    border-radius: 8px;
    background: #0251cc;
}


/*01-12-2023*/
.time-table:nth-child(2) {
    display: block;
}

.select-feildTT5 {
    top: 30px !important;
}

.select-feildTT, .select-feildTT1, .select-feildTT2, .select-feildTT3, .select-feildTT4, .select-feildTT5, .select-feildTT6, .select-feildTT7, .select-feildTT8 {
    background: #ffffff;
    right: 0;
    position: absolute;
    padding: 0px 9px;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 1px #0000003d;
    display: none;
    z-index: 9;
    top: 30px;
    width: max-content;
}

.select-feildTT2, .select-feildTT3, .select-feildTT4, .select-feildTT5, .select-feildTT6, .select-feildTT7, .select-feildTT8, .select-feildTT9, .select-feildTT10 {
    background: #ffffff;
    right: 0;
    position: absolute;
    padding: 0px 9px;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 1px #0000003d;
    display: none;
    z-index: 9;
    top: 50px;
    width: max-content;
}

.circular-announcement {
    position: relative;
}

.select-feildTT.active, .select-feildTT1.active, .select-feildTT2.active, .select-feildTT3.active, .select-feildTT4.active, .select-feildTT5.active, .select-feildTT6.active, .select-feildTT7.active, .select-feildTT8.active, .select-feildTT9.active, .select-feildTT10.active {
    display: block;
}

.select-feildTT ul li, .select-feildTT1 ul li, .select-feildTT2 ul li, .select-feildTT3 ul li, .select-feildTT4 ul li, .select-feildTT5 ul li, .select-feildTT6 ul li, .select-feildTT7 ul li, .select-feildTT8 ul li, .select-feildTT9 ul li, .select-feildTT10 ul li {
    padding: 2px 1px 0px 19px;
    position: relative;
    transition: 0.2s;
    font-weight: 100;
}

.select-flex.openBlk {
    position: relative;
}

.select-feildTT ul, .select-feildTT1 ul, .select-feildTT2 ul, .select-feildTT3 ul, .select-feildTT4 ul, .select-feildTT5 ul, .select-feildTT6 ul, .select-feildTT7 ul, .select-feildTT8 ul, .select-feildTT9 ul, .select-feildTT10 ul {
    padding: 0px 0px;
    margin: 0;
}

    .select-feildTT ul li, .select-feildTT1 ul li, .select-feildTT1 ul li, .select-feildTT2 ul li, .select-feildTT3 ul li, .select-feildTT4 ul li, .select-feildTT5 ul li, .select-feildTT6 ul li, .select-feildTT7 ul li, .select-feildTT8 ul li, .select-feildTT9 ul li, .select-feildTT10 ul li {
        list-style: none;
        padding: 5px 0px;
        border-bottom: 1px dashed #ddd;
    }

        .select-feildTT ul li:last-child, .select-feildTT1 ul li:last-child, .select-feildTT2 ul li:last-child, .select-feildTT3 ul li:last-child, .select-feildTT4 ul li:last-child, .select-feildTT5 ul li:last-child, .select-feildTT6 ul li:last-child, .select-feildTT7 ul li:last-child, .select-feildTT8 ul li:last-child, .select-feildTT9 ul li:last-child, .select-feildTT10 ul li:last-child {
            border-bottom: none !important;
        }

        .select-feildTT ul li i, .select-feildTT1 ul li i, .select-feildTT2 ul li i, .select-feildTT3 ul li i, .select-feildTT4 ul li i, .select-feildTT5 ul li i, .select-feildTT6 ul li i, .select-feildTT7 ul li i, .select-feildTT8 ul li i, .select-feildTT9 ul li i, .select-feildTT10 ul li i {
            margin-right: 5px;
            font-weight: bold;
        }


    .select-feildTT ul a, .select-feildTT1 ul a, .select-feildTT2 ul a, .select-feildTT3 ul a, .select-feildTT4 ul a, .select-feildTT5 ul a, .select-feildTT6 ul a, .select-feildTT7 ul a, .select-feildTT8 ul a, .select-feildTT9 ul a, .select-feildTT10 ul a {
        text-decoration: none;
    }


/*Aakash */ /*01-12-2023*/
.alert .alert-list ul#feedsList h3 {
    margin-bottom: 2px;
    font-size: 19px;
}

.alert .alert-list ul#feedsList li {
    padding-left: 34px;
    list-style: none;
}



    .alert .alert-list ul#feedsList li .icon-tab {
        left: 0;
        top: 30px;
    }

.alert .alert-list ul#feedsList h3 span {
    font-size: 70%;
    margin-top: 4px;
}

.alert .alert-list ul#feedsList p {
    font-size: 16px;
}


.alert .alert-list ul#feedsList h3 {
    margin-bottom: 2px;
    font-size: 19px;
    width: 95%;
}

.alert .alert-list ul#feedsList li {
    padding-left: 34px;
    list-style: none;
}



    .alert .alert-list ul#feedsList li .icon-tab {
        left: 0px;
        text-align: center;
        box-shadow: 0px 0px 5px 0px #0000;
    }

.alert .alert-list ul#feedsList h3 span {
    font-size: 61%;
    margin-top: 4px;
    float: right;
}

.alert .alert-list ul#feedsList p {
    font-size: 15px;
    display: unset;
}

span.count {
}

.alert .alert-list ul#feedsList p span.count {
    background: #ff1212 !important;
    width: max-content;
    font-size: 13px;
    display: inline;
    vertical-align: middle;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .alert .alert-list ul#feedsList p span.count span {
        display: inline;
        vertical-align: middle;
        font-size: 12px;
    }

span.NewMessage {
    display: inline;
}

span.NewMessage {
    margin-top: 2px;
    display: block;
}

.alert .alert-list ul#feedsList li:before {
    width: 0px;
    left: 0;
    height: 80%;
    border-radius: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ffb221;
}

.alert .alert-list ul#feedsList li.msg-bg:before {
    background: #63ba3c;
}

.alert .alert-list ul#feedsList li.noti-bg:before {
    background: #f3c558;
}

.alert .alert-list ul#feedsList li.listTo-bg:before {
    background: #e26625;
}

ul#feedsList {
    padding-left: 32px;
}

.alert .alert-list ul#feedsList li.msg-bg .icon-tab {
    background: #63ba3c;
}

.alert .alert-list ul#feedsList li.noti-bg .icon-tab {
    background: #f3c558;
    border: 1px solid #fff;
}

.alert .alert-list ul#feedsList li.listTo-bg .icon-tab {
    background: #e26625;
}

/*start 05-12-2023*/

.lessonPlanSelf {
    display: none;
}

    .lessonPlanSelf.active {
        display: block;
    }
/* end 05-12-2023*/


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



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


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

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


.tabnew .form-row .e-tab-section {
    display: flex;
    position: relative;
}

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


.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: 35px;
    top: 55px;
    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;
}

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

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

    .closem:hover {
        position: absolute;
        right: 16px;
        top: 7px;
        color: #fff;
        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%;
}

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

.indivi {
    overflow: visible;
    box-shadow: 1px 3px 12px 2px rgb(171 171 171 / 51%);
    transition: .8s;
    position: relative;
}

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

#gvFeeCollection thead tr th {
    font-size: 11px;
    line-height: 14px;
    vertical-align: baseline;
    background: #e9ecef;
}

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



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

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

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


.green {
    color: green
}

.red {
    color: #d60000;
}

.orange {
    color: #e66a01;
}

.yellow {
    color: #FFB221;
}

.blue {
    color: #026ec5;
}

.s-green {
    color: #37A878;
}

.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%);
        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;
        position: absolute;
        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;
    position: absolute;
    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;
    transition: opacity 0.075s;
    background: #fff no-repeat;
    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;
    }

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



.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*/
.dashboardnew-css .quick-link:hover {
    width: 258px;
    height: 247px;
    overflow: hidden;
    border-radius: 142px 0 0;
}

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

.dashboardnew-css .link-icon1 {
    display: none;
    position: absolute;
    right: 0;
    background: var(--colrBack);
    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 {
    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;
}

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

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

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

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

.dashboardnew-css .link-icon {
    position: absolute;
    right: 0;
    background: var(--colrBack);
    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;
}

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

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

.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%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #037bdb transparent;
    }



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

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

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

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

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

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

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

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

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

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

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

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

.dashboardnew-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*/
.dashboardnew-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 linear infinite;
    animation: rotate-sphere 30s linear infinite;
    width: 500px;
    height: 500px;
    position: relative;
    border-radius: 50%;
    background-color: white;
    background-repeat: repeat-x;
    background-size: cover;
    box-shadow: inset 0 0 20px #a5a5a5ed;
}

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

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

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

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

.navbarIcon img {
    width: 40px;
}

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


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

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



.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 .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 {
            margin: auto;
            margin-bottom: 0;
            line-height: 0;
            color: #ffffff;
            font-size: 24px;
            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%;
}

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




.timetable-details {
    background: #fff;
    box-shadow: 0px 1px 11px 0px #ababab;
    position: absolute;
    z-index: 9;
    margin-top: -192px;
}

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

/*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;
    margin-bottom: 10px;
    padding: 12px 18px 5px 24px;
    position: relative;
    box-shadow: 1px 3px 12px 2px rgb(147 147 147);
    background: #026ec5;
    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;
        }

.select-flex .menubar img {
    height: 27px;
}

.assessment-details-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-height: 96vh;
    overflow-y: scroll;
    display: none;
    padding: 15px 30px 30px;
    background: #fff;
    z-index: 99;
    border-radius: 30px;
    overflow-x: hidden;
}

.graph-assesment {
    display: none;
}

.percent-blk ul li p {
    text-align: center;
    border-radius: 50%;
    padding: 3px 0px;
    position: relative;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    background: #EFEFEF;
}

    .percent-blk ul li p:before {
        content: "";
        width: 60%;
        height: 60%;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        transform: translate(-50%, -50%);
        box-shadow: 0px 4px 4px 0px #00000026;
        border-radius: 50%;
    }

.percent-blk ul {
    margin-top: 0;
    align-items: center;
}

    .percent-blk ul li {
        margin: 2px 6px;
    }

.assessment-details-popup.active p {
    margin-bottom: 0;
}

.button-tab {
    background: #6279ED;
    padding: 9px 25px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: max-content;
}

.percent-blk ul li p span {
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 600;
}

.assessment-details-popup .block-title.pl-0 p + .button-tab {
    margin-top: 6px;
    padding: 2px 16px;
}

.assessment-details-popup h3 span {
    padding: 5px 10px;
    border-radius: 5px;
}


.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;
    box-shadow: 0px 0px 16px 2px #bfbfbf;
    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;
    }




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


.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: 60% !important;
    height: 72.3vh !important;
    background: #fff !important;
    padding-right: 0px !important;
}

    .commonpopupwidthfee h5 {
        font-size: 18px;
    }

    .commonpopupwidthfee .modal-content {
        padding: 0px 20px;
        border: none;
    }

    .commonpopupwidthfee .modal-dialog {
        max-width: 100% !important;
        margin: 0px;
    }

    .commonpopupwidthfee .modal-footer {
        padding: 0.5rem;
    }

.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*/
.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;
}
/*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;
    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-top: 15px;
    margin-bottom: 20px;
}

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

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

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

.subject_line {
    display: none;
}

.message-dtl .d-flex {
    justify-content: space-between;
}

.inrtbs .nav-item {
    position: relative;
}

    .inrtbs .nav-item:hover:before {
        width: 100%;
    }

.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;
    border: none;
    top: -6px;
    font-size: 18px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    padding: 6px;
}

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="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 {
    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;
        margin-left: 0;
        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;
    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: #026ec5;
    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%;
    }

/*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-color: 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: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;
    font-weight: bold;
    transition: 0.5s; 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);
    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: 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 22px;
    padding-left: 20px;
}

.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 10px;
    border-bottom: 0px;
    border-bottom-style: double;
}

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%;
    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 {
        padding: 8px 8px 8px 0px;
        margin: 0 0 0 9px;
        background: #fff;
        height: 100%;
        overflow-y: scroll;
        box-shadow: 0px 0px 7px 0px #000;
    }

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


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

p.selectByMonth span {
    display: none;
}

    p.selectByMonth span.active {
        display: block;
    }

.assesment-block b {
    background: #F2F5FA;
    padding: 5px 12px 5px 0;
    border-radius: 8PX;
    font-size: 16px;
}
/*-----------------------------------------*/

@media print {
    .close-side-details {
        display: none !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) {
    .circular-announcement {
        padding: 20px 15px 20px;
    }

    .lessonPlan .d-flex .add-lesson-plan {
        width: 25%;
    }

    .lessonPlan .d-flex .demo {
        width: 72% !important;
        display: block;
        margin-right: 30px;
    }

    .left-section {
        width: 72%;
    }

    .event-calender .block-title {
        flex-direction: row;
    }

    .alert-list {
        height: 270px;
    }

    .event-calender .block-title h3 {
        max-width: 100%;
        margin-bottom: 0;
    }



    .quick-action ul li .wht-block {
        padding: 6px 15px;
    }

    .block-title h3 {
        font-size: 19px;
        max-width: 80%;
    }



    .right-bar.active .left-section {
        width: 67%;
    }

    .right-bar.active .right-section {
        width: 33%;
    }

    .assigned-classes .tabs-select {
        flex-direction: row !important;
    }

    .right-bar.active .tabs-select p {
        text-align: center;
    }

    .circular-announcement .tabs-select {
        width: max-content;
        margin-left: 0;
    }

    .right-bar.active .wid-50 {
        width: 100%;
    }

    .wid-50 .assignment {
        width: calc(100% - 0px);
    }

    .right-bar.active .d-flex.align-item-start {
        flex-direction: column;
    }

    .right-bar.active .wid-50.assignment {
        width: calc(100% - 0px);
    }

    .assignment-list button {
        padding: 7px 16px;
    }

    .birthdays ul li .birthday .d-flex div.content img {
        width: 45px;
    }

    .assignment-list ul li .d-flex .content h3 {
        font-size: 16px;
    }


    .assigned-classes ul#assignedClass img {
        width: 75%;
        margin: 10px px auto 0;
        display: block;
    }

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

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

@media(max-width: 1400px) {
    .right-bar.active .assesment-block.active b {
        padding-left: 0;
    }

    .right-bar.active .assesment-block h3 span.red, .right-bar.active .assesment-block h3 span.green {
        font-size: 11px;
        padding: 3px 5px;
        margin-right: 2px;
    }

    .right-bar.active .assesment-block b {
        padding: 5px 5px;
    }

    .right-bar.active .assesment-block ul {
        transform: scale(0.8);
        transform-origin: left;
    }

    p.compose {
        padding: 7px 13px;
        min-width: 114px;
    }

    p.sent {
        padding: 11px;
        margin-right: 13px;
    }

    p.inbox {
        padding: 11px;
        margin-right: 12px;
    }

    .birthdays ul li .birthday .d-flex div.content img {
        margin-right: 11px;
    }

    .dashboard-right .right-bar header .header-details ul p {
        font-size: 16px;
    }

    .dashboard-right .right-bar .logo {
        min-width: 390px;
    }

    .dashboard-right .right-bar {
        width: 91%;
    }

    .lesson-plan-blk > img {
        width: 85%;
    }

    .circular-announcement .block-title .select-flex {
        width: 100%;
        justify-content: space-between;
    }

    .lesson-plan-blk {
        padding: 20px 15px;
    }

    .assignment-list ul li {
        padding: 13px 10px 10px;
    }

    .calenderLT1 #calendarLT1 {
        height: 303px;
    }

    .header-details ul li {
        margin: 0px 12px;
    }

    header .logo h1 {
        font-size: 22px;
    }

    .logo img {
        width: 81px;
    }

    .select-block > .d-flex {
        flex-direction: column;
        width: 100%;
    }

        .select-block > .d-flex .select-block-list {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: self-start;
        }

    .select-block-list .d-flex {
        width: 32%;
    }

    .quick-action ul li .wht-block p {
        font-size: 18px;
    }



    .login-details .d-flex button {
        font-size: 18px;
        margin-bottom: 10px;
        padding: 12px 1px;
        width: 49%;
    }

    .select-blocks {
        width: 100%;
    }

    .calenderLT1 .day {
        width: 11%;
    }

    .right-bar.active .header-details ul li img {
        width: 33px;
    }

    .right-bar.active .dashboard-right .right-bar header .header-details {
        margin-top: 30px;
    }



    .right-bar.active .dashboard-right .right-bar .logo img {
        margin-right: 10px;
        width: 70px;
    }

    .right-bar.active .newsession {
        left: 81px;
    }

    .right-bar.active .dashboard-right .right-bar .logo {
        min-width: 390px;
    }

    .right-bar.active li.expand img {
        width: 21px !important;
    }

    .right-bar.active .searchnew span.e-input-group.e-control-wrapper.e-ddl.e-valid-input {
        width: 180px !important;
    }

    .right-bar.active .logo img {
        width: 66px !important;
        margin-right: 16px;
    }

    .assessment-details-popup {
        width: 96%;
        z-index: 999;
    }

    .profiledetail span {
        font-size: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

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

    /*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) {
    .dashboardnew-css .menunew .left-menubar > ul {
        min-height: 440px;
    }

    .quick-actionshow {
        width: 84% !important;
        margin: 0px 0% !important;
        top: 7% !important;
    }
}

@media(max-width: 1299px) {

    .close-search {
        top: 5px;
        font-size: 22px;
    }



    .logo h1 span {
        font-size: 15px;
    }

    .navbarIcon {
        margin: 0px 0px 0px 7px;
    }

    .logo img {
        width: 70px;
    }
}


@media(max-width:1200px) {
    .assessment-details-popup table th, .assessment-details-popup table td {
        padding: 9px 11px;
    }

    .right-bar.active .assesment-block ul {
        transform: unset;
        transform-origin: left;
    }

    .login-details .d-flex {
        flex-direction: column;
    }

        .login-details .d-flex button {
            width: 100%
        }

    .wid-50.birthdays .student, .wid-50.birthdays .staff {
        width: 100%;
    }

    .dashboard-right .right-bar {
        width: 89%;
    }

    .calenderLT1 .day-number {
        font-size: 14px;
    }

    .login-details {
        width: calc(87% - 0px);
        padding: 17px 13px 20px;
    }

    .wid-0 {
        width: 100%;
    }


    .wid-50.birthdays .student, .wid-50.birthdays .staff {
        width: 48%;
    }

    .table-responsive {
        overflow-x: scroll;
    }

    .time-table th {
        min-width: 69px;
    }

    .right-bar .d-flex.align-item-start {
        flex-direction: column;
    }

    .wid-50 {
        width: 100% !important;
    }

    .right-bar .wid-50.assignment {
        width: 100%;
    }

    header .logo h1 {
        font-size: 22px;
    }

    .wid-50.birthdays {
        width: 100% !important;
    }

    .logo img {
        width: 69px;
    }

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

    .header-details ul li {
        margin: 8px 10px;
    }

    header {
        flex-direction: column;
    }

    .header-details {
        width: 100%;
    }

    header .header-details ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .right-section {
        width: 35%;
    }

    .left-section {
        width: 66%;
    }


    .select-block > .d-flex .select-block-list {
        flex-wrap: wrap;
    }

    .select-block-list .d-flex {
        width: calc(32% - 0px);
    }



    .right-bar.active .section > .d-flex {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .right-bar.active .left-section {
        width: 98%;
    }

    .right-bar.active .right-section {
        width: 100%;
    }

    .right-bar.active .alert {
        width: 98%;
        margin: unset;
        margin-top: 20px;
    }

    .right-bar.active .login-details, .birthdays.communication {
        width: calc(100% - 20px);
        margin: 20px 0;
    }
}

@media(max-width: 1199px) {
    ul#pills-tab {
        width: 87% !important;
    }

    #searchMenu {
        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%;
    }

    /*End 17-01-2022*/
    .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%;
        max-height: 100%
    }

    .search_icon {
        position: relative;
    }

    .timetable__details {
        position: relative;
    }

    .close-search {
        top: -15px;
        right: 1px;
        margin-top: 0;
        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 */

    /*   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) {
    input.search_icon_input.active {
        border-bottom: 1px solid #000;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 21.3%;
    }



    .menu-slide ul li {
        min-width: 30%;
    }



    .dashboard-css .assignment-details {
        width: 100%;
        float: left;
    }

    .dashboard-css .assignment-comp {
        text-align: left;
        padding-top: 5px;
        margin-bottom: 20px;
    }
}


@media(max-width: 991px) {
    .dashboardnew-css .menunew .left-menubar > ul {
        min-height: 340px;
    }

    .assessment-details-popup .block-title > div {
        margin-bottom: 10px;
    }

    .assessment-details-popup {
        padding: 15px 11px 30px !important;
    }

    div#LayoutBody {
        padding-right: 20px;
    }

    .wid-0 {
        width: calc(100% - 0px);
    }

    ..calenderLT1 .day {
        width: calc(14% - 12px);
    }

    .circular-announcement .tabs-select {
        flex-direction: row;
        width: max-content !important;
    }

    .right-bar {
        width: 87% !important;
    }

    .event-calender {
        width: calc(100% - 0px);
        margin: 20px 0;
    }

    .table-responsive {
        overflow-x: scroll
    }

    .login-details .d-flex button {
        width: 49%;
    }

    .login-details .d-flex {
        flex-direction: row;
    }

    .right-section {
        width: 100%;
    }

    .left-section {
        width: 100%;
    }

    .section > .d-flex {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .login-details {
        width: calc(98% - 0px);
        margin: 20px 0;
    }

    .alert {
        width: 98%;
        margin: unset;
        margin-top: 20px;
    }

    .lessonPlan .d-flex .demo {
        width: 100% !important;
    }

    .lessonPlan .d-flex .add-lesson-plan {
        width: 100%;
        padding: 10px 0;
        margin-top: 20px;
    }

    .assigned-classes.lessonPlan .d-flex {
        flex-wrap: wrap;
    }

    .dashboard-right .right-bar .logo h1 span {
        display: block !important;
        font-size: 70%;
    }
    .percent-blk ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .assessment-details-popup .table-responsive {
        margin-bottom: 20px;
    }

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




    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 45%;
    }

    .inrtbs.active {
        top: 126px !important;
    }

    ul#pills-tab {
        width: 85% !important;
    }




    .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 10px !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;
    }

    /*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) {


    #searchMenu .close-search {
        padding: 5px 9px !important;
    }

    .close-search {
        background: #fff !important;
        color: #026ec5 !important;
        top: -10px;
    }

    .navbarIcon {
        position: absolute;
        top: -59px;
    }



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



    .search_icon img {
        width: 35px;
        margin-top: 5px;
        background: #026ec5;
        border-radius: 50%;
        padding: 6px;
    }



    .search_icon, .dashboard-css .icon_wrap i {
        color: black;
        line-height: 1;
    }



    .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) {

    .lg-sub-menuclickopen {
        left: 60px !important;
        z-index: 999;
        max-height: 87vh;
        height: 87vh;
        top: 40px !important;
    }
        .lg-sub-menuclickopen.open-up {
            flex-direction: column;
        }
        .notification-container {
            width: 300px;
        }

    div#profileDiv .profile_dd {
        width: 228px;
        left: 0;
    }

    .profiledetail span {
        font-size: 16px;
    }

    .section .mainHeading {
        font-size: 19px;
    }

    .profile_dd:before {
        right: unset;
        right: 15px;
    }

    .dashboard-right .right-bar header {
        border-bottom: 4px solid #ccc;
    }

    .profile_dd {
        top: 37px;
    }

    .bargraph-view .bar-block .bar-list .d-flex > div {
        width: 9px;
        border-radius: 22px 22px 0 0;
    }

    div#LayoutBody {
        padding-right: 0;
    }

    .dashboard-right .right-bar header .d-flex {
        width: max-content !important;
    }

    .table-responsive {
        overflow-x: scroll;
    }

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

    .select-block-list .d-flex {
        width: calc(49% - 0px);
    }

    .right-bar.active .newsession {
        left: 64px;
    }

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

    .right-bar {
        width: 90% !important;
        margin: auto;
    }

    .dashboard-right .right-bar .logo {
        min-width: auto !important;
    }

    .right-bar.active .logo img {
        width: 56px !important;
        margin-right: 9px;
    }

    .dashboardnew-css .menunew .left-menu {
        transition: 0.5s;
        left: -100%;
        z-index: 99;
    }

        .dashboardnew-css .menunew .left-menu.active {
            left: 0
        }

    .menu-closer {
        position: fixed;
        background: #0000005c;
        width: 100%;
        height: 100%;
        z-index: 9;
        left: -100%;
        top: 0;
        transition: 0.5s
    }

        .menu-closer.active {
            left: 0%;
        }

    li.phone-menu {
        background: #6378e9;
        padding: 1px 4px;
        border-radius: 4px;
    }

    .quick-actionshow {
        height: 500px !important;
        overflow: auto;
    }

        .quick-actionshow ul li {
            min-width: 23% !important;
            max-width: 90% !important;
            width: 90% !important;
            float: none !important;
        }

    .dashboard-right .right-bar .logo h1 span {
        display: block !important;
        font-size: 85%;
    }
    .openmenubodyfade {
        z-index: 9;
    }

    .select-blocks {
        width: 100%;
        margin-top: 20px;
    }

    .sfmmain {
        padding: 0px 0px !important;
    }

    .inrtbs .nav-pills .nav-item {
        width: calc(50% - 10px) !important;
    }



    .logo h1 {
        font-size: 17px !important;
        margin-top: 5px;
    }

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

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


    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 40px !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;
        }

    .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) {
    .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) {
    .chat-boxadmin {
        width: 300px;
    }

    .inrtbs .nav-pills .nav-item {
        min-width: 94% !important;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 43%;
    }

    .logo h1 span {
        font-size: 14px;
    }



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

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

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

    .notification_dd, .message_dd, .todolist_dd {
        transform: translate(-50%, 5%);
        left: 50%;
        top: 50%;
    }

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

@media(max-width: 500px) {
    .bargraph-view .bar-block .bar-list .d-flex > div {
        width: 7px 0px;
        border-radius: 22px 22px 0 0;
    }

    .value-bar ul li {
        font-size: 12px;
    }

    .value-bar {
        margin-right: 5px;
    }

    .bargraph-view .bar-block .bar-list p {
        font-size: 11px;
    }



    .wid-50.birthdays .student, .wid-50.birthdays .staff {
        width: 100%;
    }

    .profiledetail span {
        font-size: 18px;
    }

    .assignment {
        padding: 22px 14px;
    }

    .assignment-list ul li .d-flex img {
        width: 57px;
    }

    .assignment-list ul li .d-flex {
        flex-direction: column;
    }



    .login-details .d-flex {
        flex-direction: column;
    }

    .lesson-plan-blk {
        width: calc(100% - 0px);
    }

    .login-details .d-flex button {
        width: 100%;
    }

    .text-book-blk {
        width: calc(100% - 0px);
    }

    .select-block-list .d-flex {
        width: calc(100% - 0px);
    }

    .login-details {
        width: calc(100% - 0px);
        margin: 20px 0;
        padding: 2px 11px 20px;
    }

    .left-section {
        width: 100%;
    }

    header .header-details ul {
        flex-wrap: wrap;
    }

    .header-details ul li {
        margin: 18px 1px 5px;
    }

    .header-details .search input {
        width: 100%;
    }
}

@media(max-width: 455px) {
    ul#pills-tab {
        width: 95% !important;
        left: 18px;
    }

    .menu-slide .stage1 li, .menu-slide .stage2 li {
        min-width: 98%;
    }



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



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


    .dashboard-css .icon_wrap i {
        color: #000 !important;
    }



    .search_icon img {
        margin-top: -5px;
    }
}

@media(max-width:445px) {
    .dashboard-css .addicon img {
        width: 30px;
        margin-top: 0;
    }

    .search_icon img {
        width: 27px;
        padding: 2px;
    }


    .teachingareablock {
        width: 100%;
    }



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