[data-bs-theme=light] {
    --bs-page-bg: #F3F6F9;
    --bs-app-blank-bg: #ffffff;
    --bs-header-bg-color: #01132e;
    --bs-header-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    --bs-header-navs-tab-color-default: #ffffff;
    --bs-header-navs-tab-color-hover: #FFC107;
    --bs-header-navs-tab-color-active: #071437;
    --bs-header-navs-bg-color: #ffffff;
}

[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F2;
    --bs-gray-200-rgb: 241, 241, 242;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181, 181, 195;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-light: #F9F9F9;
    --bs-primary: #009ef7;
    --bs-secondary: #DBDFE9;
    --bs-success: #027425;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #071437;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F1F1F2;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #050f29;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F1F1F2;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #4B5675;
    --bs-light-inverse: #78829D;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 0, 158, 247;
    --bs-secondary-rgb: 219, 223, 233;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 7, 20, 55;
    --bs-text-white: #ffffff;
    --bs-text-primary: #009ef7;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #027425;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #071437;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F2;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F2;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #009ef7;
    --bs-component-hover-color: #009ef7;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #009ef7;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #009ef7;
    --bs-menu-link-color-show: #009ef7;
    --bs-menu-link-color-here: #009ef7;
    --bs-menu-link-color-active: #009ef7;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F2;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(7, 20, 55, 0.1);
    --bs-ribbon-label-bg: #009ef7;
    --bs-ribbon-label-border-color: #005d91;
    --bs-ribbon-clip-bg: #071437;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}

.btn-menu-colour {
    color: var(--bs-header-navs-tab-color-active);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light);
}

.menu-item .menu-link .menu-title {
    color: var(--bs-header-navs-tab-color-active);
}

.btn-check:active+.btn.btn-menu-colour,
.btn-check:checked+.btn.btn-menu-colour,
.btn.btn-menu-colour.active,
.btn.btn-menu-colour.show,
.btn.btn-menu-colour:active:not(.btn-active),
.btn.btn-menu-colour:focus:not(.btn-active),
.btn.btn-menu-colour:hover:not(.btn-active),
.show>.btn.btn-menu-colour {
    color: var(--bs-header-navs-tab-color-hover);
    border-color: var(--bs-header-navs-tab-color-active);
    background-color: var(--bs-header-navs-tab-color-active) !important;
}

.form-select.form-select-solid,
.form-control.form-control-solid {
    border-color: var(--bs-gray-400);
}

.form-control.form-control-solid[readonly='readonly'],
.form-select.form-select-solid[readonly='readonly'] {
    background-color: var(--bs-gray-300);
}

.nav-line-tabs .nav-item .nav-link {
    margin: 0 0.5rem;
    font-size: 12px;
    text-transform: uppercase;
}

.modal.fade.show {
    background: rgba(0, 0, 0, 0.95);
}

body.inner_bg {
    background-image: url(../media/auth/auth-bg.png);
}

fieldset {
    border: 1px solid #c8c8c8;
    padding: 0px 20px 0;
    margin-bottom: 20px;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

legend {
    float: none;
    padding: 5px 10px;
    font-weight: 500;
    margin-bottom: 0;
}

.menu-item .menu-link {
    padding: .2rem .5rem;
}

table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: .5rem;
}

.app-engage {
    position: fixed;
    right: 0;
    top: 20%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 99;
    padding-right: 12px
}

.app-engage .app-engage-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: var(--bs-engage-btn-box-shadow);
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    border-radius: 6px;
    width: 66px;
    height: 70px;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-border-color);
    background-color: var(--bs-engage-btn-bg)
}

.app-engage .app-engage-btn .svg-icon,
.app-engage .app-engage-btn i {
    color: var(--bs-engage-btn-icon-color)
}

.app-engage .app-engage-btn.hover-danger:hover {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger);
}

.app-engage .app-engage-btn.hover-danger:hover .svg-icon,
.app-engage .app-engage-btn.hover-danger:hover i {
    color: var(--bs-primary-inverse);
}

input.custom_input {
    border: 0;
    border-bottom: 2px solid forestgreen;
    border-radius: 8px;
    width: 100%;
    padding: 0 5px;
    height: 25px;
    background: transparent;
    outline: none;
}

input.custom_input:focus {
    border: 0;
    outline: none;
    border-bottom: 2px solid forestgreen;
    border-radius: 8px;
}

.form-control:disabled {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-300);
    border-color: var(--bs-gray-300);
    opacity: 1;
}

.btn-primary-gradient {
    background: linear-gradient(128.84deg, #0f6cbd 20.46%, #3c45ab 72.3%);
    color: #ffffff;
}

.btn-primary-gradient:hover {
    background: linear-gradient(128.84deg, #025caa 20.46%, #01132e 72.3%);
    color: #ffffff;
}

.btn-warning-gradient {
    background: linear-gradient(128.84deg, #f9c707 20.46%, #e49500 72.3%);
    color: #ffffff;
}

.btn-warning-gradient:hover {
    background: linear-gradient(128.84deg, #ff9200 20.46%, #a27937 72.3%);
    color: #ffffff;
}

.btn-success-gradient {
    background: linear-gradient(128.84deg, #044919 20.46%, #35bc11 72.3%);
    color: #ffffff;
}

.btn-success-gradient:hover {
    background: linear-gradient(128.84deg, #10bc77 20.46%, #15730f 72.3%);
    color: #ffffff;
}

.top-5 {
    top: 5.2% !important;
}

.top-5 {
    top: 5.2% !important;
}

.top-10 {
    top: 10% !important;
}

.modal-fullscreen.custom-fullscreen {
    width: 90vw;
    margin: 0 auto;
}

.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-danger);
}

.form-switch.form-check-solid .form-check-input:checked {
    background-color: #018b04;
    border-color: #018b04;
}

/* body.home_bg {
    background-image: url(../media/auth/bg10.jpg);
} */

body.home_bg {
    background-image: url(../media/auth/bg10.jpg);
}

.consumer_deactivation_div {
    background-color: #F6E5CA
}


.autocomplete-suggestions {
    text-align: left;
    border: 1px solid #999;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    border-bottom: 1px solid #cccccc;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: 800;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.pnc_img {
    background-image: url(../media/pnc_img.png);
    background-size: 60%;
    background-position: bottom right;
}

.dt-buttons.btn-group.flex-wrap {
    float: left;
}

.dataTables_filter {
    padding: 0 !important;
}


/* Loader overlay */
.loader-overlay {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

/* Loader content */
.loader-content h2 {
    font-size: 2em;
    color: white;
    margin-bottom: 10px;
}

.loader-content p {
    font-size: 1.2em;
    color: white;
}

/* Optionally, add a spinner or animation */
.loader-content:before {
    content: '';
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

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

@media (min-width: 1366px) {
    .header .header-tabs .nav-link {
        padding: 1rem 1rem;
    }
}

@media (max-width: 1399px) {
    
    .logo_sec img {height: 40px !important;}
    .form-switch.form-check-custom .form-check-input {
        height: 1.8rem;
    }
}

@media (min-width: 992px) {
    .header-extended .header {
        height: auto;
    }

    .header-fixed.header-extended .wrapper {
        padding-top: 90px;
    }

    .header .header-tabs .nav-link {
        font-size: 1rem;
        font-weight: 600;
        padding: 1rem 0.8rem;
    }
}

@media (max-width: 767px) {
    .btn.btn-flex.curent_date{display: none !important;}
    .header-tabs{margin: 15px;}
    .header-tabs .nav{display: block;}
    .header-tabs .nav .nav-item{width: 100%;}
    .pnc_img{background-size: 50%;}
    .header-navs .header-menu .menu .tab-content .menu-item .menu-link{padding-left: 0; padding-right: 0;}
    .nav-line-tabs .nav-item .nav-link{margin: 0;}
}