:root {
    --home-navy: #0a84c6;
    --home-deep: #344d66;
    --home-border: rgba(201, 151, 58, 0.2);
    --home-menu-hover: #0a84c6;
    --home-menu-active: #0a84c6;
    --home-menu-open: #0878b3;
}

/* Header containers only */
.navbar.navbar-dark,
body.login-theme .navbar.navbar-dark,
body.login-theme .navbar.navbar-light {
    background: rgba(10, 132, 198, 0.95) !important;
    border-bottom: 1px solid var(--home-border) !important;
}

/* Sidebar container only */
.sidebar-dark {
    background: var(--home-deep) !important;
}

.sidebar-dark .sidebar-user {
    background: #3a5470 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Menu hover and active colors */
.sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover,
.sidebar-dark .nav-sidebar .nav-link:focus,
.sidebar-dark .nav-sidebar .nav-group-sub .nav-link:not(.disabled):hover,
.sidebar-dark .nav-sidebar .nav-group-sub .nav-link:focus {
    background: var(--home-menu-hover) !important;
    color: #ffffff !important;
}

.sidebar-dark .nav-sidebar .nav-item > .nav-link.active,
.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-dark .nav-sidebar > .nav-item-expanded:not(.nav-item-open) > .nav-link,
.sidebar-dark .nav-sidebar .nav-group-sub .nav-link.active,
.sidebar-dark .nav-sidebar .nav-item.open > .nav-link {
    background: var(--home-menu-active) !important;
    color: #ffffff !important;
}

.sidebar-dark .nav-sidebar .nav-item-submenu.nav-item-open > .nav-link,
.sidebar-dark .nav-sidebar .nav-item-submenu.nav-item-open > .nav-link:hover {
    background: var(--home-menu-open) !important;
    color: #ffffff !important;
}

.navbar-dark .navbar-nav-link:hover,
.navbar-dark .navbar-nav-link:focus,
.navbar-dark .active > .navbar-nav-link,
.navbar-dark .navbar-nav-link.active,
.navbar-dark .show > .navbar-nav-link,
.navbar-light .navbar-nav-link:hover,
.navbar-light .navbar-nav-link:focus,
.navbar-light .active > .navbar-nav-link,
.navbar-light .navbar-nav-link.active,
.navbar-light .show > .navbar-nav-link {
    background: var(--home-menu-hover) !important;
    color: #ffffff !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background: var(--home-menu-hover) !important;
    color: #ffffff !important;
}

/* Footer container only (login/footer navbar) */
.navbar.navbar-light {
    background: rgba(10, 132, 198, 0.95) !important;
    border-top: 1px solid var(--home-border) !important;
}

.navbar.navbar-light .navbar-text,
.navbar.navbar-light .navbar-text a {
    color: #ffffff !important;
}

/* Login page background */
.page-content.login-cover {
    background: #ffffff !important;
    background-image: none !important;
}

.et-date-picker {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.et-date-picker select.form-control {
    color: #333 !important;
    background-color: #fff !important;
    margin-right: 0 !important;
    max-width: none !important;
    min-width: 0;
    width: 100%;
    line-height: 1.4;
    -webkit-appearance: menulist;
    appearance: auto;
}

.et-date-picker .et-day {
    flex: 0 0 22%;
    min-width: 100px;
}

.et-date-picker .et-month {
    flex: 1 1 48%;
    min-width: 230px;
}

.et-date-picker .et-year {
    flex: 0 0 30%;
    min-width: 125px;
}

@media (max-width: 575.98px) {
    .et-date-picker {
        gap: 0.35rem;
    }

    .et-date-picker .et-day,
    .et-date-picker .et-month,
    .et-date-picker .et-year {
        min-width: 0;
    }

    .et-date-picker select.form-control {
        padding-left: 0.5rem;
        padding-right: 1.1rem;
    }
}

.et-date-picker select.form-control option {
    color: #333;
    background-color: #fff;
}