:root {
    --primary-color: #139857;
    --secondary-color: #F6B503;
}

@font-face {
    font-family: 'Poppins';
    src: url('../Font/Poppins-Medium.eot');
    src: url('../Font/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../Font/Poppins-Medium.woff2') format('woff2'), url('../Font/Poppins-Medium.woff') format('woff'), url('../Font/Poppins-Medium.ttf') format('truetype'), url('../Font/Poppins-Medium.svg#Poppins') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins_Light';
    src: url('../Font/Poppins-Light.eot');
    src: url('../Font/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../Font/Poppins-Light.woff2') format('woff2'), url('../Font/Poppins-Light.woff') format('woff'), url('../Font/Poppins-Light.ttf') format('truetype'), url('../Font/Poppins-Light.svg#Poppins') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins_Regular';
    src: url('../Font/Poppins-Regular.eot');
    src: url('../Font/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../Font/Poppins-Regular.woff2') format('woff2'), url('../Font/Poppins-Regular.woff') format('woff'), url('../Font/Poppins-Regular.ttf') format('truetype'), url('../Font/Poppins-Regular.svg#Poppins') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

.container {
    max-width: 1528px;
}

a {
    text-decoration: none;
}

.teacherDashboard {
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    /*background-image: url("../images/bg.jpg");*/
}
/*****HEADER START HERE*****/
.AlertMsg {
    /*color: #ea3f3f;*/
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 10px;
    font-weight: 510;
    margin: 30px 0 0 0;
}

.header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 1000000;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.AdminTp {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    top: 0;
    background: #fafbfc;
    padding: 17px 0 17px 0;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.header_toggle {
    color: black;
    font-size: 1.5rem;
    cursor: pointer;
}

.AdminTpData {
    width: 100%;
    float: left;
    text-align: center;
}

    .AdminTpData h3 {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 3px 0 0 0;
        font-family: 'Poppins';
        font-weight: 510;
        font-size: 32px;
        color: var(--primary-color);
    }

.logoutBtn {
    background: #333;
    font-size: 19px;
    font-family: poppins;
    font-weight: 550;
    color: #fff;
    margin: 0 10px 0 0;
}

    .logoutBtn:hover {
        color: #fff;
    }

#menuopen {
    border: 1px solid #27333d;
    cursor: pointer;
    float: left;
    margin: 12px 0 0 0;
}

.navbar-toggle .icon-bar {
    background: #27333d none repeat scroll 0 0;
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 22px;
}

.Rspsv_Mnu .cstLftBg {
    position: fixed;
    left: 0;
    z-index: 99999999;
}

.RspcvIcn1 {
    display: none;
}

.RspsvTm {
    display: none;
}

ul.hdrLst {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}

.UsrImg img {
    width: 50px;
    border: 2px solid var(--primary-color);
}

.UsrImg {
    width: auto;
    display: inline-block;
}

.rounded-circle {
    border-radius: 50% !important;
}

.UsrImg::after {
    content: "";
    width: 46px;
    height: 46px;
    background: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}

.UsrName {
    text-align: left;
    width: auto;
    display: inline-block;
}

    .UsrName h4 {
        width: 100%;
        color: var(--primary-color);
        position: relative;
        cursor: pointer;
        font-size: 18px;
        font-family: Poppins;
    }

.UsrNameData {
    margin: 0;
    width: 210px;
    right: auto;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    text-align: center;
    padding-top: 5px;
    background: #fff;
    padding: 13px 12px 0 12px;
    -webkit-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -ms-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -o-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    top: 100%;
}

.ResUsrNameData {
    margin: 0;
    width: 100%;
    top: 131px;
    left: auto;
    right: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    text-align: center;
    padding-top: 5px;
    background: #fff;
    padding: 13px 12px 0 12px;
    -webkit-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -ms-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -o-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.UsrNameData a {
    width: 100%;
    float: left;
}

.UsrNameData p {
    float: left;
    width: 100%;
    margin: 0px;
}

.AdminTpData ul {
    /*float: right;
    margin: 0px;
    padding: 0px;
    width: 19%;*/
    float: right;
}

    .AdminTpData ul li {
        width: auto;
        display: inline-block;
    }

        .AdminTpData ul li.user-prfl {
            margin: 0 0 0 0;
        }
/****Notifications container start here*****/
.notify {
    color: #000;
    font-size: 15px;
    font-family: Poppins;
}

    .notify:hover {
        color: #000;
    }

.openNotify {
    margin: 0 30px -8px 12px;
}

    .openNotify img {
        width: 100%;
        opacity: 0.4;
        padding: 0 20px;
    }

    .openNotify h6 {
        font-family: poppins;
        font-size: 20px;
        font-weight: 510;
        text-align: center;
        padding: 20px 0 0 0;
    }

    .openNotify p {
        font-family: poppins;
        text-align: center;
        font-size: 16px;
    }

.respNotify {
    display: none !important;
}

.CartMenu {
    float: right;
}

.CstCsrtMai_tp_1 {
    width: 100%;
    text-align: center;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 7px 0 3px 0;
    background: var(--primary-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .CstCsrtMai_tp_1 h4 {
        font-size: 17px;
        font-weight: 510;
        color: #fff;
    }

.CartMenu_Tp {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}

    .CartMenu_Tp i {
        float: right;
        font-size: 28px;
        color: #000;
    }

    .CartMenu_Tp .BuyNwImg2,
    .header_Btm.sticky .CartMenu_Tp .BuyNwImg1 {
        display: none;
    }

.header_Btm.sticky .CartMenu_Tp .BuyNwImg2 {
    display: block;
}

.CartMenu_Tp .count {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 11px;
    right: -18px;
    background: #cc1010;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.CstCsrtMain {
    margin: 0;
    width: 269px;
    top: 74px;
    left: auto;
    right: 1%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -ms-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -o-box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    border-radius: 8px;
}

.CstCsrtMain-tp {
    width: 100%;
    float: left;
    /*height: 251px;*/
    max-height: 251px;
    overflow-y: scroll;
}

    .CstCsrtMain-tp ul {
        width: 100%;
        float: left;
        padding: 0;
    }

        .CstCsrtMain-tp ul li {
            width: 100%;
            float: left;
            margin: 0 0 0 0;
            padding: 7px 16px 8px 16px;
            font-size: 17px;
            line-height: 20px;
            font-weight: 500;
            font-family: calibri;
            color: #000;
        }

            .CstCsrtMain-tp ul li p {
                margin-bottom: 0;
            }

                .CstCsrtMain-tp ul li p a {
                    color: #000;
                }

            .CstCsrtMain-tp ul li span {
                font-size: 13px;
                color: gray;
            }

            .CstCsrtMain-tp ul li:not(:last-child) {
                border-bottom: 2px solid rgba(0, 0, 0, .12);
            }

.CstCsrtMain-tpLft {
    float: left;
    display: inline-block;
    width: 30%;
}

    .CstCsrtMain-tpLft img {
        width: 97px;
        height: 125px;
    }

.CstCsrtMain-tpRyt {
    float: right;
    display: inline-block;
    width: 65%;
}

    .CstCsrtMain-tpRyt ul {
        float: left;
    }

        .CstCsrtMain-tpRyt ul li {
            list-style: none;
            font-size: 13px;
            font-weight: 500;
            border: none;
            margin: 0;
            padding: 0;
        }

            .CstCsrtMain-tpRyt ul li span {
                font-weight: 400;
            }

.CstCsrtMain-btm {
    width: 100%;
    float: left;
    padding: 11px 0 10px 0;
    background: #f3f3f3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.openNotify .CstCsrtMain-btm a {
    background: var(--primary-color);
    color: #fff;
    font-family: poppins;
    padding: 3px 9px;
    border-radius: 3px;
}

.viewCart {
    width: 60%;
    height: 50px !important;
    transition: all .3s ease-in-out;
    text-decoration: none;
    padding: 10px 0 0 0 !important;
}

    .viewCart:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        color: #fff;
    }

.CstCsrtMain.cart_visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.viewCartMdl tr li:hover {
    background: #f3f3f3;
}

.unreadMsg {
    background: #e1e1e1;
}


/****Notifications container end here*****/
/*****View Notification page start here*****/
.viewNotify {
    width: 100%;
    float: left;
    margin: 1% 0 2% 0;
}

    .viewNotify .mdlNoBtn {
        float: right;
    }

/*****View Notification page end here*****/
.AdminTpData ul li:last-child {
}

.AdminTpData ul li {
    list-style: none;
}

.UsrNameData.cart_visible {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    padding: 10px 0 10px 0;
    text-align: center;
    border-radius: 5px;
}

.editIcn {
    display: inline-block;
    vertical-align: middle;
    background: #f3f3f3;
    border-radius: 50%;
    color: var(--primary-color);
    height: 25px;
    width: 25px;
}

.editTxt {
    display: inline-block;
    vertical-align: middle;
}

    .editTxt p {
        font-family: Poppins;
        color: var(--primary-color);
        font-size: 17px;
        font-weight: 550;
        margin: 0 0 0 5px;
    }

.ResponsiveUsr {
    display: none;
}
/******RESPONSIVE header END HERE*****/
.cstMnuBtn {
    float: left;
    /*margin-left: 15%;*/
    margin: 3px 0 0 15%;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: none;
}

    .cstMnuBtn a {
        color: var(--primary-color);
        font-size: 26px;
        display: inline-block;
    }

        .cstMnuBtn a i.fa-chevron-right {
            display: none;
        }

body.TpMnu .cstMnuBtn a i.fa-chevron-right {
    display: block;
    font-size: 26px;
    margin: 6px 0 0 0;
}

body.TpMnu .cstMnuBtn a i.fa-bars {
    display: none;
}

body.TpMnu .userprofile {
    padding: 10px 10px 9px 5px;
}

body.TpMnu ul#mainmenu li {
    text-align: center;
    padding: 0;
}

body.TpMnu .userprofile .user-img {
    padding: 0 0 0 10px;
}

body.TpMnu .userprofile img {
    width: 55px;
    height: 55px;
}

body.TpMnu .userprofile .userdetails {
    display: none;
}

body.TpMnu .cstLftBg {
    width: 5.6%;
    padding-left: 12px;
}

body.TpMnu .cstRytBg {
    width: 100%;
}

body.TpMnu .tchrDasbrd-ryt {
    padding-left: 5%;
}

body.TpMnu .cstMnuBtn {
    margin-left: 6%;
}

.spn1 {
    margin: 2px 0 0 0;
    height: 60px;
    width: 60px;
    background: #1d8f57;
    border-radius: 50%;
    text-align: center;
    display: block;
    border-radius: 10px;
    margin: auto;
    padding: 11px 0 0 0;
}

    .spn1 img {
        width: 20px;
    }

    .spn1 i {
        font-size: 39px;
        color: #fff;
        text-shadow: 1px 2px 0 #9cb8b3;
    }

.spn2 {
    padding: 2px 0 0 0;
    color: #fff;
    font-family: 'Poppins_Regular';
    font-size: 16px;
    font-weight: 510;
    text-align: center;
}

    .spn2 i {
        margin: 0 0 0 4px;
        font-weight: 550;
    }

body.TpMnu .spn2,
body.TpMnu .fa-plus {
    display: none;
}

.listSub_Itm ul li {
    background: var(--primary-color);
}
/******SIDEBAR*****/
.cstLftBg {
    background-image: url("../images/Home_Page/Sidebar.jpg");
    display: flex;
    z-index: 2000000;
    top: 0;
    overflow-y: auto;
    width: 200px;
    position: fixed;
    height: 100%;
    -webkit-box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    -ms-flex-direction: column;
    -o-box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    flex-direction: column;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .cstLftBg:after {
        content: "";
        left: 0;
        display: flex;
        z-index: 20000000;
        top: 0;
        overflow: hidden;
        width: 200px;
        position: fixed;
        height: 100%;
        background-color: rgba(78,186,110,0.9);
    }

#content-1 {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

.sidemenu {
    position: fixed;
    top: 0;
    padding-top: 0;
}

    .sidemenu ul li {
        float: left;
        width: 100%;
        position: relative;
        z-index: 999999999;
        text-align: center;
    }

        .sidemenu ul li a {
            border: 1px solid transparent;
        }

            .sidemenu ul li a.active {
                color: #fff;
                background: unset;
                border-radius: 5px;
            }

        .sidemenu ul li i.fa-angle-right,
        .sidemenu ul li i.fa-angle-down {
            float: right;
            margin: 4px 0 0 0;
        }

        .sidemenu ul li i.fa-angle-down {
            display: none;
        }

        .sidemenu ul li a {
            color: #fff;
            float: left;
            padding: 10px;
            width: 100%;
            font-size: 16px;
            font-weight: 500;
        }

            .sidemenu ul li a:active {
                color: #607d8b;
            }

            .sidemenu ul li a:hover {
                color: #fff;
                text-decoration: none;
            }

.userprofile {
    border-bottom: 1px dotted #000000;
    /*padding: 20px 15px;*/
}

.userprofile {
    border-bottom: 1px dotted #000000;
    padding: 10px 15px 10px 15px;
    width: 100%;
    float: left;
}

    .userprofile img {
        height: 75px;
        width: 75px;
        float: left;
        border: 1px solid rgba(0,0,0,.12);
    }

.user-img {
    width: 100%;
    float: left;
}

    .user-img img {
        border-radius: 50%;
    }

.userprofile span {
    color: #607d8b;
    float: left;
    font-size: 16px;
}

.userdetails {
    float: left;
    margin-top: 12px;
    width: 100%;
    float: left;
}

/******MINI SIDEBAR******/
.mini-sidebar {
    width: auto;
    float: left;
    box-shadow: 1px 0 20px rgba(0,0,0,.08);
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    padding: 10px 20px 0 19px;
}

    .mini-sidebar ul {
        list-style: none;
        padding: 0;
    }

        .mini-sidebar ul li {
            margin: 0 0 38px 0;
        }

            .mini-sidebar ul li a i {
                font-size: 22px;
                color: #607d8b;
            }

.sidemenu ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}

.sideLogo {
    width: 100%;
    float: left;
    padding: 8px 0 8px 0;
    text-align: center;
    margin: 15px 0 15px 0;
    z-index: 99999999;
    position: relative;
    background: #fff;
    border-radius: 8px;
}

.admnSideLogo img {
    width: 100% !important;
}

.TpMnu .admnSideLogo img {
    width: 65% !important;
}

.sideLogo a img {
    max-width: 90%;
    min-width: 34%;
}

.sclLogo a img {
    width: 36%;
}

.TpMnu .sideLogo a img {
    width: 60%;
}

.repnsv-sBar h3 {
    font-family: poppins;
    font-weight: 500;
    display: none;
}

.sideLogo .rspnsv-logo {
    display: none;
}

.TpMnu .sideLogo .rspnsv-logo {
    display: block;
    margin: auto;
}

.TpMnu .sideLogo .dsktp-logo {
    display: none;
}

.sideBarPrfl {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
    border-bottom: 1px solid rgba(0,0,0,.24);
    margin: 0 0 10px 0;
}

.sBarPrfl-img {
    width: 100%;
    float: left;
}

    .sBarPrfl-img img {
        width: 50px;
        border: 2px solid #0942c4;
    }

.sBarPrfl-name {
    width: 100%;
    float: left;
}

    .sBarPrfl-name span {
        color: #0942c4;
        font-weight: 500;
        font-family: sans-serif;
        font-size: 19px;
    }
/******TEACHER DASHBOARD*****/
.teachDsbrd-grd {
    width: 100%;
    float: left;
}

.tchrDasbrd-ryt {
    width: 100%;
    float: left;
    padding-left: 10%;
}

.tcrTst {
    width: 100%;
    float: left;
    text-align: left;
    padding: 2px 10px 9px 15px;
    margin: 30px 0 20px 0;
    background: var(--primary-color);
}

    .tcrTst .Ttl {
        float: left;
        width: 100%;
        margin: 0;
        color: #fff;
        font-family: calibri;
    }

        .tcrTst .Ttl span {
            font-size: 36px;
            z-index: 100;
            text-shadow: 2px 2px 0 #9cb8b3;
        }

            .tcrTst .Ttl span::after {
                content: attr(data-shadow-text);
                color: rgba(0,0,0,.35);
                position: absolute;
                left: .0875em;
                top: .0875em;
                z-index: -1;
            }

            .tcrTst .Ttl span,
            .tcrTst .Ttl span::after {
                font-weight: 900;
                color: #fff;
                white-space: nowrap;
                display: inline-block;
                position: relative;
                letter-spacing: .1em;
                padding: 0;
            }

.padd {
    padding: 30px 0 30px 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
}

    .padd p {
        color: #fff;
        font-weight: 500;
        font-size: 22px;
        font-family: sans-serif;
    }

    .padd span {
        color: #fff;
        font-weight: 500;
        font-size: 22px;
        font-family: sans-serif;
    }

.tchrDshbrd-pnl .panel-heading {
    background: #0942c4 !important;
}

    .tchrDshbrd-pnl .panel-heading a {
        width: 100% !important;
        color: #fff;
        font-weight: 500;
        font-family: sans-serif;
    }

.cmpltTst-lst {
    background: #fff;
}

    .cmpltTst-lst tr {
        border-bottom: unset;
        border-top: unset;
    }

        .cmpltTst-lst tr th {
            background: #2f3d4a;
            color: #fff;
            font-size: 15px;
        }

        .cmpltTst-lst tr td {
            border-bottom: unset;
            border-top: unset;
            color: #607d8b;
            font-size: 15px;
        }

        .cmpltTst-lst tr:hover {
            background: #f3f3f3;
        }

.cstPgnsn table tr td {
    height: 20px;
    width: 20px;
}

    .cstPgnsn table tr td a {
        padding: 5px 9px 5px 9px;
        margin: 0 0 0 5px;
        background: rgba(0,0,0,.7);
        color: #fff !important;
    }

    .cstPgnsn table tr td span {
        background: #fff;
        color: #000;
        border: 1px solid rgba(0,0,0,.5);
        padding: 5px 9px 5px 9px;
        margin: 0 0 0 5px;
    }


/******INSERT DATA form*****/
.insertData {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
}

.insertData-frm {
    width: 100%;
    float: left;
}

.form-group {
    width: 100%;
    float: left;
}

.frmRpt {
    width: 100%;
    float: left;
    margin: 12px 0 12px 0;
}

.lbl {
    width: 100%;
    float: left;
}

    .lbl label,
    .lbl span {
        color: #585959;
        font-weight: 500;
        font-size: 15px;
        font-family: poppins;
        margin: 0 0 4px 3px;
        display: inline-block;
        width: auto;
    }

.form_input {
    width: 100%;
    float: left;
    position: relative;
}

.frm-radio label {
    font-family: Poppins;
}
/*.form_input span {
    font-size: 17px;
    color: rgba(0,0,0,.6);
    padding: 0 0 2px 10px;
    text-align: center;
    display: none;
}*/

.form_input input.form-control {
    padding: 8px 0 0 0;
    /*   border: 1px solid rgba(0,0,0,.12);
    box-shadow: none;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 7px 14px 9px;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    color: #000;
    transition: 0.4s;
    height: 70px;
    font-size: 15px;
    background: #fff;
}

.BdrImg img {
    width: 100%;
    margin: 2% 0 2% 0;
}

.form_input .form-select {
    font-size: 15px;
    padding: 7px 14px 9px;
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 5px !important;
    color: #67757c;
    width: 100%;
    height: 70px;
    font-family: 'Poppins_Light';
}

.form_input input[type='file'] {
    padding: 22px 25px 9px;
}

.form_input textarea {
    height: 70px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.form_input .eyeInput {
    width: 93% !important;
    display: inline-block;
}

.form_input .eyeIcon {
    width: auto;
    display: inline-block;
    vertical-align: top;
    height: 70px;
    margin: 0 0 0 -5px;
    font-size: 20px;
    padding: 23px 6px 0 6px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
/*****Dropdown list code start here*****/
.dropdown-select {
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: normal;
    height: 70px;
    outline: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #67757c;
    font-family: poppins;
}

    .dropdown-select:focus {
        background-color: #fff;
    }

    .dropdown-select:hover {
        background-color: #fff;
    }

    .dropdown-select:active,
    .dropdown-select.open {
        background-color: #fff !important;
        border-color: #bbb;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
    }

    .dropdown-select:after {
        height: 0;
        width: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #777;
        -webkit-transform: origin(50% 20%);
        transform: origin(50% 20%);
        transition: all 0.125s ease-in-out;
        content: '';
        display: block;
        margin-top: -2px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        top: 50%;
    }

    .dropdown-select.open:after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .dropdown-select.open .list {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
    }

    .dropdown-select.open .option {
        cursor: pointer;
    }

    .dropdown-select.wide {
        width: 100%;
    }

        .dropdown-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .dropdown-select .list {
        box-sizing: border-box;
        transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
        background-color: #fff;
        border-radius: 6px;
        margin-top: 4px;
        padding: 3px 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        max-height: 250px;
        overflow: auto;
        border: 1px solid #ddd;
    }

        .dropdown-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .dropdown-select .dd-search {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.5rem;
    }

    .dropdown-select .dd-searchbox {
        width: 100%;
        padding: 0.5rem;
        border: 1px solid #999;
        border-color: #999;
        border-radius: 4px;
        outline: none;
    }

        .dropdown-select .dd-searchbox:focus {
            border-color: var(--primary-color);
        }

    .dropdown-select .list ul {
        padding: 0;
    }

    .dropdown-select .option {
        cursor: default;
        font-weight: 400;
        line-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        transition: all 0.2s;
        list-style: none;
    }

        .dropdown-select .option:hover,
        .dropdown-select .option:focus {
            background-color: #f6f6f6 !important;
        }

        .dropdown-select .option.selected {
            font-weight: 600;
            color: var(--primary-color);
        }

            .dropdown-select .option.selected:focus {
                background: #f6f6f6;
            }

    .dropdown-select a {
        color: #aaa;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
    }

        .dropdown-select a:hover {
            color: #666;
        }
/*****Dropdown list code end here*****/
/*




.input-group input.form-control[type="file"] {
    height: auto;
    padding: 8px 6px 9px 15px;
}

.input-group input.form-control::placeholder {
    color: rgba(0,0,0,.5);
}

.input-group textarea.form-control {
    font-size: 15px;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: none;
    padding: 0 6px 0 10px;
    border-radius: 5px !important;
    padding: 4px 0 0 8px;
    width: 100%;
    color: #000;
}

.input-group textarea.form-control::placeholder {
    color: rgba(0,0,0,.8);
}*/

.form-check-inline {
    display: inline-block;
    margin-right: 12px;
}

.form-check-label {
    color: #67757c;
    font-weight: 550;
    font-size: 15px;
    font-family: sans-serif;
}

.form-check-input {
    height: 15px;
    width: 15px;
    margin: 3px 5px 0 0 !important;
    background: #eaedf5;
    border: 1px solid rgba(0,0,0,.12);
}

    .form-check-input:checked {
        background-color: #0942c4;
        border-color: #0942c4;
    }

.frmRpt .Frmbtn-group {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    text-align: center;
}

    .frmRpt .Frmbtn-group a:hover {
        color: #fff;
    }

.SbmtBtn {
    background: var(--primary-color);
    border: none;
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 19px;
    font-family: poppins;
    font-weight: 550;
    border-radius: 25px;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    margin: 0 5px 0 5px;
    box-shadow: 3px 4px 15px 0px #a3c6e573;
    background: linear-gradient(to right, #fff 50%, var(--primary-color) 50%);
    background-size: 210% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

    .SbmtBtn:hover {
        box-shadow: 3px 4px 15px 0px var(--primary-color);
        background-position: left bottom;
        color: var(--primary-color) !important;
    }

.CnclBtn {
    background: #fc4b6c;
    border: none;
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 19px;
    font-family: poppins;
    font-weight: 550;
    border-radius: 25px;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    box-shadow: rgba(252, 75, 108, 0.23) 3px 4px 15px 0px;
    background: linear-gradient(to right, #fff 50%, #fc4b6c 50%);
    background-size: 210% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

    .CnclBtn:hover {
        box-shadow: 3px 4px 15px 0px #fc4b6c;
        background-position: left bottom;
        color: #fc4b6c !important;
    }

.SrchName {
    padding: 20px 0 20px 0;
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin: 10px 0 0 0;
}

.srchByName {
    width: 100%;
    float: left;
}

/****** SHOW DATA table*****/
.showData {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.showDataTbl {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

    .showDataTbl tbody tr {
        border: 1px solid rgba(0,0,0,.12);
        padding: 8px 0 8px 0;
    }

        .showDataTbl tbody tr th {
            background: #5cbd78;
            color: #fff;
            font-weight: 550;
            font-size: 17px;
            font-family: Poppins;
        }

        .showDataTbl tbody tr td {
            font-family: 'Poppins_Regular';
            font-size: 15px;
            color: rgba(0,0,0,.8);
        }

        .showDataTbl tbody tr th,
        .showDataTbl tbody tr td {
            padding: 10px 6px;
            text-align: center;
            border: 1px solid #5cbd78;
        }

.SlctBtn {
    background: var(--primary-color);
    color: white;
    width: auto;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 500;
    margin: 0 0 5px 0;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}

    .SlctBtn:hover {
        color: var(--primary-color);
        background: #fff;
        border: 1px solid var(--primary-color);
    }

.InActvBtn {
    /*background: #ec382f;*/
    background: #fc4b6c;
    color: white;
    font-size: 16px;
    width: 70px;
    font-family: sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 6px 6px;
    margin: 0 0 5px 0;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}

    .InActvBtn:hover {
        color: #ec382f;
        background: white;
        border: 1px solid #ec382f;
    }

.btn-success:hover {
    background: #fff;
    border: 1px solid #198754;
    color: #198754;
}

.icnEdit i {
    color: #0d6efd;
    font-size: 19px;
}

.icnActv {
    font-size: 19px;
    color: green;
}

.icnInActv {
    color: red;
    font-size: 19px;
}

.icnDlt i {
    color: red;
    font-size: 19px;
}

.icnNotice i {
    color: #ff3c00;
}

.icnEye i {
    color: #0d6efd;
    font-size: 19px;
}

.ActIcn {
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 10px;
    line-height: 47px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

    .ActIcn i {
        font-size: 24px;
        color: var(--primary-color);
    }

.lstDtl {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    background: #fff;
    width: 50%;
    float: left;
    display: none;
}

    .lstDtl ul {
        list-style: none;
        padding: 12px;
        margin: 0;
        text-align: left;
        width: auto;
        float: left;
    }

        .lstDtl ul li {
            width: 100%;
            float: left;
        }

            .lstDtl ul li a {
                color: rgba(0,0,0,.5);
            }

/******FOOTER START HERE*****/
.footer {
    width: 100%;
    float: left;
    background: rgba(0,0,0,.8);
    padding: 10px 0 10px 0;
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

    .footer span {
        color: #fff;
        font-size: 16px;
        font-weight: 550;
        font-family: Poppins;
    }

/*****DASHBOARD*****/

.admin-Dasboard .product-item .product-icn i {
    height: 40px;
    width: 40px;
    border-radius: 6px;
    padding: 8px 0 0 0;
    transition: all .8s ease;
}

.admin-Dasboard .product-item:hover .product-icn i {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: rotateY(180deg);
}

.admin-Dasboard .product-item .product-icn img {
    width: 100px;
    border-radius: 6px;
    transition: all .8s ease;
}

.admin-Dasboard .product-item:hover .product-icn img {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: rotateY(180deg);
}

.product-item {
    width: 100%;
    float: left;
    padding: 30px 5px 30px 5px;
    border-radius: 5px;
    background: #fff;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    margin: 0 0 40px 0;
    border-radius: 10px;
    transform: scale(1.0);
    transition: all .3s ease-in-out;
}

    .product-item .addQues {
        width: 42px;
        border-radius: 8px;
    }

    .product-item .manage-chpt {
        padding: 4px 2px 4px 2px;
        width: 100px;
    }

    .product-item .scl-list {
        width: 40px;
        background: lightgreen;
        height: 40px;
        border-radius: 6px;
        padding: 2px 3px 4px 3px;
    }

    .product-item:hover {
        transform: scale(0.9);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

.product-icn {
    padding: 0 0 4px 0;
}

    .product-icn i {
        color: #455a64;
        font-size: 25px;
    }

.product-item p {
    color: #2e3d44;
    text-decoration: none;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 510;
    margin: 7px 0 0 0;
}

.noRcrd {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    border: 1px solid rgba(0,0,0,.12);
}

    .noRcrd tbody tr {
        padding: 0 0 0 0;
    }

        .noRcrd tbody tr th {
            background: #343a40;
            color: #fff;
            padding: 7px 0 7px 0;
            font-weight: 550;
            font-size: 15px;
            font-family: sans-serif;
        }

        .noRcrd tbody tr td {
            color: #607d8b;
            padding: 7px 0 7px 0;
            font-size: 15px;
        }
/*******ADMIN DASHBOARD*****/
.admin-Dasboard {
    margin: 25px 0 30px 0;
}

    /*.admin-Dasboard .item-con:nth-child(1) .product-item,
    .admin-Dasboard .item-con:nth-child(6) .product-item,
    .admin-Dasboard .item-con:nth-child(11) .product-item,
    .admin-Dasboard .item-con:nth-child(16) .product-item {
        background: #8ddcffa1;
    }

    .admin-Dasboard .item-con:nth-child(2) .product-item,
    .admin-Dasboard .item-con:nth-child(7) .product-item,
    .admin-Dasboard .item-con:nth-child(12) .product-item,
    .admin-Dasboard .item-con:nth-child(17) .product-item {
        background: #ff9eb15e;
    }

    .admin-Dasboard .item-con:nth-child(3) .product-item,
    .admin-Dasboard .item-con:nth-child(8) .product-item,
    .admin-Dasboard .item-con:nth-child(13) .product-item,
    .admin-Dasboard .item-con:nth-child(18) .product-item {
        background: #f3db7f6b;
    }

    .admin-Dasboard .item-con:nth-child(4) .product-item,
    .admin-Dasboard .item-con:nth-child(9) .product-item,
    .admin-Dasboard .item-con:nth-child(14) .product-item,
    .admin-Dasboard .item-con:nth-child(19) .product-item {
        background: #99fbf585;
    }

    .admin-Dasboard .item-con:nth-child(5) .product-item,
    .admin-Dasboard .item-con:nth-child(10) .product-item,
    .admin-Dasboard .item-con:nth-child(15) .product-item,
    .admin-Dasboard .item-con:nth-child(20) .product-item {
        background: #f3db7f6b;
    }*/

    .admin-Dasboard .item-con .product-item {
        background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

.errSpn {
    color: rgba(255,0,0) !important;
    width: auto !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500;
}

/******SCHOOL LIST PAGE******/
.sclLst {
    width: 100%;
    float: left;
    /*margin: 70px 0 0 0;*/
    margin: 20px 0 0 0;
}

.slctBrd {
    width: 100%;
    float: left;
}

/******ADD STUDENT******/
.genderTbl tbody tr td {
    width: auto;
    display: inline-block;
    margin: 0 40px 0 0;
}

    .genderTbl tbody tr td input {
        margin: 0 4px 0 0;
    }
/******ADD QUESTION*****/
#ContentPlaceHolder1_pnlmcq table,
#ContentPlaceHolder1_pnltruefalse table,
#ContentPlaceHolder1_pnlfill table {
    width: 100% !important;
}

.mcqLbl label,
.lbl1 label {
    font-size: 17px;
    margin: 0 7px 0 3px;
    color: #67757c;
    font-weight: 550;
    font-family: sans-serif;
}

.mcq-txt {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

.mcqLbl {
    width: 100%;
    float: left;
    margin: 24px 0 -14px 0;
}
/******LOGIN PAGE START HERE*****/
body.loginfom {
    background: #f2f2f2;
    background-image: url("../images/bg.jpg");
}

.input-field {
    width: 100%;
    float: left;
    /*background: #f8f8f8 none repeat scroll 0 0;*/
    position: relative;
    /*margin-bottom: 20px;*/
}

    .input-field input[type="email"],
    .input-field input[type="text"],
    .input-field input[type="password"] {
        width: 100%;
        padding: 20px;
        margin: 20px 0;
        border-radius: 50px;
        border: none;
        outline: none;
        font-size: 18px;
        box-shadow: 0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);
        background: transparent;
        color: #463838;
    }

    .input-field input:focus {
        box-shadow: inset 0px -6px 10px white, inset 0px 4px 15px rgba(0, 0, 0, 0.15);
    }

.icn {
    color: #909090;
    font-size: 30px;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.login-btn {
    background: #0942c4 none repeat scroll 0 0 !important;
    border: medium none;
    color: #ffffff;
    margin: 0;
    font-family: sans-serif;
    padding: 10px 0 10px 0;
    width: 100%;
    font-weight: 550;
    font-size: 18px;
}

.forGot {
    width: 100%;
    float: left;
    /*border-top: 1px solid rgba(0,0,0,.2);*/
    margin: 15px 0 0 0;
}

#loginMn {
    width: 100%;
    float: left;
    text-align: center;
    transition: all .4s ease-in-out;
}

#forgot_div {
    display: none;
}

#forOTP_div {
    display: none;
}

section#forOTP_div,
section#forgot_div,
section#login_div {
    background: #f2f2f2;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    border-radius: 20px;
    box-shadow: 0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);
}

#forOTP_div input[type="text"],
#forgot_div input[type="text"],
#login_div input[type="text"],
#forgot_div input[type="password"],
#forOTP_div input[type="password"],
#login_div input[type="password"] {
    width: 100%;
    padding-left: 18px;
    font-size: 18px;
}

#forOTP_div .change_link,
#forgot_div .change_link,
#login_div .change_link {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 18px;
    font-weight: 500;
    font-family: sans-serif;
    transition: all .3s ease-in-out;
    color: #868686;
}

    #forOTP_div .change_link input[type="submit"],
    #forgot_div .change_link input[type="submit"],
    #login_div .change_link input[type="button"] {
        background: none;
        border: none;
        font-size: 17px;
        cursor: pointer;
        font-family: sans-serif;
        text-decoration: underline;
        font-weight: 600;
        color: #0942c4;
    }

.forgot-hdr,
.login-hdr {
    width: 100%;
    float: left;
    /*background: #1e88e5;*/
    /*padding: 10px 0 10px 0;*/
}

    .forgot-hdr h2,
    .login-hdr h2 {
        font-size: 21px;
        text-align: center;
        margin-bottom: 40px;
        color: var(--primary-color);
        letter-spacing: 3px;
    }

.forgot-body,
.login-body {
    width: 100%;
    float: left;
    padding: 35px;
}

.formBtn {
    width: 100%;
    float: left;
    padding: 15px 0 10px 0;
}

    .formBtn .CnclBtn {
        border-radius: unset;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        padding: 5px 15px 5px 15px;
    }

.loginBtn {
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 22px;
    box-shadow: 0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);
    /*background: transparent;*/
    /*color: #6c6161;*/
    background: var(--primary-color);
    color: #fff;
    font-family: sans-serif;
}

/*.loginBtn:focus {
    box-shadow: inset 0px -6px 10px white, inset 0px 4px 15px rgba(0, 0, 0, 0.15);
}*/
/******SCHOOL REGISTERATION*****/
#ContentPlaceHolder1_Calendar1,
#ContentPlaceHolder1_Calendar2 {
    margin: 41px 0 0 0px !important;
}

.Rspnsv-log {
    display: none;
}
/******VIEW QUESTION******/
.tpBtns {
    width: 100%;
    float: left;
    padding: 0 0 18px 0;
}

    .tpBtns btn.active {
        background: #fff !important;
        border: 1px solid rgba(0,0,0,.12);
    }

.pndngBtn,
.vrfyBtn {
    color: #fff;
    font-family: 'Poppins';
    font-size: 15px;
    padding: 7px 10px 7px 10px;
    font-weight: 550;
    background: var(--primary-color);
}

    .pndngBtn.active:hover,
    .vrfyBtn.active:hover {
        color: var(--primary-color);
    }

    .vrfyBtn.active {
        background: #fff;
        border: 1px solid var(--primary-color);
        color: var(--primary-color);
    }

    .pndngBtn:hover,
    .vrfyBtn:hover {
        color: #fff;
    }

/*.pndngBtn {
    background: #ec382f;
}

.vrfyBtn {
    background: #42995c;
}*/

.rcrd-tbl {
    width: 100%;
}

/*****POPUP DESIGN*****/
.modal {
    z-index: 1050000000;
    background: rgba(0,0,0,.6);
}

    .modal .modal-header {
        background: var(--primary-color);
    }

        .modal .modal-header h4 {
            color: #fff;
            font-size: 20px;
            font-family: 'Poppins_Regular';
            font-weight: 550;
        }

    .modal .modal-body {
        text-align: center;
    }

        .modal .modal-body p {
            font-size: 20px;
            margin: 0;
            font-weight: 500;
            font-family: 'Poppins_Regular';
        }

.mdlYesBtn {
    background: var(--primary-color) !important;
    color: #fff !important;
    font-family: 'Poppins_Regular';
}

.mdlNoBtn {
    background: #fc4b6c;
    color: #fff;
    font-family: 'Poppins_Regular';
}

    .mdlYesBtn:hover,
    .mdlNoBtn:hover {
        color: #fff;
    }

/*****TEACHER REGISTRATION******/
.frm-chkBx tbody tr td label {
    display: inline-block;
    font-size: 15px;
    margin: 0 0 0 3px;
}

.Qus-lbl {
    width: 100%;
    float: left;
    margin: 0 0 5px 0;
    font-family: 'Poppins_Light';
}

    .Qus-lbl label {
        font-family: 'Poppins_Regular';
        font-size: 15px;
        font-weight: 500;
    }

.verifyBtn {
    background: #42995c;
    color: #fff;
    font-family: 'Poppins_Regular';
}

    .verifyBtn:hover {
        color: #fff;
    }

.Qus-btn {
    width: 100%;
    float: left;
    text-align: right;
}

/******ALLOCATE RESOURCE******/
.aloctResrc-tbl {
    width: 100%;
    margin: 0 0 15px 0;
    float: left;
    border: 1px solid rgba(0,0,0,.12);
}

    .aloctResrc-tbl .accordion-button {
        padding: 0 10px 12px 0;
        font-weight: 500;
        font-family: sans-serif;
        font-size: 17px;
    }

        .aloctResrc-tbl .accordion-button:focus {
            outline: unset !important;
            border-color: unset !important;
            box-shadow: unset;
        }

.accordion-button:not(.collapsed) {
    color: #000;
    background: #f3f3f3;
    box-shadow: unset;
}

.accBdy-tbl {
    width: 100%;
    float: left;
    margin: 0 0 0 10px;
}

    .accBdy-tbl tr:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,.12);
    }

    .accBdy-tbl tr td {
        padding: 7px 0 11px 0;
    }

        .accBdy-tbl tr td label {
            margin: 0 0 0 10px;
            color: #000;
            font-family: sans-serif;
            font-size: 15px;
            font-weight: 500;
        }

.accordion-subject {
    background: #f3f3f3;
    width: 100%;
    float: left;
}

    .accordion-subject input {
        width: 2%;
        display: inline-block;
        /*margin: 0 0 0 12px;*/
    }

    .accordion-subject button {
        display: inline-flex;
        width: 95%;
        background: #f3f3f3;
    }
/******ADMIN TEACHER******/
.sub-btn {
    margin: 0 !important;
    text-align: left !important;
}

    .sub-btn a:hover {
        color: #000 !important;
    }

.sub-tbl {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

.addBtn {
    float: right;
    background: #fff;
    color: var(--primary-color);
    padding: 2px 10px 2px 10px;
    font-family: poppins;
    font-size: 18px;
    transition: all .3s ease-in-out;
    font-weight: 550;
    margin: 9px 0 0 0;
}

    .addBtn:hover {
        color: #fff;
        border: 1px solid #fff;
        background: transparent;
    }

.btn-dark {
    margin: 0 0 5px 0;
    transition: all .3s ease-in-out;
}

    .btn-dark:hover {
        background: #fff;
        color: #212529;
        border: 1px solid #212529;
    }

#aTeac-lft {
    width: 100%;
    float: left;
    order: 1;
}

#aTeac-ryt {
    width: 100%;
    float: left;
    order: 2;
}

#rspnsv-tbl {
    display: none;
}

.admnTecBtn {
    text-align: right;
}

.admnBtn {
    margin: 7% 0 0 0 !important;
    text-align: left !important;
}
/*****ADD RESOURCE*****/
.addRChkbox tr {
    display: inline-block;
    margin: 0 20px 0 0;
}

.addRChkbox label {
    margin: 0 0 0 7px;
}

/******ADD TEACHER******/
.aLft {
    display: flex;
    order: 1;
}

.aRyt {
    display: flex;
    order: 2;
}

.errMn .errSpn {
    margin: 0 0 0 17%;
}

/*******ANIMATION START HERE*******/
#mainmenu li:nth-child(1) {
    animation-delay: 0.1s;
}

#mainmenu li:nth-child(2) {
    animation-delay: 0.2s;
}

#mainmenu li:nth-child(3) {
    animation-delay: 0.3s;
}

#mainmenu li:nth-child(4) {
    animation-delay: 0.4s;
}

#mainmenu li:nth-child(5) {
    animation-delay: 0.5s;
}

#mainmenu li:nth-child(6) {
    animation-delay: 0.6s;
}

/*****STUDENT DASHBOARD******/
#myTab .nav-link {
    color: rgba(0,0,0,.8);
    font-weight: 550;
    font-family: sans-serif;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    font-weight: 550 !important;
}

.viewBtn {
    width: auto;
    float: right;
    margin: 14px 40px 4px 20px;
    background: unset;
    border: 2px solid var(--primary-color);
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 550;
    font-family: sans-serif;
    padding: 3px 7px 3px 6px;
    border-radius: 5px;
}

/******SCHOOL PROFILE*******/
.updatePrfl {
    width: 100%;
    float: left;
    border: 1px solid rgba(0,0,0,.12);
    text-align: center;
    padding: 20px 10px;
    border-radius: 8px;
}

.usrImg1 {
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid rgba(0,0,0,.4);
    border-radius: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

    .usrImg1 img {
        width: 100%;
        height: 100%;
    }

.usrName1 {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
    border: 2px dashed rgba(0,0,0,.3);
    margin: 20px 0 0 0;
}

    .usrName1 h5 {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        font-family: sans-serif;
    }

    .usrName1 a {
        color: #0942c4;
        font-size: 18px;
        font-weight: 500;
        font-family: sans-serif;
        border: 1px solid #0942c4;
        padding: 4px 4px 4px 4px;
    }

        .usrName1 a.uploadBtn {
            color: #fff;
            padding: 10px 20px 10px 20px;
        }

            .usrName1 a.uploadBtn i {
                margin: 0 5px 0 0;
            }

.edtPrfl {
    width: 25px;
    height: 25px;
    display: block;
    background: #0942c4;
    border-radius: 50%;
    position: relative;
    top: 45%;
    left: 59%;
}

    .edtPrfl i {
        color: #fff;
        font-size: 13px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.sclPrfl-lft {
    display: flex;
    order: 1;
}

.sclPrfl-ryt {
    display: flex;
    order: 2;
    height: 100%;
}

/*******TEACHER CREATE TEST*********/
.chptrChckLst label {
    margin: 0 0 0 6px;
}

.TimeSelector {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    border-radius: 5px;
}

    .TimeSelector table {
        width: 100%;
        float: left;
        border: 1px solid rgba(0,0,0,.12) !important;
        border-radius: 5px !important;
    }

        .TimeSelector table td {
            vertical-align: middle !important;
        }

            .TimeSelector table td:nth-child(2) {
                float: right;
                margin: 0 10px 0 0;
            }

                .TimeSelector table td:nth-child(2) img {
                    height: 12px;
                }

            .TimeSelector table td input {
                height: unset !important;
                margin: 0 0 0 7px;
                text-align: center;
                border-bottom: 1px solid rgba(0,0,0,.12) !important;
                border-top: 1px solid rgba(0,0,0,.12) !important;
                border-left: 1px solid rgba(0,0,0,.12) !important;
                border-right: 1px solid rgba(0,0,0,.12) !important;
                width: 30px !important;
                padding: 5px 0 5px 0;
            }

.divTypeQues {
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 5px;
    padding: 5px 10px 7px 10px;
}

    .divTypeQues span {
        font-size: 15px;
    }

    .divTypeQues .form-select {
        display: inline-block !important;
        width: 20%;
        margin: 0 0 0 20px;
    }

.slctAll label {
    margin: 0 0 0 8px;
}

.quesLst {
    width: 100%;
    float: left;
}

    .quesLst ol {
        width: 100%;
        float: left;
        margin: 0;
    }

    .quesLst label {
        margin: 0 0 0 5px;
    }

.Ques input {
    width: 15px;
}

.Ques label {
    margin: 0 0 0 5px;
    /*text-align: justify;*/
    width: 97%;
    display: inline-block;
    /*vertical-align: top;*/
}

.answer {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}
/*****TEACHER-VIEW-PUBLISHED******/
.ansLst li label {
    margin: 0 0 0 5px;
}

.marks {
    width: 100%;
    float: left;
}

    .marks span {
        font-size: 15px;
    }

/*.showTime {
    width: 100%;
    float: left;
    background: #333333;
    padding: 5px 10px 7px 10px;
}

.showTime span {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
}
.Obj-test{
    width:100%;
    float:left;
    border:1px solid rgba(0,0,0,.12);
}
.quesNo{
            
}*/

/******OBJECIVE TEST******/
.JavaTest {
    width: 100%;
    float: left;
}

.JavaTestTp {
    width: 100%;
    float: left;
    background: #333333;
    padding: 7px 10px;
}

    .JavaTestTp span {
        color: #fff;
        font-weight: 500;
        font-size: 17px;
    }

.JavaTestMdl {
    width: 100%;
    float: left;
    padding: 8px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0 15px 0;
}

.JavaTestMdlLft {
    float: left;
    width: 80%;
    padding: 10px 0 0 0;
}

    .JavaTestMdlLft ul {
        padding: 0;
    }

.JavaTestMdlRt {
    float: right;
    width: 20%;
    background: #f5f5f5;
    padding: 10px 0 8px 13px;
    margin: 0 0 20px 0;
}

.JavaTestMdlLft2 span.QuesNo span {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    margin: 5px;
    font-weight: bold;
    padding: 8px 0 0 0;
}

.JavaTestMdlLft2 span span input {
    border: none !important;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 0 5px 0;
}

.JavaTestMdlRt {
    float: right;
    width: 100%;
    background: #f5f5f5;
    padding: 10px 0 8px 13px;
    margin: 20px 0 20px 0;
}

    .JavaTestMdlRt ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

        .JavaTestMdlRt ul li {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
            list-style: none;
        }

            .JavaTestMdlRt ul li .NmbrLft {
                float: left;
                width: 40px;
                height: 40px;
                text-align: center;
                padding: 8px 0 0 0;
            }

            .JavaTestMdlRt ul li:nth-child(1) .NmbrLft {
                border: 1px solid #cccccc;
            }

            .JavaTestMdlRt ul li:nth-child(2) .NmbrLft {
                background: #3D9F4D;
                color: #fff;
            }

            .JavaTestMdlRt ul li:nth-child(3) .NmbrLft {
                background: #da1711;
                color: #fff;
            }

            .JavaTestMdlRt ul li .NmbrRt {
                float: left;
                width: 80%;
                padding: 8px 0 0 10px;
            }

                .JavaTestMdlRt ul li .NmbrRt span {
                    font-size: 17px;
                    font-weight: 500;
                }

.JavaTestMdlBtm {
    width: 100%;
    float: left;
    padding: 10px 0 10px 20px;
    border-top: 2px solid rgba(0,0,0,.4);
}

.cstTblRdo1List {
    list-style: none;
    padding: 0;
}

.cstTblRdo_1 ol li {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

    .cstTblRdo_1 ol li input {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        margin-right: 6px;
    }

    .cstTblRdo_1 ol li label {
        max-width: 95%;
        display: inline-block;
        vertical-align: middle;
        font-size: 17px;
    }

.cstTblRdo_2 {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

.JavaTestMdlBtm .cstTblRdo_2 input {
    font-size: 18px;
    /*padding: 4px 25px 6px 25px;*/
    margin: 0 5px;
}

.JavaTestMdlBtm .NoteAnswr {
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
}

    .JavaTestMdlBtm .NoteAnswr span {
        color: #D10909;
        font-weight: bold;
    }

.Finish_Test_Btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

.cstTblRdo_2 input:nth-child(1) {
    padding: 4px 6px 7px 6px;
}

/******TEST-REVIEW PAGE******/
.divMarks,
.divQues {
    width: 100%;
    float: left;
    text-align: justify;
}

.quesLbl ol {
    margin: 0;
    text-align: justify;
    padding: 0;
}

    .quesLbl ol span label {
        margin: 0 0 0 5px;
    }

.divMarks {
    text-align: right;
}

.tstName {
    font-size: 22px;
}

.quesLbl span {
    text-align: justify;
}

.quesLbl ol li input {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.quesLbl ol li label {
    width: 90%;
    display: inline-block;
    vertical-align: top;
}

/*******LOADER image******/
#ContentPlaceHolder1_imgUpdateProgress {
    transform: translate(-50%,-50%);
    width: 90px;
    left: 50% !important;
    top: 50% !important;
}
/******* TEACHER view RESULT******/
.testHdng {
    font-weight: 550;
    text-transform: capitalize;
    font-size: 25px;
}

.teachLbl {
    background: #5cbd78;
    padding: 10px 10px;
    color: #fff;
    text-align: center;
}

    .teachLbl span {
        font-weight: bold;
    }

.userName .col-xxl-2 {
    padding: 0 0 0 0;
}

.HdngLbl {
    padding: 10px 0 10px 0;
    text-align: center;
    border: 1px solid rgba(0,0,0,.12);
}

.studAns {
    text-align: center;
}
/*******VIEW SUBJECTIVE RESULT PAGE START HERE********/
.remarkBox {
    border: 1px solid rgba(0,0,0,.24);
    padding: 2px 0 0 4px;
    height: 30px;
}

.MarksBox {
    border: 1px solid rgba(0,0,0,.24);
    padding: 2px 0 0 4px;
    width: 60px;
}

/******ATTENDANCE PAGE START HERE*******/
.Attendance {
    width: 100%;
    float: left;
}

    .Attendance .tcrTst {
        margin: 30px 0 18px 0;
    }

.AttndBtn {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 0 0 27px 0;
}

.Attendance .frmRpt {
    margin: 31px 0 20px 0;
}

.studAttend {
    width: 100%;
}

    .studAttend tbody tr {
        border: unset;
    }

        .studAttend tbody tr td input {
            margin: 0 3px 0 0;
        }

/*.AttendRprt select {
    margin: 0 16px 0 14px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 5px !important;
    width: 47% !important;
}*/

.monthRprt {
    width: 100%;
    float: left;
}

    .monthRprt .showData {
        margin: 30px 0 0 0;
    }
/*****VIEW-USER PAGE STAR HERE*****/
.view-user {
    width: 100%;
    float: left;
}

.quesSec {
    width: 100%;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.qSecHdr {
    width: 100%;
    float: left;
    background: #5cbd78;
    padding: 11px 0 4px 0;
}

.chName,
.bkName {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Poppins';
}

.bkName {
    font-size: 28px;
    color: rgba(0,0,0,.7);
    font-family: 'Poppins';
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.chName {
    color: #fff;
    font-size: 19px;
    font-weight: 550;
}

.qSecBdy {
    width: 100%;
    float: left;
    padding: 20px 15px 10px 15px;
}

    .qSecBdy ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }

        .qSecBdy ul li {
            width: 100%;
            float: left;
            background: #f3f3f3;
            list-style: none;
            padding: 10px 0 10px 13px;
            margin: 0 0 15px 0;
        }

            .qSecBdy ul li a {
                color: #000;
                font-weight: 550;
                font-size: 16px;
                width: 100%;
                float: left;
            }
/*****STUDENT PRACTICE TEST PAGE START HERE*******/
.stud-prcts-inr {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow-x: hidden;
}

.stud-prcts-inrHdr {
    width: 100%;
    float: left;
    text-align: center;
    background: #5cbd78;
    padding: 6px 15px 6px 9px;
}

.backBtn {
    background: #fff;
    float: left;
    padding: 3px 7px 3px 6px;
    border-radius: 5px;
    color: var(--primary-color);
}

.stud-prcts-inrHdr h4 {
    color: #fff;
    font-weight: 550;
    font-size: 20px;
    margin: 0;
    font-family: 'Poppins';
}

.stud-prcts-inrHdr h4 span {
    margin: 3px 0 0 0;
    display: inline-block;
}

.stud-lrng-bdy {
    width: 100%;
    float: left;
    padding: 20px 10px 20px 15px;
}

    .stud-lrng-bdy table tbody tr td {
        color: #000;
    }

.radioTbl tbody tr td label {
    margin: 0 0 0 5px;
    color: #000;
}

.wrongAnsMsg {
    font-size: 18px;
    font-weight: bold;
    color: red;
}

.chptrName {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    padding: 25px 25px 0 25px;
}

    .chptrName ul {
        width: 100%;
        float: left;
        list-style: none;
        padding: 0;
    }

        .chptrName ul li {
            width: 100%;
            float: left;
            background: rgba(0,0,0,.05);
            margin: 0 0 10px 0;
            padding: 7px 0 8px 15px;
        }

            .chptrName ul li a {
                color: #000;
                font-weight: 550;
                width: 100%;
                float: left;
                cursor: pointer;
            }

.tstMdl .modal-body a {
    width: 100%;
    float: left;
    /*border: 2px solid #0942c4;*/
    border: 2px solid rgba(0,0,0,.12);
    background: #fff;
    padding: 30px 0 40px 0;
    border-radius: 10px;
}

.tstMdl .modal-body .BookImg {
    padding: 0 0 20px 0;
}

    .tstMdl .modal-body .BookImg img {
        width: 26%;
    }

.tstMdl .modal-body .BookBtn .mdlYesBtn {
    font-size: 14px;
    font-weight: 550;
}
/******STUDENT TEST TYPE PAGE START HERE********/
.studTst-type {
    width: 100%;
    float: left;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 10px 0 0 0;
    overflow-x: hidden;
}

.studTst-typeHdr {
    width: 100%;
    float: left;
    text-align: center;
    background: #0942c4;
    padding: 5px 15px 5px 15px;
}

    .studTst-typeHdr .backBtn {
        padding: 1px 7px 3px 6px;
    }

        .studTst-typeHdr .backBtn i {
            margin: 0 5px 0 0;
        }

    .studTst-typeHdr h4 {
        color: #fff;
        font-weight: 550;
        font-size: 20px;
        margin: 0;
    }

.studTst-typeBdy {
    width: 100%;
    float: left;
    padding: 28px 30px 10px 30px;
}

    .studTst-typeBdy ul {
        width: 100%;
        float: left;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .studTst-typeBdy ul li {
            width: 100%;
            float: left;
            background: #f3f3f3;
            list-style: none;
            padding: 10px 0 10px 13px;
            margin: 0 0 15px 0;
        }

            .studTst-typeBdy ul li a {
                color: #000;
                font-weight: 550;
                font-size: 16px;
                width: 100%;
                float: left;
            }
/*****NEW CODE START HERE*****/

.matchtable th,
.matchtable td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.matchtable tbody tr {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.slctChptr span:nth-child(1) {
    font-weight: bold;
}

.slctChptr span {
    font-size: 19px;
}

.frac {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}

    .frac > span {
        display: block;
        padding: 0.1em;
    }

    .frac span.bottom {
        border-top: thin solid black;
    }

    .frac span.symbol {
        display: none;
    }
/******NEW CODE END HERE******/
/******YEARLY ATTENDANCE REPORT PAGE START HERE******/
.subTtl {
    font-family: 'Poppins';
    text-align: left;
    font-weight: 500;
    font-size: 26px;
    color: #4e5150;
    padding: 10px 10px;
    border-top: 2px solid #5cbd78;
    border-bottom: 2px solid #5cbd78;
}

.eyeInput {
    width: 95% !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.eyeIcon {
    border: 1px solid rgba(0,0,0,.12);
    text-align: center;
    padding: 9px 0 0 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    cursor: pointer;
}



/******HOME PAGE code START HERE******/
.header_tp {
    width: 100%;
    float: left;
    background: #0942c4;
    padding: 5px 0;
}

.header_Tp_Dta {
    width: 100%;
    float: left;
    padding: 0 0 5px 0;
}

    .header_Tp_Dta ul {
        float: right;
        width: 37%;
        position: relative;
        list-style: none;
        margin: 0;
    }

        .header_Tp_Dta ul li {
            float: left;
            margin: 0 0 0 10%;
        }

            .header_Tp_Dta ul li a {
                color: #fff;
                font-size: 16px;
                font-weight: 500;
            }

.header_Btm {
    float: left;
    width: 100%;
    background: #fff;
    padding: 5px 0;
    -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
}

    .header_Btm.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        padding: 10px 0 8px 0;
        padding: 0;
        z-index: 999;
    }

.header_BtmLft {
    float: left;
    width: 100%;
    margin: 4px 0 0 0;
}

    .header_BtmLft a img {
        width: 13%;
    }

    .header_BtmLft span {
        font-size: 23px;
        font-family: sans-serif;
        font-weight: 550;
        color: #0942c4;
        margin: 0 0 0 5px;
    }

        .header_BtmLft span label {
            color: #fc596a;
        }

.header_BtmRt {
    float: left;
    width: 100%;
}

    .header_BtmRt nav {
        float: right;
        background: transparent !important;
    }

        .header_BtmRt nav.navbar-light .navbar-nav li {
            position: relative;
        }

        .header_BtmRt nav.navbar-light .navbar-nav .nav-item {
            margin: 0 0 0 20px;
            color: #000;
            font-size: 18px;
            font-weight: 550;
        }

/*******ABOUT US SECTION START HERE********/
/*.aboutUs {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 30px 0 50px 0;
}

.aboutUsGrd {
    display: flex;
}

    .aboutUsGrd .col-xxl-8 {
        order: 1;
    }

    .aboutUsGrd .col-xxl-4 {
        order: 2;
    }

.aboutUs-txt {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

    .aboutUs-txt ul {
        width: 100%;
        float: left;
        text-align: left;
        padding: 0;
    }

        .aboutUs-txt ul li {
            font-size: 20px;
            font-family: sans-serif;
            list-style: none;
            margin: 0 0 15px 0;
        }

.aboutUs-txtLft {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
}

    .aboutUs-txtLft img {
        width: 60%;
    }

.aboutUs-txtRyt {
    width: 78%;
    display: inline-block;
    vertical-align: middle;
}

.sectionHdng {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 20px 0;
}

    .sectionHdng h2 {
        width: 100%;
        float: left;
        color: #0942c4;
        font-family: sans-serif;
        font-weight: 550;
        position: relative;
    }

        .sectionHdng h2:after {
            position: absolute;
            content: '';
            height: 3px;
            width: 113px;
            background-color: #ff007d;
            bottom: 18px;
            left: 50%;
            transform: translateX(-50%);
            bottom: -5px;
        }

.aboutUs-txt p {
    width: 100%;
    float: left;
    color: #000;
    font-family: sans-serif;
    font-size: 23px;
    letter-spacing: 0.4px;
    line-height: 27px;
    margin: 0;
    text-align: justify;
}

.aboutUs-Img {
    width: 100%;
    float: left;
    margin: -4px 0 0 0;
}

    .aboutUs-Img img {
        width: 85%;
    }*/
/*******WHY CHOOSE US SECTION START HERE******/
/*.chooseUs {
    width: 100%;
    float: left;
    padding: 30px 0 40px 0;
    background-image: url('../images/bg2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.chooseUs-Txt {
    width: 100%;
    float: left;
    margin: 60px 0 70px 0;
}

.chooseTxt-Mn {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    background: rgba(255,255,255,.8);
    border-radius: 5px;
    transition: all .3s ease-in-out;
    transform: scale(1.0);
}

    .chooseTxt-Mn:hover {
        transform: scale(0.9);
    }

.chooseUsTxt-lft {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
}

    .chooseUsTxt-lft img {
        width: 75%;
    }

.chooseUsTxt-ryt {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
}

    .chooseUsTxt-ryt span {
        color: #0f44c1;
        font-weight: bold;
        font-size: 20px;
        font-family: sans-serif;
    }*/
/*******WHY CHOOSE US SECTION END HERE******/
/*******TEACHER SECTION START HERE*******/
.teachSection {
    width: 100%;
    float: left;
    padding: 40px 0 30px 0;
    background: #f3f3f3;
}

.teachSection-Txt {
    width: 100%;
    float: left;
}

.single-tes-part {
    width: 95%;
    float: left;
    padding: 15px;
    border-right: 4px solid #0942c4;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px 0 rgba(19, 168, 116, 0.2);
    box-shadow: 0 5px 20px 0 rgba(19, 168, 116, 0.2);
    background: #fff;
}

    .single-tes-part::before {
        position: absolute;
        content: "";
        top: -23px;
        left: -45px;
        width: 72px;
        height: 58px;
        transform: rotate(-45deg);
        background: #3264f5;
        background: linear-gradient(to top, #0942c4 0%, rgba(84, 0, 142, 0.72) 100%);
    }

    .single-tes-part::after {
        position: absolute;
        content: "";
        bottom: -39px;
        left: -39px;
        width: 72px;
        height: 58px;
        transform: rotate(-45deg);
        background: #3264f5;
        background: linear-gradient(to top, #0942c4 0%, rgba(84, 0, 142, 0.72) 100%);
    }

    .single-tes-part .img-partMn {
        width: 80px;
        height: 78px;
        margin: 40px auto 50px;
        border-right: dashed 5px #0942c4;
        border-bottom: solid 5px #0942c4;
        border-radius: 100%;
        padding-left: 9px;
        padding-top: 7px;
        margin-right: 20px;
        float: left;
    }

.marqueDiv {
    width: 100%;
    display: block;
    background: rgba(0,0,0,.12);
    padding: 5px 0 5px 0;
    margin: 22px 0 0 0;
}

    .marqueDiv span {
        color: red;
        font-family: sans-serif;
        font-weight: 550;
    }

.single-tes-part .img-part {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    float: left;
    background: #f3f3f3;
    border: 1px solid rgba(0,0,0,.12);
    padding-top: 4px;
}

    .single-tes-part .img-part img {
        border-radius: 50%;
        float: left;
    }

.talk-part {
    overflow: hidden;
}

    .talk-part p {
        text-align: justify;
    }

    .talk-part h3 {
        color: #0942c4;
    }

        .talk-part h3 span {
            color: #ff5c68;
            font-style: italic;
            font-weight: bold;
        }

.teachSection-Txt .owl-nav {
    display: none !important;
}

.teachSection-Txt .owl-dots {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
}

.teachSection-Txt .owl-dot {
    width: 15px;
    height: 15px;
    border: 1px solid #0942c4 !important;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

    .teachSection-Txt .owl-dot.active {
        background: #0942c4 !important;
    }

.teachSection-Txt .owl-carousel .owl-stage-outer {
    margin: 60px 0 70px 0;
}

/****** CONTACT US SECTION START HERE ******/
.contactUs {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
}

.contactUs-Txt {
    width: 100%;
    float: left;
    margin: 40px 0 60px 0;
}

.contact-box {
    width: 100%;
    float: left;
    padding: 12px 15px 10px 16px;
    height: 150px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    transform: scale(1.0);
}

    .contact-box:hover {
        transform: scale(0.9);
    }

    .contact-box h3 {
        font-size: 20px;
        font-weight: 550;
        font-family: sans-serif;
        text-align: center;
        color: #0942c4;
    }

.contactFrm {
    width: 100%;
    float: left;
}

    .contactFrm .form-group {
        width: 100%;
        float: left;
        margin: 0 0 25px 0;
    }

    .contactFrm .form-control {
        width: 100%;
        float: left;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
        background: #f4f8f7;
        border: none;
        padding: 15px 2px 15px 15px;
        transition: linear .4s ease-in-out;
    }
/********/

/*********/
/*.form-control:focus{
        box-shadow: unset!important;
    }
    .focus-border::before,
    .focus-border::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #4caf50;
        transition: 0.4s;
    }
    .contactFrm .focus-border:after {
        top: auto;
        bottom: 0;
    }

    .contactFrm .focus-border i:before,
    .contactFrm .focus-border i:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 2px;
        height: 0;
        background-color: #4caf50;
        transition: 0.6s;
    }

    .contactFrm .focus-border i:after {
        left: auto;
        right: 0;
    }

    .contactFrm:focus .focus-border:before,
    .contactFrm:focus .focus-border:after {
        left: 0;
        width: 100%;
        transition: 0.4s;
    }

.contactFrm:focus .focus-border i:before,
.contactFrm:focus .focus-border i:after {
    top: 0;
    height: 100%;
    transition: 0.6s;
}*/

.contactUs-btn {
    text-align: right;
}

    .contactUs-btn .custom-btn {
        width: 130px;
        height: 40px;
        color: #fff;
        padding: 10px 0;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        display: inline-block;
        box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
        outline: none;
    }

.submitBtn {
    padding: 0;
    border: none;
    background: #0942c4;
}

    .submitBtn span {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: 550;
    }

    .submitBtn:before,
    .submitBtn:after {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        background: #0942c4;
        box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
        transition: all 0.3s ease;
    }

    .submitBtn:before {
        height: 0%;
        width: 2px;
    }

    .submitBtn:hover:before {
        height: 100%;
    }

    .submitBtn:after {
        width: 0%;
        height: 2px;
    }

    .submitBtn:hover {
        color: #0942c4;
        background: transparent;
    }

.btn-7:hover:before {
    height: 100%;
}

.submitBtn:hover:after {
    width: 100%;
}

.submitBtn span:before,
.submitBtn span:after {
    position: absolute;
    content: "";
    left: 0;
    top: -10px;
    background: #0942c4;
    box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
    transition: all 0.3s ease;
}

.submitBtn span:before {
    width: 2px;
    height: 0%;
}

.submitBtn span:after {
    height: 2px;
    width: 0%;
}

.submitBtn span:hover:before {
    height: 40px;
}

.submitBtn span:hover:after {
    width: 100%;
}
/*****FOOTER START HERE******/
footer {
    width: 100%;
    float: left;
    background: #3b3b3b;
    padding: 40px 0 0 0;
}

.footerLft {
    width: 100%;
    float: left;
}

    .footerLft img {
        width: 18%;
    }

.footerLft-txt {
    font-family: sans-serif;
    font-size: 26px;
    color: #fc596a;
    font-weight: 550;
    margin: 0 0 0 7px;
}

    .footerLft-txt label {
        color: #fd92a0;
    }

.footerMd {
    width: 100%;
    float: left;
}

    .footerMd p {
        font-family: sans-serif;
        color: #fff;
        font-size: 18px;
        margin: 0;
    }

.footerRyt {
    width: 100%;
    float: left;
    text-align: center;
}

    .footerRyt p {
        font-family: sans-serif;
        color: #fff;
        font-size: 16px;
        margin: 0;
    }

    .footerRyt ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }

        .footerRyt ul li {
            /*
        list-style: none;
        height: 40px;
        width: 40px;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 50px;
        text-align: center;
        padding: 8px 0 0 0;
        margin: 0 0 0 5px;*/
            display: inline-block;
            list-style: none;
        }

            .footerRyt ul li a {
                /*color: #fff;
font-size: 20px;*/
                position: relative;
                width: 60px;
                height: 60px;
                display: block;
                text-align: center;
                margin: 0 10px;
                border-radius: 50%;
                padding: 6px;
                box-sizing: border-box;
                text-decoration: none;
                box-shadow: 0 10px 15px rgba(0,0,0,0.3);
                background: linear-gradient(0deg, #ddd, #fff);
                transition: .5s;
            }

                .footerRyt ul li a:hover {
                    box-shadow: 0 2px 5px rgba(255,255,255,0.3);
                    text-decoration: none;
                }

                .footerRyt ul li a i.fa {
                    width: 100%;
                    height: 100%;
                    display: block;
                    background: linear-gradient(0deg, #fff, #ddd);
                    border-radius: 50%;
                    line-height: calc(60px - 12px);
                    font-size: 24px;
                    color: #262626;
                    transition: .5s;
                }

            .footerRyt ul li:nth-child(1) a:hover .fa {
                color: #00aced;
            }

            .footerRyt ul li:nth-child(2) a:hover .fa {
                color: #e4405f;
            }

            .footerRyt ul li:nth-child(3) a:hover .fa {
                color: #3b5998;
            }

            .footerRyt ul li:nth-child(4) a:hover .fa {
                color: #007bb6;
            }

            .footerRyt ul li:nth-child(5) a:hover .fa {
                color: #e4405f;
            }

.footerHdr {
    font-size: 21px;
    color: #fff;
    font-family: sans-serif;
    font-weight: 550;
}

.footerBtm {
    width: 100%;
    float: left;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.2);
    padding: 10px 0 10px 0;
}

    .footerBtm p {
        color: #fff;
        font-family: sans-serif;
        font-size: 17px;
        font-weight: 500;
        margin: 0;
    }

/*****Toast Message Design Start Here*****/
/*.toast:not(.showing):not(.show) {
    opacity: 1 !important;
}

.toast {
    position: absolute;
    top: 25px;
    right: 30px;
    border-radius: 6px;
    background: #fff;
    padding: 20px 35px 20px 25px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-left: 8px solid var(--primary-color);
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.25, 1.35);
}

.toast.active {
    transform: translateX(0);
}

.toast-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.toast-check {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}

.message {
    display: flex;
    flex-direction: column;
    margin: 0 20px;
}

.message-text {
    font-size: 20px;
    font-weight: 600;
}

.text-1 {
    color: #333;
}

.text-2 {
    color: #666;
    font-weight: 400;
    font-size: 16px;
}

.toast-close {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px;
    cursor: pointer;
    opacity: 0.7;
}

.toast-close:hover {
    opacity: 1;
}



.progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #ddd;
}

.progress::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #40f467;
}

.progress.active::before {
    animation: progress 5s linear forwards;
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

.toast-btn {
    padding: 10px 40px;
    font-size: 20px;
    outline: none;
    border: none;
    background-color: #40f467;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
}

.toast-btn:hover {
    background-color: #0fbd35;
}
*/
/*****Manage Book title Page Start Here*****/
.frmRpt .manage_bkBtn {
    margin: 35px 0 0 0;
}

.mange_3Btn {
    text-align: left;
}

.studAttend1 {
    width: 100%;
    float: left;
}

    .studAttend1 tbody tr th,
    .studAttend1 tbody tr td {
        border: unset;
        padding: 10px 6px;
        text-align: center;
        font-family: 'Poppins_Regular';
        font-size: 15px;
        color: rgba(0,0,0,.8);
    }

        .studAttend1 tbody tr td input {
            margin: 0 3px 0 0;
        }