[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
}
body.home_bg {
    background-image: url(../media/auth/bg10.jpg);
}
.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);
}
.blue_dark{background-color: #131244;}
.cyan_clr{background-color: #BFDDE3;}
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;
}

.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;}
#pro_datatable_wrapper .dt-buttons.btn-group.flex-wrap{float: left;}
#pro_datatable_wrapper .dataTables_filter{padding: 0;}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}
.pagination a:first-child{border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.pagination a:last-child{border-bottom-right-radius: 5px;border-top-right-radius: 5px;}

.pagination a:hover:not(.active) {background-color: #ddd;}
#more_batch tr:first-child .delete{pointer-events: none;}
.daterangepicker.ltr.show-ranges.opensleft{display: none !important;}
.table-row.selected{background-color: #fff8dd;}
.text-justify{text-align: justify;}


@media (min-width: 1366px) {
    .header .header-tabs .nav-link{
        padding: 1rem 1rem;
    }
}
@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;
    }
}