:root, [data-bs-theme="light"] {
    --bs-body-bg: var(--bs-tertiary-bg);
}

.layout .layout-right {
    min-height: 100vh;
}

.layout .layout-main {
    margin-top: 3rem;
}

.breadcrumb-item.active {
    color: #fff;
    font-weight: 500
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0.75rem;
    width: 95%;
}

.layout {
    --bb-layout-header-background: #153d77;
    --bb-layout-header-border-color: #153d77;
    --bb-layout-headerbar-background: #153d77;
    --bb-layout-headerbar-border-color: var(--bs-border-color);
    --bb-layout-sidebar-width: 250px;
    --bb-layout-sidebar-collapse-width: 70px;
    --bb-layout-sidebar-banner-background: #153d77;
    --bb-layout-banner-font-size: 1.175rem;
    --bb-layout-logo-bg: #153d77;
    --bb-layout-logo-border-color: transparent;
    --bb-layout-banner-border-color: #153d77;
    --bb-layout-menu-user-banner-background: #153d77;
}

.bb-theme-mode .bb-theme-mode-active {
    width: 18px;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-dark-border-subtle);
}

.layout.is-collapsed .sidebar-user {
    display: none;
}

.layout.is-collapsed .layout-side:hover .sidebar-user {
    display: block;
}

.layout.is-collapsed .layout-menu .scroll {
    overflow: hidden;
}

[data-bs-theme=light] .layout .layout-side {
    background-color: #fff;
}

[data-bs-theme=light] .bb-theme-mode .bb-theme-mode-active {
    color: #fff;
}

[data-bs-theme=light] .wrapper:before {
    background:;
}

[data-bs-theme=light] .menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
    background-color: #e9ecef;
    color: #212529;
}

[data-bs-theme=light] .card {
    --bs-card-bg: #fff;
}

[data-bs-theme=dark] .wrapper:before {
    background: #2b2c40;
}

[data-bs-theme='dark'] {
    --bs-body-bg: #232333;
}

[data-bs-theme=dark] .layout .layout-header {
    background-color: #2b2c40;
}

[data-bs-theme=dark] .layout .layout-side {
    background-color: #232333;
    /*border-right: 1px solid var(--bs-border-color);*/
}

[data-bs-theme=dark] .layout {
    --bb-layout-header-background: #2b2c40;
    --bb-layout-sidebar-banner-background: #2b2c40;
}

[data-bs-theme=dark] .sidebar-user {
    background: #232333;
    color: #fff;
    background-color: #232333;
    border-right: 1px solid var(--bs-border-color);
}

[data-bs-theme=dark] .layout .layout-menu {
    background: #232333;
}

[data-bs-theme=dark] .layout.has-sidebar .layout-side .layout-menu {
    height: -webkit-fill-available;
}


[data-bs-theme=dark] .menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
    background-color: #e9ecef;
    color: #212529;
}

[data-bs-theme=dark] .modal {
    --bs-modal-bg: #2b2c40;
}

[data-bs-theme=dark] .card-header {
    background-color: #2b2c40;
}

[data-bs-theme=dark] .card-footer {
    background-color: #2b2c40;
}

[data-bs-theme=dark] .card {
    --bs-card-bg: #2b2c40;
}

[data-bs-theme=dark] .bb-multi-filter {
    --bb-multi-filter-body-item-bg:;
    --bb-multi-filter-body-item-hover-bg:;
}