:root {
    --ct-bg-leftbar-brand: #25396f !important;
    --ct-body-bg: #ccd5dd !important;
    --ct-footer-bg: #76808d !important;
    --ct-body-font-family: Roboto, sans-serif, "Siyam Rupali";
    /*--ct-body-font-family: "Nunito",sans-serif !important;*/
    --ct-badge-font-weight: 600 !important;
    --ct-input-disabled-bg: #f1f1f1 !important;
}

@font-face {
    font-family: "Siyam Rupali";
    src: url(fonts/Siyamrupali.ttf);
}

@font-face {
    font-family: "Segoe UI";
    src: local("Segoe UI"), url(fonts/SegoeUI.woff2) format("woff2"), url(fonts/SegoeUI.woff) format("woff"), url(fonts/SegoeUI.ttf) format("truetype");
    font-weight: 100;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #6658dd;
}

.left-side-menu li a:focus, .left-side-menu li a.active:hover {
    color: #FFF176;
    background-color: #eff0f3;
}

.select2-container--open {
    z-index: 9999999
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6658dd !important;
    border: 1px solid #6658dd !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff80 !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff !important;
    }

#sidebar-menu .menuitem-active > a {
    padding-left: 15px !important;
}

.m-05 {
    margin: 0.137rem !important;
}

.p-05 {
    padding: 0.137rem !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-top: calc(var(--ct-gutter-x) * .25);
    padding-right: calc(var(--ct-gutter-x) * .25);
    padding-left: calc(var(--ct-gutter-x) * .25);
}

.left-side-menu li a:focus, .left-side-menu li a:hover {
    color: #FFF176;
    background-color: #121f44;
}

body[data-leftbar-color=brand] .menuitem-active > a, body[data-leftbar-color=gradient] .menuitem-active > a {
    color: #fff !important;
    border-left: 5px solid;
}

.left-side-menu #sidebar-menu > ul > li > a {
    color: #fff !important;
}

label {
    font-weight: 700;
}

.footer {
    padding: 6px;
    color: #edeff1 !important;
}

.navbar-custom {
    background-color: var(--ct-bg-leftbar-brand);
}

li.menuitem-active:has(> a.active) {
    background-color: #eff0f3;
    font-weight: 700;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#sidebar-menu .menuitem-active .active {
    color: #25396f !important;
    border: none !important;
    padding-left: 20px !important;
}

.content-page {
    padding: 0;
}

.content {
    padding-bottom: 1rem;
}

.card {
    --ct-card-spacer-y: 0.5rem !important;
    --ct-card-spacer-x: 0.5rem !important;
}

.card-header {
    --ct-card-cap-padding-y: 0.5rem !important;
    --ct-card-cap-padding-x: 0.5rem !important;
}

    .card-header h3 {
        padding-left: 0.5rem;
    }

    .card-header .breadcrumb-header {
        padding-top: 0.25rem;
        padding-right: 0.25rem;
    }


footer > .container-fluid {
    padding-top: 0;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgb(0 0 0 / 20%) !important;
}

.spinner-container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    /* Center vertically and horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(127 127 127 / 30%);
    z-index: 9999;
}

.table > :not(caption) > * > * {
    padding: 0.15rem !important;
}

.btn-multi {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
}

    .btn-multi > .btn, .btn-multi > .btn-sm {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 0 !important;
        padding-top: 1px !important;
        margin-right: 2px;
    }

.badge {
    padding: 0.375rem !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    --ct-badge-font-size: .9em !important;
}

.table {
    margin-bottom: unset !important;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        display: block;
        width: 100%;
    }

    .dataTables_paginate .pagination {
        margin-top: 5px !important;
    }

    .dataTables_filter {
        margin-top: 5px !important;
    }
}

@media screen and (min-width: 768px) {

    div.dataTables_filter,
    div.dataTables_length,
    div.dataTables_info,
    div.dataTables_paginate {
        display: inline-block;
    }

    div.dataTables_filter,
    div.dataTables_paginate {
        float: right;
    }

    div.dt-buttons {
        margin-right: 10px;
    }
}

.td-btn {
    display: inline-block;
    max-width: 70px;
    min-width: 70px;
}

th.sorting_asc {
    background-color: rgb(32 201 151 / 10%);
}

th.sorting_desc {
    background-color: rgb(220 53 69 / 10%);
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #FFFDE7 !important;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px #edeff1;
}

#toast-container > div:hover {
    transition: 200ms all;
}

.swal2-icon.swal2-question {
    color: #f1556c !important;
    border-color: #f1556c !important;
}

.swal2-confirm.btn.btn-danger {
    background-color: #f1556c !important;
    border-color: #f1556c !important;
}

    .swal2-confirm.btn.btn-danger:hover {
        background-color: #c14456 !important;
        border-color: #c14456 !important;
    }

.mark, mark {
    padding: unset !important;
    background-color: #FFEB3B !important;
    color: #263238 !important;
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #ccd5dd;
    border: 2px solid #6c757d;
    box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    text-align: center;
    z-index: 21;
}

    div.dt-button-info h2 {
        background-color: #edeff1;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: none;
        color: #6c757d;
    }

    div.dt-button-info > div {
        color: #343a40;
    }

.modal-header {
    background: #435ebe !important;
}

.btn-close {
    background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(255 255 255)'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat;
}

.modal-title {
    margin-top: 0;
    color: white;
}

.modal-footer {
    margin: 0px;
    padding: 5px 10px;
    background-color: #edeff1;
}

.invalid-tooltip, .valid-tooltip {
    right: 0;
}

.required::after {
    content: " *";
    color: rgba(241,85,108,1) !important;
}

#btnBackToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 90;
}

.swal2-popup {
    background-color: rgb(255 255 255 / 80%) !important;
    backdrop-filter: blur(5px);
}


.ms-options-wrap > .ms-options .ms-selectall {
    text-transform: capitalize !important;
}

.form-select:focus {
    outline: 4px solid #e2e2e2 !important;
}


.custom-select.is-invalid:focus, .custom-select.is-valid:focus, .custom-select:invalid:focus, .custom-select:valid:focus, .form-control.is-invalid:focus, .form-control.is-valid:focus, .form-control:invalid:focus, .form-control:valid:focus {
    outline: 4px solid #e2e2e2 !important;
}

.select2-container:has(.selection>.select2-selection>ul>li>input:focus) {
    outline: 4px solid #e2e2e2 !important;
    border-radius: 4px !important;
}

a.page-link {
    cursor: pointer;
}

.form-check-input:disabled ~ label, .form-check-input[disabled] ~ label {
    opacity: .5 !important;
}

table {
    vertical-align: baseline !important;
}