:root {
    --primary: #f38200;
    --primary-deep: #ff4b00;
    --secondary: #40a6dd;
    --black: #000;
    --url-basic: #6777ef;
    --danger-red: #F44336;
    --gray-800: #363636;
    --light-blue: #2c9aff;
    --light-blue-active: #056EE9;
    --submit-soft: #dfffea;
    --bright-green: #04a33a;
    --bg-soft-pink: #ffeeee;
    --primary-blue: #1d94d6;
    --primary-blue-soft: #ebf5ff;
    --color-1: #a4cdfd;
    --color-2: #ff8096;
    --color-3: #8ce4ac;
    --color-4: #e33ba3;
    --color-5: #c2b6fa;
    --color-6: #c7ecd4;
    --color-7: #2caffe;
    --logo-edu: #87d534;
    --logo-easy: #1c93d5;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, button, .table th, label {
    font-family: "Open Sans", sans-serif !important;
}

button:focus {
    outline: none !important;
}

a {
    color: var(--light-blue);
}

.text-primary {
    color: var(--primary-blue) !important;
}

.image-uploader {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.image-uploader__label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.image-uploader__icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px; /* Adjust to match rectangular corners */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
}

.image-uploader__icon-overlay i {
    color: #ffffff;
    font-size: 24px;
}

.image-uploader__preview-image {
    object-fit: cover; /* Ensures the image fits well within the rectangular preview */
}

.image-uploader__input {
    display: none;
}

/* Select 2 Customization Start */
.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1a67d3;
    color: var(--white);
    font-family: inherit;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar, .multiselect-container.dropdown-menu.show::-webkit-scrollbar {
    width: 4px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track, .multiselect-container.dropdown-menu.show::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ddd;
    border-radius: 3px;
    margin: 0 10px 10px 0;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb, .multiselect-container.dropdown-menu.show::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 12px #aeaeae;
}

.select2-results__option {
    padding: 3px 10px;
    user-select: none;
    -webkit-user-select: none;
    font-size: .9rem;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d1d3e2;
    height: calc(1.2em + .75rem + 7px);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #2c9aff61;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 6px;
    line-height: 1;
}

/* Select 2 Customization End */

.card-custom-bg {
    background-color: #ffa42626 !important;
}

.card-header h5 {
    margin-bottom: 0 !important;
    color: #e78600;
}

.sidebar-light .nav-item .nav-link i {
    color: #ababab;
    transition: .3s;
}

.sidebar .nav-item .nav-link span {
    font-size: .85rem;
    display: inline;
    color: #484848;
}

.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
    content: "\F285" !important;
    font-family: bootstrap-icons !important;
    font-size: .8rem;
    font-weight: 300;
    color: #585858;
    transition: .3s;
    margin-top: 4px;
}

.sidebar .nav-item .nav-link[data-toggle=collapse]::after {
    width: auto;
    text-align: right;
    float: right;
    vertical-align: 0;
    border: 0;
    font-size: .8rem;
    font-weight: 400;
    color: #585858;
    content: "\F282" !important;
    font-family: bootstrap-icons !important;
    transition: .3s;
    margin-top: 4px;
}


/*=====================
Admin Login
===============================*/

.bg-gradient-login.login__page {
    background-image: url("/assets/img/bg10.svg") !important;
    background: no-repeat center center;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-color: #f8f9fc;
}

.bg-gradient-login:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    /*background: rgba(30, 34, 40, .5);*/
    background: transparent;
}

.login__page .card {
    /*position: relative;*/
    z-index: 9;
    /*margin-top: 130px;*/
    padding-bottom: 0rem;
    margin-bottom: 0rem !important;
}

.login__page .card:hover {
    transform: unset;
}

.login__page .login-form {
    width: 400px;
    margin: 0 auto;
}

/*.login__page .login-form .login__pg__logo {*/
/*    width: 89px;*/
/*    height: 89px;*/
/*    padding: .8rem .7rem;*/
/*    display: inline-block;*/
/*    border-radius: 50%;*/
/*    margin-bottom: 19px;*/
/*    border: 1px solid #2292c136;*/
/*}*/


.login__page .login-form .login__pg__logo {
    width: 89px;
    height: auto;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 19px;
}

.login__page .custom-checkbox .custom-control-label::before {
    border-radius: 3px !important;
    top: 2px;
}

.login__page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 8 8' %3e%3cpath fill= '%23fff' d= 'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z' /%3e%3c/svg%3e);
    top: 2px;
}

.login__page .login-form .login__pg__logo img {
    max-height: 60px;
    padding: 4px;
}

.login__page .pass__field .view__pass {
    position: absolute;
    right: 9px;
    top: 13px;
    line-height: 1;
}

.login__page .pass__field .view__pass i {
    color: #9f9f9f;
}

.login__page .credit {
    font-size: 13px;
    color: #383838;
}

.login__page .txt__edu{
    color: var(--logo-edu);
    font-weight: 500;
}
.login__page .txt__easy{
    color: var(--logo-easy);
    font-weight: 500;
}

.login__page .credit span {
    /*color: var(--black);*/
    /*font-weight: bold;*/
}

.login__page .card-body {
    width: 100%;
    display: flex;
    padding: 0;
}

.login__page .card-body .title {
    font-weight: 500;
    color: #2c2c2c;
}

.login__page .login_rightside_box {
    padding: 3rem !important;
    display: flex;
    align-items: center;
    border-left: 1px solid #e9e9e9;
}

.login__page .otp__warning {
    font-size: 14px;
}
.login__page .form-group.login{
    background: var(--logo-edu);
    padding: .5rem .7rem;
    border-radius: .25rem;
    color: #fff;
    font-weight: 500;
    border: none;
    width: 100%;
}
.login__page .form-group.login span{
    font-size: 1rem;
}
.login__page .form-control{
    border-radius: 0;
    height: calc(1.6em + .75rem + 7px);
    border: none;
    border-bottom: 1px solid #87d53466;
    padding-left: 0;
}

.login__page .form-control:focus, .login__page .form-control:hover {
    border: none !important;
    border-bottom: 1px solid #87d53466 !important;
}

.login__page .form-group input:-internal-autofill-selected{
    background-color: transparent !important;
}

@media (max-width: 981px) {
    .login__page .login_rightside_box {
        display: none !important;
    }

    .login-form {
        padding: 3rem 2rem !important;
    }

    .login__page .card {
        margin-top: 0px;
        padding: 0 !important;
        height: 100vh;
        border-radius: 0 !important;
        box-shadow: none !important;
    }


    .login__page .container-login {
        padding: 0;
        display: block !important;
    }

    .login__page .container-login .card {
        margin: 0 !important;
        margin-top: 0 !important;
        height: 100vh;
        border-radius: 0 !important;
        border-left: none;
        box-shadow: none !important;
    }

  

    .login__page .login-form h5 {
        font-size: 15px;
    }
    .bg-gradient-login.login__page {
        background-image: none !important;
        background: no-repeat center center;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-color: var(--white);
    }
    .login__page .form-control {
        border-radius: 0px;
        height: calc(1.6em + .75rem + 7px);
        font-size: 1.2rem;
        color: #626262;
    }
}




/*=====================
Application
==============================*/

.modal-title {
    font-size: 19px;
    color: var(--black);
    font-weight: 300;
}

label {
    display: inline-block;
    margin-bottom: .3rem;
    color: #404040;
}

/*=====================
Dashboard
============================*/
.pg__admin__chart .card p {
    color: var(--indigo);
}

.chart__dash {
    margin-top: 20px;
    border: 1px solid #e9e9e9;
    border-radius: 9px;
    background: var(--white);
    padding: 14px 10px;
    height: 462px;
    margin-bottom: 30px;
}

.highcharts-title {
    color: #ccc !important;
    fill: var(--light-blue) !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
}

/*.td__action a, .td__action button, .td__action form{*/
/*    float: left;*/
/*}*/
.action__col, .td__action{
   width: 158px;
}

/*highcharts-color-0 {*/
/*    fill: var(--light-blue);*/
/*}*/

/*.highcharts-color-1 {*/
/*    fill: #ccc;*/
/*}*/

.highcharts-axis-labels.highcharts-xaxis-labels text{
    color: #ddd !important;
    fill: #ccc !important;
}
.highcharts-data-label-connector{
    fill: transparent !important;
}
.highcharts-color-4, .highcharts-halo.highcharts-color-4{
     fill: red;
 }

/*.highcharts-label{*/
/*    text-transform: capitalize;*/
/*}*/


.chart__dash.pi .highcharts-color-1, .chart__dash.pi .highcharts-halo.highcharts-color-1{
    fill: var(--color-2);
}

.highcharts-color-2, .highcharts-halo.highcharts-color-2{
    fill: var(--color-4);
}
.highcharts-color-3, .highcharts-halo.highcharts-color-3{
    fill: var(--color-3);
}

.highcharts-color-5, .highcharts-halo.highcharts-color-5{
    fill: var(--color-5);
}

.highcharts-color-6, .highcharts-halo.highcharts-color-6{
    fill: var(--color-6);
}

.highcharts-color-4, .highcharts-color-2, .highcharts-color-1, .highcharts-color-0, .highcharts-color-5, .highcharts-color-6, .highcharts-color-7, .highcharts-color-8{
    opacity: 1;
}



/*======================
Multi Branch Card
=======================================*/
.card__style__2 .card.item {
    height: 220px;
    overflow: hidden;
    position: relative;
    transition: .3s;
}

.card__style__2 .card.item:hover .fas{
    transform: rotate(-0.05turn);
}

.card__style__2 .card.item__1 .fas, .card__style__2 .card.item__2 .fas, .card__style__2 .card.item__3 .fas, .card__style__2 .card.item__4 .fas, .card__style__2 .card.item__5 .fas, .card__style__2 .card.item__6 .fas {
    font-size: 122px;
    position: absolute;
    bottom: 0;
    right: -20px;
}

.card__style__2 .card.item__1 .fas {
    color: #529cf3 !important;
}

.card__style__2 .card.item__2 .fas {
    color: #d5971d !important;
}
.card__style__2 .card.item__3 .fas {
    color: #21bf5a !important;
}

.card__style__2 .card.item__4 .fas {
    color: #f7abd9 !important;
}


.card__style__2 .card.item__5 .fas {
    color: #806ae7 !important;
}
.card__style__2 .card.item__6 .fas {
    color: #40b166 !important;
}



/*=====================
Student Management
============================*/

.std__form form .form__head {
    /*background-color: #f1f5f9;*/
    border-radius: 2px;
    color: #262626 !important;
    font-weight: 600;
    letter-spacing: .5px;
}

.std__form form .form__body {
    background-color: #f1f5f9;
    border-radius: 2px;
    margin-bottom: 25px;
    padding: 15px 15px 5px !important;
}

.teacher__body {
    background-color: #f1f5f9;
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 15px 15px 5px;
}

/*===================
Accounting
==========================*/

.sale__summary .sum__line {
    background: #ecf1f9;
    line-height: 1;
    padding: 8px 10px;
    color: var(--black);
    margin-bottom: 5px;
}

.fee-type-field {
    min-width: 65px;
}

.fee__setup tbody td {
    padding: .4rem .75rem !important;
}

.fee__setup tbody td .form-control, .marks__entry__body tbody td .form-control {
    border-radius: 4px;
    height: calc(.8em + .75rem + 7px);
    padding: .275rem .5rem !important;
    background: #40a6dd21;
    border-color: #40a6dd57;
}

.marks__entry__body .table .thead-light th:last-child, .marks__entry__body .card .table td:last-child {
    text-align: left !important;
}
table .th__action{
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: center !important;
}

.fee__setup .table .thead-light th:first-child, .fee__setup .card .table td:first-child {
    text-align: left;
    background: var(--secondary);
    color: var(--white) !important;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 1rem;
}

.fee__setup .table .table-responsive::-webkit-scrollbar:horizontal {
    height: 8px !important;
}

.fee__setup .table .table-responsive::-webkit-scrollbar-track:horizontal {
    background-color: #ddd !important;
}

.fee__setup .table .table-responsive::-webkit-scrollbar-thumb:horizontal {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#monthlyTotalRow {
    background: var(--bg-soft-pink);
}

#monthlyTotalRow td {
    font-weight: 500;
    color: var(--gray-800);
}

#grandTotalRow {
    background: #b9e2f5;
}

#grandTotalRow td {
    font-weight: 600;
    color: var(--black);
}


/*===================
Student Attendance
==================================*/
.attendance_status {
    width: 34px !important;
    height: 34px !important;
    font-weight: bold !important;
    padding-top: 5px !important;
}

.std__attn svg {
    stroke: var(--bright-green);
    width: 22px;
    height: 22px;
}

.std__card .std__info img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 7px;
    box-shadow: 0px 3px 5px #bdbdbd;
}

.std__action {
    width: 20%;
}

.std__card .card {
    margin-bottom: 1.4rem;
    background-image: linear-gradient(120deg, #89d5352e 0%, #83cff5cc 100%);
    height: 10rem;

}

.std__attn__body .std__single .std__card:nth-child(even) {
    background-color: #f7dec0;
}

.std__attn__body .std__single p {
    font-size: 1rem;
    color: #000;
}

.attn__header {
    border-radius: 9px;
    padding: 12px 8px;
    background: linear-gradient(90deg, #3ab33f 0%, #16641a 50%, #54d359 100%);
    color: #fff;
}

@media (max-width: 981px) {
    .form-group {
        margin-bottom: 15px !important;
    }
}


.pg__admin .btn {
    padding: .5rem .75rem;
    font-size: 1.1rem;
}

.form-control {
    border-radius: 4px;
    height: calc(1.2em + .75rem + 7px);
}

.form-control:focus {
    border: 1px solid #2c9aff61;
}

.btn-success {
    color: var(--white);
    background-color: #0abb75;
    border-color: #0abb75;
}

.btn, .btn-sm {
    border-radius: 4px;
    padding: .375rem .85rem;
}

.btn-icon-split .text {
    display: inline-block;
    padding: .175rem .2rem;
    font-size: .9rem;
}

.badge {
    border-radius: 2px;
    font-weight: 500;
    letter-spacing: .5px;
    padding: 4px 7px 3px !important;
}

.badge-primary {
    color: var(--white);
    background-color: #377dff;
}

table thead {
    background: #ecf1f9;
    border: 1px solid #dce4ef;
}

.btn-submit {
    color: var(--bright-green);
    background-color: var(--submit-soft);
    border-color: var(--bright-green);
}

.btn-submit:hover, .btn-submit:focus, .btn-submit:active {
    color: var(--white);
    background-color: var(--bright-green);
    border-color: var(--bright-green);
}

.btn-light-blue {
    color: var(--white);
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}

.btn-light-blue:hover, .btn-light-blue:active {
    color: var(--white);
    background-color: var(--light-blue-active);
    border-color: var(--light-blue-active);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-deep);
    border-color: var(--primary-deep);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-deep) !important;
    border-color: var(--primary-deep) !important;
}

.bg-navbar {
    background-color: var(--white);
}

.sidebar-light .sidebar-brand {
    color: #fafafa;
    background-color: #eee;
}

.badge-blue {
    background-color: var(--blue);
}

.main__dashboard .item .fas {
    opacity: .2;
    transition: .3s;
}

.main__dashboard .item .bi {
    opacity: .2;
    transition: .3s;
    font-size: 84px;
    position: absolute;
    top: -46px;
    right: -10px;
}

/*.main__dashboard .item:hover .fas {*/
/*    opacity: .6;*/
/*    -webkit-transform: rotate(-15deg) scale(1.1);*/
/*    transform: rotate(-15deg) scale(1.1);*/
/*}*/
.main__dashboard .item:hover .bi.bi-server {
    opacity: .6;
    -webkit-transform: rotate(-15deg) scale(1.1);
    transform: rotate(-15deg) scale(1.1);
    -moz-transform: rotate(-15deg) scale(1.1);
    -o-transform: rotate(-15deg) scale(1.1);
}

.topbar {
    height: 4.375rem;
    z-index: 2;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e9e9e9;
}

.topbar #sidebarToggleTop:active {
    background-color: transparent;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: var(--gray-dark) !important;
}

.user__mbl {
    display: none;
}

.navbar.navbar-expand .input-group {
    width: 175px;
}

.topbar .navbar-search {
    width: 25rem;
}

.topbar #sidebarToggleTop:hover {
    background-color: transparent;
}

.navbar-nav.sidebar .nav-item:hover i, .navbar-nav .nav-item.dropdown .dropdown-menu-right .dropdown-item:hover i, .sidebar-light .nav-item .nav-link:hover svg {
    color: var(--primary-blue) !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    transition: .3s;
    stroke: var(--primary-blue) !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--black);
    text-decoration: none;
    background-color: #e3eaef;
}

.sidebar .nav-item {
    position: relative;
    margin-bottom: -10px;
}

.sidebar-light .nav-item .nav-link:hover span {
    color: var(--primary);
}

.sidebar-light .nav-item .nav-link:active, .sidebar-light .nav-item .nav-link:focus, .sidebar-light .nav-item .nav-link:hover {
    color: var(--primary-blue);
    background-color: var(--primary-blue-soft);
}

.sidebar-light .nav-item .nav-link:active span, .sidebar-light .nav-item .nav-link:focus span, .sidebar-light .nav-item .nav-link:hover span,
.sidebar-light .nav-item .nav-link:active i, .sidebar-light .nav-item .nav-link:focus i, .sidebar-light .nav-item .nav-link:hover i,
.sidebar-light .nav-item .nav-link:active::after, .sidebar-light .nav-item .nav-link:focus::after, .sidebar-light .nav-item .nav-link:hover::after {
    color: var(--primary-blue);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: var(--primary-blue);
    font-weight: 500;
    background-color: var(--primary-blue-soft);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 0 21px 21px 0;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active:before, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active:before {
    background-color: var(--primary-blue);
    font-weight: 800;
    -webkit-transition: all .3s ease-in-out;
    top: -1px;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    padding: 0.5rem 1rem;
    margin: 0 0.5rem;
    display: block;
    color: #3a3b45;
    text-decoration: none;
    border-radius: 0;
    white-space: nowrap;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: var(--primary-blue-soft);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 0 21px 21px 0;
}

.sidebar .nav-item .collapse .collapse-inner {
    border-radius: 0.35rem;
    -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
    box-shadow: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.sidebar .nav-item .collapse-item:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00800063;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.sidebar .nav-item .collapse-item:hover::before {
    background: var(--primary-blue);
}

.navbar-nav .nav-item.dropdown .dropdown-menu-right .dropdown-item i {
    transition: .3s;
}

.navbar-nav .nav-item.dropdown .dropdown-menu-right .dropdown-item:hover {
    color: #6e707e;
    background-color: #ff9e001a;
}

.sidebar-light .nav-item .nav-link i {
    color: #818181;
    transition: .3s;
}

.sidebar-light .nav-item .nav-link svg {
    stroke: #3e3e3e;
    width: 23px;
    height: 23px;
    stroke-width: 1px;
    transition: .3s;
}

@media (min-width: 600px) {
    .pg__admin__chart .card-body {
        height: 410px;
    }

    .pg__admin__chart .chart-pie {
        height: calc(20rem - 0px) !important;
    }

    .topbar .dropdown .dropdown-menu {
        width: 210px;
        right: 0;
    }
}

/*=================
Default Settings
=================================*/

.nav-tabs .nav-item.show .nav-link {
    color: #6e707e;
    background-color: var(--white);
    border-color: unset;
    border-bottom: 1px solid #ccc;
    border: unset;
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 3px solid var(--danger-red);
    color: var(--danger-red);
}

.nav-tabs .nav-item {
    margin: 8px 16px -1px;
}

.nav-tabs .nav-item:first-child {
    margin-left: 0px;
}

.nav-tabs .nav-link {
    border: none;
    color: var(--gray-800);
}

.nav-tabs {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 40px;
}

.nav-tabs .nav-link {
    padding: .5rem 0rem;
}

.quick__link span {
    border: 1px solid #ccc;
    line-height: 1;
    padding: 8px 7px;
    border-radius: 4px;
    margin-top: 7px;
}

/*=================
Marks Entry Page
=============================*/

.marks__entry
.marks__entry__body .table th:first-child, .marks__entry__body .table td:first-child {
    background: var(--secondary);
    color: var(--white) !important;
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        max-width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        max-width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        max-width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        max-width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        max-width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        max-width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        max-width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        max-width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        max-width: 100%
    }
}

/*select2 */
:focus-visible {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6e707e !important;
    /*    height: calc(1.5em + .75rem + 7px) !important;*/
    /*    padding: .375rem .75rem !important;*/
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}

.select2-container .select2-selection--single {
    height: calc(1.2em + .75rem + 7px) !important;
    padding: .125rem .75rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    font-size: 15px;
    font-weight: 300 !important;
    color: var(--dark) !important;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #d1d3e2;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

/*select2*/
.card__head .select2-container .select2-selection--single {
    height: 34px !important;
    border-radius: 4px;
    border: 1px solid #d1d3e2;
}

.card__head .select2-selection__rendered {
    line-height: 28px !important;
    font-weight: normal !important;
    color: #6e707e !important;
}

.card__head .select2-selection__arrow {
    height: 32px !important;
}

.card__head.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6e707e !important;
}

.select2-container .select2-selection--single {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 7px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

}

.select2-selection__arrow {
    height: 42px !important;
}

.card__head .select2-container .select2-selection--single:focus, .card__head .select2-container .select2-selection--single:hover, .card__head .select2-container .select2-selection--single:active {
    border: 1px solid #2c9aff61;
}


.cursor-pointer {
    cursor: pointer;
}

.card, .custom-select, .card-header:first-child {
    border-radius: 4px !important;
}

.card__head .form-control {
    height: calc(1em + .75rem + 7px);
    padding: .375rem .75rem;
    font-size: .9rem;
    font-weight: 300;
    border-radius: 4px;
}

.card__head .form-group {
    margin: .4rem 0 !important;
}

.card__head .btn {
    border-radius: 4px;
    font-size: .9rem;
    padding: 5px .75rem;
}

.card-custom-bg {
    background-color: transparent !important;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #d1def5;
}

.table .thead-light th {
    color: var(--light-blue-active) !important;
    background-color: #eaecf4;
    border-color: #e3e6f0;
    font-weight: 500;
    background-color: #e1ecff !important;
    border-color: #d6e5ff !important;
}

.table .thead-light th:first-child, .card .table td:first-child {
    width: 120px;
    text-align: center;
}

.table .thead-light th:last-child, .card .table td:last-child {
    text-align: center;
    justify-content: center !important;
    /*margin-right: -1px;*/
    /*border-top: none;*/
    /*border-left: none;*/
    /*border-top: none;*/
    /*border-left: none;*/
}

.btn-secondary.btn__export {
    color: #000000;
    background-color: #f9f9f9;
    border-color: #e3e3e3;
}

.table__top__txt {
    color: #071437;
    font-size: 1.25rem;
}

/*//data-table*/
.dataTables_length,
.dataTables_filter {
    margin-left: 22px;
    margin-right: 22px;
}

.page-item.active .page-link {
    z-index: 1;
    color: var(--white);
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}

.page-link {
    color: var(--light-blue);
}

.dataTables_info,
#dataTable_paginate,
.dataTables_paginate {
    margin-left: 22px;
    margin-right: 22px;
    margin-bottom: 20px;
}

.dataTables_wrapper.dt-bootstrap4 {
    padding-top: 15px;
}

div.dataTables_paginate {
    padding-right: 22px;
}

.table td, .table th {
    padding: .65rem .75rem;
    vertical-align: middle;
    border: 1px solid #e3e6f0;
    color: #494949;
    font-weight: 300;
    font-size: 15px;
}

/*.table th {*/
/*    padding: .65rem .75rem;*/
/*    vertical-align: middle;*/
/*    border: 1px solid #e3e6f0;*/
/*    color: var(--gray-800);*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*}*/
.table th {
    color: var(--light-blue-active);
    background-color: #eaecf4;
    font-size: 15px;
    font-weight: 500;
    background-color: #e1ecff !important;
    border: 1px solid #d1def5;
}

/*===================
Action Button
=====================*/
/*tbody td .btn{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}*/
tbody td .btn i {
    font-size: 12px;
}

.btn-soft-info,
.btn-soft-danger,
.btn-soft-success,
.btn-soft-secondary {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-soft-info {
    background-color: rgba(55, 125, 255, .15);
    color: #377dff;
}

.btn-soft-info:hover {
    background-color: #377dff;
    color: #fff;
}

.btn-soft-danger {
    background-color: rgba(239, 72, 106, .15);
    color: #ef486a;
}

.btn-soft-danger:hover {
    background-color: #ef486a;
    color: #fff;
}

.btn-soft-success {
    background-color: rgba(10, 187, 117, .15);
    color: #0abb75;
}

.btn-soft-success:hover {
    background-color: #0abb75;
    color: #fff;
}

.btn-soft-secondary {
    background-color: rgba(112, 112, 112, .15);
    color: #757575;
}

.btn-soft-secondary:hover {
    background-color: #757575;
    color: #fff;
}

.alert-danger {
    color: #ff4f45 !important;
    background-color: #fc544b36;
}

.alert-success {
    color: var(--bright-green) !important;
    background-color: var(--submit-soft);
    border-color: var(--bright-green);
}

.action__col {
    width: 130px;
    text-align: center;
}

/*//switch css open*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

input:checked + .slider {
    background-color: #0785118c !important;
}

.slider.round {
    border-radius: 30px;
}

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

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

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

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

/*switch css end*/


/*dropify*/
.dropify-message .file-icon {
    display: none;
}

/*data-table column*/
.table.dataTable {
    width: 100% !important;
}

#column-panel-parent {
    position: relative;
}

#column-toggle-panel {
    position: absolute;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    background-color: #f8f9fa;
    width: 100%;
}

#column-toggle-panel .column-form-check-label {
    cursor: pointer;
    padding: 5px 0 5px 1rem;
    width: 100%;
    display: block;
    margin: 0;
}

#column-toggle-panel .form-check {
    background-color: #fff;
    color: black;
    padding-left: 0px;
}

.column-form-check-input:checked + .column-form-check-label {
    background-color: #8f9193;
    display: block;
    color: white;
}

.column-form-check-label:hover {
    background-color: transparent;
}

#column-toggle-panel .restorebutton {
    background-color: transparent; /* Make the background transparent */
    border: none; /* Remove the border */
    outline: none; /* Remove the outline */
    color: #8f9193;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#column-toggle-panel .restorebutton:hover {
    color: #8f9193;

}

#column-toggle-panel .restorebutton:focus,
#column-toggle-panel .restorebutton:active {
    border: none;
    outline: none;
    box-shadow: none;
}

/*readonly style*/
.form-control.date360[readonly] {
    background-color: #fff;
    opacity: 1;
}

.table td, .table th {
    text-transform: capitalize;
}


/*====================
Table Design New
=====================================*/
#wrapper #content-wrapper {
    background-color: #f7f7f7;
}

.card {
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03) !important;
    /*border: 1px solid #e9e9e9;*/
    border: none;
    padding: 36px;
    border-radius: 9px !important;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.04) !important;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important;
}

.card-header {
    padding: .75rem 0;
    margin-bottom: 0px;
    background-color: var(--white);
    /*border-bottom: 1px solid #e9e9e9;*/
}

.card-header h6 {
    margin-bottom: 0 !important;
    font-size: 1.25rem;
    color: #071437;
}

.sidebar {
    min-height: 100vh;
    width: 18rem;
    background-color: var(--white) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    z-index: 0;
    border-right: 1px solid #e9e9e9;
    padding-bottom: 40px;
}


.card.item {
    padding: 1.25rem;
}

.card.item .h4 {
    font-weight: 600;
}

.card.item .card__title {
    letter-spacing: .5px;
}

.card-body {
    padding: 0;
}

div.dataTables_paginate {
    padding-right: 0;
    padding-top: 0.85em;
}

.dataTables_info, #dataTable_paginate, .dataTables_paginate {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.dataTables_length, .dataTables_filter {
    margin-left: 0;
    margin-right: 22px;
}

.dataTables_length, .dataTables_filter {
    margin-left: 0;
    margin-right: 0px;
}

.dataTables_wrapper.dt-bootstrap4 {
    padding: 15px 0;
}

.send__sms label {
    font-weight: 500;
}


@media (max-width: 981px) {
    .main__dashboard .item .fas {
        font-size: 23px;
    }

    .card.item {
        padding: .85rem;
        height: 4.5rem;
        overflow: hidden;
    }

    .card.item .txt__info {
        display: none;
    }

    .card.item .card__title {
        letter-spacing: 0;
        font-size: .8rem;
    }
}