.login-aside h3 {
    color: #ffffff !important;
}

.login-aside,
.aside-left,
.aside-menu,
#kt_aside_menu,
#kt_brand,
#kt_header_mobile {
    background-color: #113174 !important;
}

.aside-menu .menu-nav {
    padding: 3px 0 !important;
}

.brand {
    padding: 20px !important;
    height: 80px !important;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #1e3a5f !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    background-color: #0f2542 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active {
    background-color: #1e3a5f !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: #1e3a5f !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link {
    background-color: #1e3a5f !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff !important;
}

.user-dropdown {
    background-color: #113174 !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover {
    background-color: transparent !important;
    transition: 0.3s !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link {
    background-color: #1e3a5f !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background-color: #113174 !important;
    color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
    background-color: #113174 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover {
    background-color: #113174 !important;
}

.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: #ffffff !important;
}

.menu-text {
    color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
    color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-bullet.menu-bullet-dot>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-bullet.menu-bullet-dot>span {
    background-color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-arrow,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-arrow {
    color: #ffffff !important;
}

.svg-icon.svg-icon-primary svg g [fill] {
    fill: #111827 !important;
}

@media (min-width: 992px) {
    .header-mobile .burger-icon span {
        background-color: #ffffff !important;
    }

    .brand .btn .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #111827 !important;
    }
}

@media (max-width: 991.98px) {
    .header-mobile .burger-icon:hover span {
        background-color: #ffffff !important;
    }
}

/* Datatable */
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active>.page-link {
    background-color: #113174 !important;
    color: #FFFFFF !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link:hover {
    background-color: #113174 !important;
    color: #FFFFFF !important;
}

/* Navbar dropdown background */
.navbar .dropdown-menu {
    background-color: #113174 !important;
}

/* Dropdown item hover */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: #113174 !important;
}

/* Tooltip styling */
.tooltip-inner {
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Popover styling */
.popover {
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Scroll to top */
.scrolltop {
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Swal confirm dialog button */
.swal2-styled.swal2-confirm {
    background-color: #111827 !important;
}

/* System notification */
.system-notification {
    background-color: #111827 !important;
}

/* Nav link */
.nav-link.active {
    color: #111827 !important;
}

.nav .show>.nav-link,
.nav .nav-link:hover:not(.disabled),
.nav .nav-link.active {
    color: #111827 !important;
}

/* Card on mobile */
@media (max-width: 767.98px) {
    .card.card-custom>.card-header:not(.flex-nowrap) {
        padding-top: 1rem !important;
    }

}

/* Hero button styles for admin header */
.btn-hero-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.875rem 1.5rem !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.btn-hero-secondary:hover {
    background-color: #0f2542 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
}

.btn-hero-secondary .btn-icon {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    flex-shrink: 0 !important;
}