[data-bs-theme=light] {
    --bs-app-bg-color: #f5f8fa;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-base-bg-color: #ffffff;
    --bs-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-header-minimize-bg-color: #ffffff;
    --bs-app-header-minimize-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-toolbar-base-bg-color: #ffffff;
    --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-toolbar-base-border-top: 1px solid #eff2f5;
    --bs-app-aside-base-bg-color: #ffffff;
    --bs-app-footer-bg-color: #ffffff;
    --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(49, 25, 79, 0.05);
    --bs-app-header-light-separator-color: #E4E6EF;
    --bs-app-sidebar-base-toggle-btn-box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.04);
    --bs-app-sidebar-base-toggle-btn-bg-color: #ffffff;
    --bs-app-sidebar-base-toggle-btn-border-color: #F1F1F2;
    --bs-app-sidebar-base-border-color: #F1F1F2;
    --bs-app-sidebar-light-bg-color: #ffffff;
    --bs-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05);
    --bs-app-sidebar-light-separator-color: #E4E6EF;
    --bs-app-sidebar-light-scrollbar-color-hover: #F1F1F4;
    --bs-app-sidebar-light-menu-heading-color: #B5B5C3;
    --bs-app-sidebar-light-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-menu-link-color: #252F4A;
    --bs-app-sidebar-light-menu-link-icon-color: #99A1B7;
  }
  
[data-bs-theme=dark] {
    --bs-app-bg-color: #0F1014;
    --bs-app-blank-bg-color: #0F1014;
    --bs-app-header-base-bg-color: #0D0E12;
    --bs-app-header-base-box-shadow: none;
    --bs-app-header-minimize-bg-color: #0D0E12;
    --bs-app-header-minimize-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-app-toolbar-base-bg-color: #131313;
    --bs-app-toolbar-base-box-shadow: none;
    --bs-app-toolbar-base-border-top: 1px dashed #363843;
    --bs-app-aside-base-bg-color: #131313;
    --bs-app-footer-bg-color: transparent;
    --bs-app-footer-box-shadow: none;
    --bs-app-header-light-separator-color: #26272F;
    --bs-app-sidebar-base-toggle-btn-box-shadow: none;
    --bs-app-sidebar-base-toggle-btn-bg-color: #26272F;
    --bs-app-sidebar-base-toggle-btn-border-color: none;
    --bs-app-sidebar-base-border-color: none;
    --bs-app-sidebar-light-bg-color: #0D0E12;
    --bs-app-sidebar-light-box-shadow: none;
    --bs-app-sidebar-light-separator-color: #26272F;
    --bs-app-sidebar-light-scrollbar-color-hover: #26272F;
    --bs-app-sidebar-light-menu-heading-color: #636674;
    --bs-app-sidebar-light-menu-link-bg-color-active: #2A2A3C;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #1B1C22;
    --bs-app-sidebar-light-menu-link-color: #DBDFE9;
    --bs-app-sidebar-light-menu-link-icon-color: #7F8194;
}

:root {
    --bs-app-header-height: 70px;
    --bs-app-header-height-actual: 70px;
    --bs-app-header-base-border-bottom: 1px solid var(--bs-app-sidebar-light-separator-color);
}

.container-xxl {
    max-width: 1560px;
}

.menu-title {
    font-weight: 500 !important;
    font-size: 1rem !important;
}

.app-header {
    border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.app-sidebar-logo {
    height: var(--bs-app-header-height) !important;
    border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.btn-lg {
	padding: calc(0.825rem + 1px) calc(1.75rem + 1px) !important;
}


.nav-link  {
    color: var(--bs-dark);
    background-color: none;
}

i.fa-question-circle {
    color: var(--bs-text-muted);
}

i.fa-info-circle {
    color: var(--bs-text-muted);
}

.form-control:disabled {
    color: var(--bs-text-dark);
}

.form-control.form-control-solid {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
}


.search-box {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
}