@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');


body {
    background-color: #F0F1F7;
    /* background-image: url('../images/pattern.png'); */
    margin: 0px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 28px;
}

/*================= Header Css ==========================*/

h2 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 600;
}

.cmptextarea {
    width: 20%;
    border-right: 1px solid #D15001
}

.header {
    background-color: #FF6709;
    height: 40px;
    border-bottom: 2px solid #D15001;
}

    .header table {
        width: 100%;
        height: 40px;
    }

.header_text {
    color: #222;
    font-size: 14px;
    font-weight: 500 !important;
    margin-top: 0px;
    text-align: center;
    margin-left: 12px;
}

.colthree {
    width: 40%
}

.loginname {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    text-align: right;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px
}

    .loginname a {
        text-decoration: none;
        color: #fff;
        font-size: 15px
    }



/*================= Middle Body Css ==========================*/

.form_wrapper {
    width: 99.5%;
    margin-top: 5px;
}

    .form_wrapper table {
        width: 100%;
    }

.menu_col {
    width: 14%;
    border-right: 1px solid #D15001;
    background-color: #FF6709
}

.menu_top_text {
    /*background-color:#669793; 7FB1AD*/
    background: transparent radial-gradient(ellipse at center center, #fff 0%, #FF6709 100%) repeat scroll 0% 0%;
    height: 30px;
    border: 1px solid #D15001;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-shadow: 0.06em 0.06em 0.06em #fff;
}

@media(max-width:480px){
    .content_wrapper {
        padding: 0px 1px!important;
        /* background-color: #fff; */
        /* min-height: 550px; */
        /* border-radius: 5px; */
    }
}

.content_wrapper {
    padding: 0px 15px;
    /* background-color: #fff; */
    /* min-height: 550px; */
    /* border-radius: 5px; */
}


/*==================== Footer ============================================ */

.footer {
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    padding: 10px 0;
}

    .footer .inner_footer {
        width: 100%
    }

        .footer .inner_footer table {
            width: 90%;
            margin-top: 5px;
            margin-left: 25px
        }

.top_foot {
    width: 100%;
    text-align: center;
    color: #FF6709
}

    .top_foot a {
        font-size: 11px;
        color: #000;
        text-decoration: none;
        text-align: left;
        font-weight: 400
    }

        .top_foot a:hover {
            color: #FF6709;
        }



/*==================== Time Table Print ============================================ */

.maincontainer {
    padding: 10px 10px 0px 10px
}

.schoolhead {
    background-color: #E9E6E6;
    height: 35px;
    border: 1px solid #C4C4C4;
    color: #4C4C4C;
    text-align: center;
    font-size: 15px
}

.classcol {
    width: 100%
}

    .classcol table {
        width: 100%;
        border: 1px solid #CCCCCC;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        font-family: 'Open Sans', sans-serif
    }

    .classcol .one_col {
        width: 16%;
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        text-align: left;
        padding-left: 5px;
        background-color: #E9E6E6
    }

    .classcol .two_col {
        width: 16%;
        border-bottom: 1px solid #CCCCCC;
        text-align: left;
        padding-left: 10px;
        border-right: 1px solid #CCCCCC;
        font-weight: 400
    }

    .classcol .three_col {
        width: 16%;
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        text-align: left;
        padding-left: 5px;
        background-color: #E9E6E6
    }

    .classcol .four_col {
        width: 16%;
        border-bottom: 1px solid #CCCCCC;
        text-align: left;
        padding-left: 10px;
        border-right: 1px solid #CCCCCC;
        font-weight: 400
    }

    .classcol .five_col {
        width: 16%;
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        text-align: left;
        padding-left: 5px;
        background-color: #E9E6E6
    }

    .classcol .six_col {
        width: 16%;
        border-bottom: 1px solid #CCCCCC;
        text-align: left;
        padding-left: 10px;
        font-weight: 400
    }

/*======================================OCT 30 2023 assingnment table =====================================================*/
.filter-flex {
    display: flex;
    justify-content: space-between;
}


/*newcss*/

.navbar {
    /* padding: 15px 10px; */
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 0px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.wrapper {
    width: 100%;
}

#sidebar {
    min-width: 242px;
    max-width: 300px;
    background: #EF5323;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  /*  background-image: url(../Images/sidebarbg.png);*/
    background-repeat: no-repeat;
    background-position: bottom left;
}

    #sidebar.active {
        margin-left: -242px;
    }

    #sidebar .logo {
        display: block;
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

        #sidebar .logo span {
            display: block;
        }

    #sidebar ul.components {
        padding: 0;
    }

    #sidebar ul li {
        font-size: 16px;
    }

        #sidebar ul li > ul {
            margin-left: 10px;
        }

            #sidebar ul li > ul li {
                font-size: 14px;
            }

        #sidebar ul li a {
            padding: 10px 0px;
            display: block;
            color: #ffffff;
            border-bottom: 1px solid #ff6e41;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
        }

        #sidebar ul li ul li a {
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            border: none;
        }

            #sidebar ul li ul li a:before {
                content: "\f1db";
                display: inline-block;
                font: normal normal normal 14px / 1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-size: 7px;
                bottom: 2px;
                position: relative;
                padding-right: 5px;
            }


        #sidebar ul li a i {
            margin-right: 10px;
        }

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

        #sidebar ul li.active > a {
            background: transparent;
            color: #f8b739;
        }

@media (max-width: 991.98px) {
    #sidebar {
        margin-left: -245px;
    }

        #sidebar.active {
            margin-left: 0;
        }
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991.98px) {
    #sidebarCollapse span {
        display: none;
    }
}

#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn.btn-primary {
    background: #f8b739;
    border-color: #f8b739;
}

    .btn.btn-primary:hover,
    .btn.btn-primary:focus {
        background: #ef5323 !important;
        border-color: #ef5323 !important;
        color: #fff;
    }

.footer p {
    color: rgba(255, 255, 255, 0.5);
}


.navbtn {
    background-color: #ef5323;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 3px 10px;
}

#sidebar ul .active-sidebar a {
    color: #fff;
}

.navdashboari {
    float: right;
    margin-top: 7px;
}


.userpic {
    margin-right: 20px;
    display: block;
    margin-left: 10px;
}

.eng {
    margin-right: 10px;
    margin-left: 10px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 12px;
}

.hdruser .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: 0px 0 32px 0px #ece9e9;
    border: none;
    min-width: 250px;
}

.hdruser .dropdown-item {
    color: #1e7ed6;
    font-size: 14px;
    line-height: 28px;
}

    .hdruser .dropdown-item img {
        margin-right: 10px;
    }

.hdruserdetail {
    padding: 10px 10px;
    border-bottom: 1px dotted #e8e8e8;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.hdruserimg {
    float: left;
    margin-right: 10px;
    display: inline-block;
}

    .hdruserimg img {
    }

.hdrudtext {
    font-size: 15px;
    float: left;
    display: inline-block;
    line-height: 20px;
}

    .hdrudtext span {
        color: #7C7A7A;
        display: block;
        font-size: 12px;
    }

.searchmodal {
}

.searchicon {
}

.searchmodal button {
    border: none;
    background: none;
    margin-top: 8px;
    cursor: pointer;
}

.hdrsearch {
    width: 100%;
}

    .hdrsearch input {
        border: 1px solid #ece9eb;
        font-size: 13px;
        width: 100%;
        padding: 3px 10px;
        border-radius: 3px;
        background-image: url(../img/searchiconbg.png);
        background-repeat: no-repeat;
        padding-left: 51px;
        font-weight: 300;
    }

.rulf {
    color: #7E7A7A;
    font-size: 14px;
}

ul.rulf-list {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    display: table;
}

    ul.rulf-list li {
        float: left;
        background-color: #f8f8f8;
        margin-right: 5px;
        padding: 5px 10px;
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 18px;
        border-radius: 5px;
        color: #515050;
    }

        ul.rulf-list li img {
            margin-left: 10px;
            cursor: pointer;
        }

ul.rulf-list2 {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    display: table;
    width: 100%;
}

    ul.rulf-list2 li {
        margin-right: 5px;
        padding: 7px 10px;
        font-size: 12px;
        margin-bottom: 4px;
        line-height: 18px;
        border-radius: 5px;
        border: 1px solid #f4f4f4;
        width: 100%;
        color: #515050;
    }

        ul.rulf-list2 li img {
            cursor: pointer;
            float: right;
            margin-top: 5px;
        }

.logowhite img {
    width: 200px;
}

.navbar-collapse.collapse {
    display: flex !important;
}


.notification {
    position: relative;
    width: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

    .notification i {
        position: relative;
        color: #000;
        top: 9px;
    }

    .notification .count {
        position: absolute;
        top: 1px;
        left: 6px;
        background-color: #189ea4;
        color: #fff;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        font-size: 11px;
        padding: 3px;
        line-height: 12px;
        text-align: center;
    }

.ndrop .dropdown-toggle::after {
    display: none;
}


.ndrop .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: 0px 0 32px 0px #ece9e9;
    border: none;
    min-width: 300px;
    max-width: 300px;
    padding: 15px;
}

ul.notifications-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.notifications-list li {
        font-size: 12px;
        margin-bottom: 10px;
        border-bottom: 2px dotted #efefef;
        line-height: 20px;
        padding-bottom: 10px;
        color: #5f5d5d;
    }

        ul.notifications-list li:last-child {
            border: none;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        ul .notifications-list li span {
            display: block;
            width: 25px;
            height: 25px;
            float: left;
            margin-bottom: 10px;
            border: 1px solid #f0f0f0;
            border-radius: 100%;
            padding: 2px 7px;
            font-size: 14px;
            margin-right: 10px;
            text-align: center;
            color: #189ea4;
            margin-top: 7px;
        }

.bodytext {
    background-color: #F0F1F7;
    padding: 15px;
}
@media(max-width:480px){
    .bodytext {
        background-color: #F0F1F7;
        padding: 15px 1px !important;
    }
    .whitebox {
        background-color: #fff;
        padding: 10px !important;
        border-radius: 5px;
        margin-bottom: 20px;
    }
}

.mcb-logo {
    width: 110px !important; /* smaller logo */
}

.contact-info span img {
    width: 16px;
    margin-right: 5px;
}

.rowend > div {
    margin-right: 25px; /* perfect gap between all sections */
}

.Parent {
    border-radius: 6px;
}

.social_icons li img {
    transition: 0.2s;
}

    .social_icons li img:hover {
        transform: scale(1.1);
    }

.company-name {
    color: #222;
    font-size: 18px;
    font-weight: 500 !important;
    margin-top: 0px;
    text-align: center;
}

.inputtext {
    width: 100%;
}

select.form-control:not([size]):not([multiple]) {
    /*height: 40px;*/
    border-radius: 5px !important;
}

ul.btnsinline {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.btnsinline li {
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

ul.hdrlist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

    ul.hdrlist li {
        float: left;
        margin-right: 16px;
        line-height: 34px;
    }

        ul.hdrlist li select {
            border: none;
            border-bottom: 1px solid #ccc;
        }

.role {
    padding: 4px 30px 15px;
    font-weight: 400;
    color: #535353;
    /* border-bottom: 1px solid #ededed; */
    /* margin: 0 15px; */
    font-size: 10px;
    background-color: #f7f7f7;
}

    .role span {
        font-size: 16px;
        font-weight: 400;
        color: #222;
        display: block;
        line-height: 14px;
    }

.schoolnametext {
    margin-top: 10px;
    margin-right: 15px;
    font-size: 14px;
}

.whiteboxborder {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border-left: 5px solid #1e7ed6;
}

.filterbox {
    background-color: #fff;
    padding: 10px 20px 5px;
    border-radius: 0 0 5px 5px;
    /* color: #fff; */
    border-top: 3px solid #1E7ED6;
    margin-bottom: 20px;
}

.labelup {
    line-height: normal;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    color: #000000;
    position: absolute;
    padding: 3px 6px;
    left: 14px;
    top: -8px;
    background-color: #fff;
    z-index: 100;
    line-height: 9px;
}

.filterselect {
    margin-top: 5px;
}

    .filterselect label {
    }

    .filterselect select {
        position: relative;
        height: 48px !important;
    }

.btn-filter {
    color: #fff;
    padding: 8px 50px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #1E7ED6;
    width: 100%;
    border: none;
    cursor: pointer;
    display: flex;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
}

    .btn-filter i {
        float: left;
        display: inline-block;
        margin-right: 10px;
        padding-top: 7px;
    }

    .btn-filter span {
        float: left;
        display: inline-block;
    }

    .btn-filter input {
        float: left;
        border: none;
        background: transparent;
    }

    .btn-filter:hover {
        text-decoration: none;
        background: #EF5323;
        color: #fff;
    }

.whitebox {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}


.tabletext .table td,
.tabletext .table th {
    padding: 10px;
    font-size: 12px;
    vertical-align: top;
    line-height: 20px;
}

.form-group #addRoute {
    display: flex;
}

.editicon {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0;
}

.downloadicon {
    float: left;
    margin-right: 10px;
}

.deleteicon {
    float: left;
}

.action-icons {
    display: flex;
}

.tablehdng {
    background-color: #1e7ed6;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

ul.btnssubctgrs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.btnssubctgrs li {
        float: left;
        margin-left: 10px;
    }

.btnssubcategory-active {
    color: #fff;
    padding: 1px 10px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-top: 0;
    background-color: #1e7ed6;
    transition: all 0.3s;
}

    .btnssubcategory-active:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d71bd;
    }

.btnssubcategory {
    color: #a2a0a0;
    padding: 1px 10px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-bottom: 15px;
    margin-top: 0;
    background-color: #ffffff;
    transition: all 0.3s;
}

    .btnssubcategory:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1e7ed6;
    }

.btnwithhdng {
    display: table;
    width: 100%;
}

    .btnwithhdng h2 {
        float: left;
        display: inline-block;
    }

.rightalign {
    display: inline-block;
    float: right;
}

.btnwithhdng h2 {
    font-size: 24px;
    margin: 0;
}

.breadcrumb-container {
}

    .breadcrumb-container .breadcrumb {
        padding: 0;
        margin-bottom: 20px;
        list-style: none;
        background-color: transparent;
        border-radius: 0;
    }

.breadcrumb > li {
    display: inline-block;
    font-size: 12px;
}

    .breadcrumb > li a {
        color: #1e7ed6;
    }

        .breadcrumb > li a:hover {
            color: #EF5323;
            text-decoration: none;
        }

.idcard {
    display: block;
}

    .idcard i {
        display: block;
        color: #000;
        font-size: 14px;
    }

ul.student-detail {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px;
}

    ul.student-detail li {
        font-size: 12px;
        float: left;
        display: inline-block;
        margin-right: 50px;
        line-height: 20px;
        border-left: 1px solid #c5c6c7;
        padding-left: 15px;
    }

        ul.student-detail li span {
            font-size: 16px;
            font-weight: 600;
            display: block;
            color: #1e7ed6;
        }


ul.student-detail2 {
    margin: 0;
    padding: 0;
    list-style: none;
    /* width: 100%; */
    display: flex;
    background-color: #fff;
    padding: 10px;
    text-align: right;
    float: right;
    margin-top: 10px;
}

    ul.student-detail2 li {
        font-size: 12px;
        float: right;
        display: inline-block;
        margin-right: 0;
        line-height: 20px;
        padding-left: 29px;
    }

        ul.student-detail2 li span {
            font-size: 16px;
            font-weight: 600;
            display: block;
            color: #1e7ed6;
        }


@media (min-width: 576px) {
    .editslamodel .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

.editslamodel .modal-header {
    background-color: #EF5323;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 7px 15px;
}

.editslamodel .close {
    color: #fff;
    opacity: .9;
}

    .editslamodel .close:focus,
    .editslamodel .close:hover {
        color: #6BDDE2;
    }

.editslamodel .form-control-file,
.editslamodel .form-control-range {
    border: 1px solid #ccc;
    font-size: 13px;
    border-radius: 3px;
}

.editslamodel .modal-content {
    border-radius: 0;
    background-color: #fff;
    padding: 0px;
    width: 700px;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-content-border {
    border: 1px solid #EF5323;
    margin: 20px;
    border-radius: 5px;
}


.btn3 {
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #1E7ED6;
    width: 100%;
    border: none;
    cursor: pointer;
}

    .btn3:hover {
        background: #EF5323;
    }

.editslamodel .close:focus,
.editslamodel .close:hover {
    color: #1E7ED6;
}

.pagination-content {
    float: left;
    display: inline-block;
}

.table-bottom {
    display: table;
    width: 100%;
}

.showing-result {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #757171;
}


.pagination-content .page-item.disabled .page-link {
    border: none;
    font-size: 13px;
    padding-left: 0;
}

.pagination-content .page-link {
    border: 1px solid #dee2e6;
    border: none;
    font-size: 13px;
}

.pagination-content .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2d87d9;
    border-color: #2d87d9;
    border-radius: 3px;
}

.pagination-content .page-link {
    color: #2d87d9;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border: navajowhite;
}



.hdng-select {
    display: table;
    width: 100%;
}

    .hdng-select h4 {
        float: left;
        display: inline-block;
    }

.selectright {
    display: inline-block;
    float: right;
    width: 56px;
    margin-bottom: 10px;
}

    .selectright select {
    }

    .selectright .form-control {
        line-height: 25px;
        height: 27px !important;
        padding: 3px;
    }

.search-el {
    width: 31%;
    float: left;
    margin-bottom: 10px;
}

.hdrsearch input {
    border: 1px solid #ece9eb;
    font-size: 13px;
    width: 100%;
    padding: 3px 10px;
    border-radius: 3px;
    background-image: url(../images/searchiconbg.png);
    background-repeat: no-repeat;
    padding-left: 51px;
    font-weight: 300;
}

.id_card {
    text-align: center;
    display: block;
    margin: 0 auto;
}

    .id_card img {
        width: 60%;
        margin: 10px 0;
        box-shadow: 0px 0px 22px 0px #f0eeee;
    }

.fileattach .form-control-file,
.fileattach .form-control-range {
    border: 1px solid #ccc;
    font-size: 13px;
    border-radius: 3px;
}

.attachpic {
    margin-bottom: 5px;
    border-radius: 5px;
}

h4 {
    font-size: 20px;
}

label {
    display: inline-block;
    margin-bottom: .3rem;
    font-size: 14px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #7d7d7d;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-radius: 0 !important;
}

.form-control {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}


.checkboxleft .form-check {
    padding-left: 0;
}

.checkboxleft input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin: 8px 0 0 10px;
}

h5 {
    font-size: 1.25rem;
    font-size: 18px;
}

.hdng5mp {
    width: 100%;
    padding: 5px 5px 0px 5px;
}

p.addresstag {
    font-size: 14px;
    color: #a7a4a4;
}

.addresscheckout {
}

    .addresscheckout .form-check {
        position: relative;
        display: block;
        padding-left: 0;
    }

    .addresscheckout .form-check-label {
        margin: 0 0 0 20px;
    }

    .addresscheckout input[type="radio"],
    .addresscheckout input[type="checkbox"] {
        margin: 8px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }

.filterbox h4 {
    margin: 5px 0 20px;
    font-weight: 400;
    font-size: 18px;
}


.btnfloatright {
    float: right;
}

.iconmr {
    margin-right: 5px;
}

.submit-btn:hover {
    text-decoration: none;
}

.width100 {
    min-width: 100px
}

.form-control {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

input {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}


.btn-filter2 {
    color: #fff;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #1E7ED6;
    width: auto;
    border: none;
    cursor: pointer;
    display: inline-flex;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
}
/* Only Advanced Search button different color */
.adv-search {
    background: #EF5323 !important; /* Green or any color you want */
}
    .btn-filter2 i {
        float: left;
        display: inline-block;
        margin-right: 10px;
        padding-top: 7px;
    }

    .btn-filter2 span {
        float: left;
        display: inline-block;
    }

    .btn-filter2 input {
        float: left;
        border: none;
        background: transparent;
    }

    .btn-filter2:hover {
        text-decoration: none;
        background: #EF5323;
        color: #fff;
    }

.addbtn {
}


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

.close {
    font-size: 2.5rem;
    font-weight: 500;
    opacity: .9;
}

.tabs-certificates {
}

    .tabs-certificates .nav-tabs {
        border-bottom: none;
    }

        .tabs-certificates .nav-tabs .nav-item.show .nav-link,
        .tabs-certificates .nav-tabs .nav-link.active {
            color: #1e7ed6;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
            border: none;
            border-bottom: 2px solid #1e7ed6;
            font-weight: 600;
        }

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: transparent;
    color: #ccc;
    border: none;
    font-weight: 600;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #1e7ed6;
    border: none;
}

.tctabs .btn-primary {
    color: #646161;
    padding: 1px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-bottom: 15px;
    margin-top: 0;
    background-color: #f7f7f7 !important;
    transition: all 0.3s;
    margin-right: 10px;
    border-radius: 5px;
    padding: 5px 12px;
}


.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ef5323 !important;
    border-color: #ef5323;
    box-shadow: none;
    border-radius: 5px !important;
}


.filterselect .form-control {
    position: relative;
    height: 40px !important;
    border-radius: 5px !important;
}

.form-control {
    border-radius: 0 !important;
}

img.object-cover {
    width: 30px;
    margin-bottom: 10px;
}

h2.feetlist-name {
    font-size: 14px;
    margin: 0 0 5px 0;
}

p.feelistp {
    margin-bottom: 0
}

.checkboxwt {
    width: 25px;
}

.payableamt {
    color: #1E7ED6;
}

.feemonthly {
    border: 1px solid #1e7ed6;
    border-radius: 5px;
    padding: 9px;
    background-color: #fff;
    margin-bottom: 10px;
}

    .feemonthly h4 {
        font-size: 15px;
        font-weight: 600;
    }

ul.feemonthlylist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

    ul.feemonthlylist li {
        float: left;
        font-size: 14px;
        margin-right: 8px;
    }

        ul.feemonthlylist li label {
            font-size: 11px;
        }

        ul.feemonthlylist li input {
        }

ul.totalamtlist {
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    margin: 20px 0 20px 0;
}

    ul.totalamtlist li {
        display: table;
        padding: 0 0 0 120px;
        line-height: 50px;
        border-bottom: 1px solid #e4e4e4;
    }

.amthdng {
    text-align: right;
    margin-right: 10px;
    font-weight: 500;
    width: 300px;
    display: inline-block;
}

.amtcount {
    text-align: left;
    width: 100px;
    display: inline-block;
}

.feecollectionamtdetail {
    background-color: #fafafa;
    padding: 15px;
    margin-top: 20px;
    overflow-y: scroll;
    height: 600px;
}

.redtext {
    color: #ff0000;
}

.greentext {
    color: #28a745
}

.paymentmode {
    margin-bottom: 10px;
    font-weight: 600;
}

    .paymentmode label {
        font-weight: 600;
        line-height: 18px;
    }

    .paymentmode .form-control {
        height: 27px;
    }

.upiid {
    font-size: 14px;
}

.tablepaymentmode .table td {
    background-color: #fff;
}

.fee-detail-list {
}

    .fee-detail-list ul.student-detail li {
        font-size: 12px;
        float: left;
        display: inline-block;
        margin-right: 30px;
        line-height: 36px;
        border-left: none;
        padding-left: 0;
    }

    .fee-detail-list ul.student-detail {
        background-color: #fff;
        border-radius: 5px;
    }

    .fee-detail-list .form-control {
        width: 100%;
    }

.secondtabs {
}

    .secondtabs .nav-pills > li {
        float: left;
        color: #1e7ed6;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        border: none;
        border-bottom: 1px solid #dddddd;
        font-weight: 600;
        border-radius: 0;
        text-align: center;
        float: none;
    }

    .secondtabs .nav-pills .nav-link.active,
    .secondtabs .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
        color: #1e7ed6;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        border: none;
        border-bottom: 2px solid #1e7ed6;
        font-weight: 600;
        border-radius: 0;
    }

    .secondtabs .nav > li > a {
        color: #a8a8a8;
        font-weight: 500;
        font-size: 14px;
    }

    .secondtabs .nav {
        text-align: center;
        align-items: center;
        justify-content: center;
    }


ul.feemonthlylist li:last-child {
    margin-right: 0px;
}

ul.downloadbtns {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: right;
    display: inline-table;
}

    ul.downloadbtns li {
        float: left;
        display: inline-block;
        margin-right: 5px;
    }

        ul.downloadbtns li img {
            width: 20px;
        }

        ul.downloadbtns li p {
            font-size: 12px;
            margin-right: 5px;
        }



.filterselect .date_textbox {
    position: relative;
    height: 48px !important;
    border-radius: 0 !important;
    width: 100%;
}

.btnsinline .btn-filter {
    color: #fff;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
}


.btn-filter {
    text-decoration: none;
    background: #1E7ED6;
    width: 92px;
    border: none;
    cursor: pointer;
    display: flex;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    display: inline-block;
}

.btnsinline .btn-clear {
    color: #454545;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #ececec;
    width: 92px;
    border: none;
    cursor: pointer;
    display: flex;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    display: inline-block;
    text-align: center;
}

.btn-clear span {
    float: left;
    display: inline-block;
}

.btn-clear input {
    float: left;
    border: none;
    background: transparent;
}

.btn-clear:hover {
    text-decoration: none;
    background: #EF5323;
    color: #fff;
}


.studentenquiry .filterbox {
    background-color: #fff;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
    /* color: #fff; */
    border-top: 3px solid #fff;
    margin-bottom: 20px;
}

.studentenquiry .tabs-certificates .nav-tabs {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.studentenquiry .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 5px 0;
    white-space: nowrap;
    margin-left: 535px;
    float: right;
}


/*8/7/24*/
.heroslider {
    width: 50%;
}

.carousel-inner {
    width: 100%;
}

.carousel-control-next {
    right: 46%;
}

.carousel-control-prev {
    left: -40px;
}

.carousel-indicators {
    bottom: 100px;
}

    .carousel-indicators .active {
        background-color: #ff0000;
    }

    .carousel-indicators li {
        height: 5px;
    }

.rememberme {
    color: #222222;
}

.forgot-password {
    float: left;
    color: #EF5323 !important;
    text-decoration: none;
    font-size: 14px;
    float: right;
    font-weight: 500;
}


@media(min-width:480px) {
    .heroslider {
        width: 50%;
       /* float: left;*/
        display: inline-block;
    }
    .login-form-outer {
        width: 50%;
        float: right;
        display: inline-block;
    }
    .login-form {
        width: 63%;
        display: block;
        margin: 70px auto 0;
        box-sizing: border-box;
        box-shadow: 0px 0px 16px 0px #e9e9e9;
        padding: 30px;
        text-align: center;
    }
    .iso {
        float: right;
    }
    .hrmob {
        display: none;
    }
}

    @media(max-width:480px) {
        .heroslider {
            width: 100%;
            display: none;
        }
        .login-form-outer {
            width: 100%;
            float: right;
            display: block;
            padding-bottom: 20px;
        }
        .login-form {
            width: 93%;
            display: block;
            margin: 40px auto 0;
            box-sizing: border-box;
            box-shadow: 0px 0px 16px 0px #e9e9e9;
            padding: 10px;
            text-align: center;
        }
        .contact-info{
            margin:20px 0px;
        }
        .parent {
            margin: 20px 0px;
        }
        .social_icons {
            margin: 20px 0px;
            float: left;
        }
        .iso {
            text-align:center;
        }
        .hrmob {
            display: block;
        }
    }

   

        .login-form input {
            text-transform: none;
            background-color: #F8F7F7;
            border: 0 !important;
            margin-bottom: 0px;
            padding: 10px 20px;
            width: 100%;
            font-size: 14px;
            border-radius: 10px !important;
        }

            .login-form input[type='checkbox'] {
                float: left;
                text-align: left;
                display: block;
                width: auto;
                margin-top: 7px;
            }

    .rememberme label {
        float: left;
    }

    .heading-wrap .title {
    }

    .heading-wrap .sub-title {
        color: #706D6D;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        display: block;
        padding: 10px 20px;
    }

    .logo-doplus {
        display: block;
        margin: 0 auto 30px;
    }

        .logo-doplus img {
            display: block;
            margin: 0 auto;
        }

    a.getstartedbtn2 {
        background: #EF5323;
        padding: 10px 30px;
        border-radius: 10px;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        transition: 0.5s;
        display: block;
    }

        a.getstartedbtn2:hover {
            background: #f6673b;
        }

    .detail-form {
    }

    .box {
        width: 1047px;
        margin: 20px auto;
        display: block;
    }

    .sub {
        height: 40px;
    }

    .detail-form .form-control {
        display: block;
        width: 100%;
        height: 40px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555555;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #7d7d7d;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: none;
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        border-bottom-right-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-radius: 0 !important;
    }


    .submit-btn {
        border: none;
        font-family: 'Poppins', sans-serif;
        padding: 10px 30px;
        border-radius: 10px;
        color: #fff;
        background-color: #ff541e;
        text-decoration: none;
        font-weight: 600;
        position: relative;
        display: block;
        outline: none;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        border-color: #ff541e;
        text-transform: uppercase;
    }


        .submit-btn:hover {
            color: #fff;
            background: #D36106;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
        }

    .info-section {
        display: none;
    }

    #arrow:hover {
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .rotated {
        transform: rotate(90deg);
    }



    .contant {
        width: 100%;
        justify-content: space-between;
        display: flex;
        align-items: center;
    }

    .custom-dropdown {
        position: relative;
        display: inline-block;
    }

        .custom-dropdown button {
            margin-top: 20%;
            background-color: white;
            padding-left: 20px;
            padding-right: 20px;
        }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        max-height: 200px;
        overflow-y: auto;
        align-items: center;
    }

        .dropdown-content label {
            padding: 7px 14px 0px 10px;
            cursor: pointer;
            align-items: center;
        }

            .dropdown-content label:hover {
                background-color: #f1f1f1;
            }

    .show {
        display: block;
    }

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

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

    #refreshBtn {
        padding: 10px;
        border: none;
        cursor: pointer;
        background: none;
    }

        #refreshBtn img {
            width: 30px;
            height: 30px;
            transition: transform 0.3s ease-in-out;
        }

    .loading img {
        animation: spin 1s linear infinite;
    }

    /* Tooltip styling */
    .tooltip {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 10px;
        border-radius: 5px;
        position: absolute;
        bottom: 40px; /* Position above the button */
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        font-size: 14px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    /* Show tooltip on hover */
    #refreshBtn:hover .tooltip {
        visibility: visible;
        opacity: 1;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        margin-right: 5px;
    }

    .select2-results__option input {
        margin-right: 10px;
    }

    .select2-container .select2-selection--multiple {
        height: auto;
        min-height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
    }

    </style >
    <style >
    .switch {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 17px;
    }

    .switch input {
        display: none;
    }

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

        .slider:before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

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

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

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

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

        .slider.round:before {
            border-radius: 50%;
        }

    /*multi select drop down*/
    .dropdown-check-list {
        display: inline-block;
        position: relative;
    }

        .dropdown-check-list .anchor {
            /*position: relative;*/
            cursor: pointer;
            display: inline-block;
            padding: unset;
            /*padding: 5px 50px 5px 10px;*/
            /*border: 1px solid #ccc;*/
            border: none;
            background-color: #fff;
        }

            .dropdown-check-list .anchor:after {
                position: absolute;
                content: "";
                border-left: 2px solid black;
                border-top: 2px solid black;
                padding: 5px;
                right: 10px;
                top: 50%;
                transform: translateY(-50%) rotate(-135deg);
            }

        .dropdown-check-list ul.items {
            padding: 0;
            display: none;
            margin: 0;
            border: 1px solid #ccc;
            border-top: none;
            background-color: #fff;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

            .dropdown-check-list ul.items li {
                list-style: none;
                padding: 5px 10px;
            }

                .dropdown-check-list ul.items li:hover {
                    background-color: #f0f0f0;
                }

        .dropdown-check-list.visible .items {
            display: block;
        }

    .hidden {
        display: none;
    }

    #certificateListBody tr td svg {
        margin-left: 50px;
        cursor: pointer;
    }

    .file-upload-container input[type="file"] {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    .upload-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background-color: #ccc;
        border-radius: 50%;
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }

    .file-upload-container {
        position: relative;
    }

    .upload-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background-color: #ccc;
        border-radius: 50%;
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }

        .upload-icon i {
            font-size: 18px;
            color: #fff;
        }

    .preview-button {
        margin-left: 47px;
    }

    .preview-container {
        margin-top: 10px;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 1050;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-dialog {
        max-width: 600px;
        margin: 10% auto;
    }