:root {
    --primary-color: #2d52a0;
    --primary-light-color: #a7acb7;
    --background-light: #f4f7f9;
    --background-dark: #0d0e12;
    --border-light: #d2d6e3;
    --border-dark: #313131;
    --text-light: #b6b9c8;
    --text-white: #fff;
    --text-dark:#000;
    --theme-secondary-bg-color:#f5d83a;
    --primary-background-color: rgb(29, 58, 117);
}

body {
    background-color: var(--background-light);
}

.header .header-brand {
    background-color: #fff;
    border-bottom: 1px solid var(--border-light) !important;
}

.table-bordered-medium-grey{
    border: 1px solid #d5d5d5;
}

.aside {
    background-color: #fff;
}

.aside .aside-toolbar .aside-user {
    border-top: 1px solid #dedeec;
}

.aside .aside-toolbar .aside-search {
    border-bottom: 1px solid var(--border-light) !important;
}

#kt_aside {
    z-index: 108;
}

.toolbar {
    background-color: #1d3a75;
}

a.link-primary{
color: var(--primary-color) !important;
}

.aside-menu .menu .menu-item .menu-link .menu-title,
.aside-menu .menu .menu-item .menu-link .menu-icon,
.aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon,
.aside-menu .menu .menu-item .menu-link .menu-icon i,
.aside-menu .menu .menu-item.show>.menu-link .menu-title,
.aside-menu .menu .menu-item .menu-link.active,
.aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--primary-color);
}
.menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i{
    color: var(--primary-color);
}
.aside .aside-footer .btn-custom:hover:not(.btn-active){
    background-color: rgb(29, 58, 117) !important;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary {
    background-color: var(--primary-color) !important;
    color: #fff;
}

.btn.btn-theme-secondary,
.btn.btn-theme-secondary:hover,
.btn-check:active+.btn.btn-theme-secondary,
.btn-check:checked+.btn.btn-theme-secondary,
.btn.btn-theme-secondary.active,
.btn.btn-theme-secondary.show,
.btn.btn-theme-secondary:active:not(.btn-active),
.btn.btn-theme-secondary:focus:not(.btn-active),
.btn.btn-theme-secondary:hover:not(.btn-active),
.show>.btn.btn-theme-secondary {
    background-color: var(--theme-secondary-bg-color) !important;
    color: var(--primary-color) ;
}

.btn.btn-light-primary{
    color: var(--primary-color) !important;
}

#kt_aside_footer .btn-theme-secondary i{
    color: var(--primary-color) !important ;
}

.aside-menu .menu .menu-item .menu-link.active{
background-color: var(--primary-color);
}

.aside-menu .menu .menu-item .menu-link.active .menu-title{
    color:  var(--text-white);
}

.text-mjf-primary,
.text-mjf-primary:hover,
.text-primary,
.text-active-primary.active,
.text-active-primary.active i {
    color: var(--primary-color) !important;
}

.bg-light-primary {
    background-color: #e8eff9 !important;
}

.border-primary {
    border-color: rgb(0, 48, 119) !important;
}

.menu-gray-800 .menu-item .menu-link,
.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--primary-color);
}

.svg-icon.svg-icon-primary {
    color: var(--primary-color);
}

.badge.badge-light-primary {
    background-color: #e8eff9 !important;
    color: var(--primary-color);
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.pagination .active .page-link,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    background-color: var(--primary-color);
}

.menu-item.menu-accordion.active.show span.menu-link span.menu-title,
.menu-item.menu-accordion.active.show span.menu-link span.menu-icon .svg-icon {
    color: var(--primary-color);
}



/* Dark Mode */
html[data-bs-theme="dark"] body {
    background: var(--background-dark) !important;
}

html[data-bs-theme="dark"] .header .header-brand,
html[data-bs-theme="dark"] .aside {
    background: var(--background-dark) !important;
}
html[data-bs-theme="dark"] .text-primary{
    color: var(--primary-light-color) !important;
}
html[data-bs-theme="dark"] .aside .aside-toolbar .aside-search,
html[data-bs-theme="dark"] .header-brand {
    border-bottom: 1px solid var(--border-dark) !important;
}

html[data-bs-theme="dark"] .aside-menu .menu .menu-item .menu-link,
html[data-bs-theme="dark"] .aside-menu .menu .menu-item .menu-link .menu-title,
html[data-bs-theme="dark"] .aside-menu .menu .menu-item .menu-link .menu-icon,
html[data-bs-theme="dark"] .aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon,
html[data-bs-theme="dark"] .aside-menu .menu .menu-item .menu-link .menu-icon i {
    color: var(--primary-light-color);
}

@media (max-width: 991px) {
    .top-fixed-head {
        position: fixed;
        right: 41px;
        top: 1px;
        z-index: 111;
    }
}