:root {
    --sidebar-width: 15rem !important;
}

.fi-sidebar {
    background-color: #ffffff !important;
}

.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button span,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar-group-button span,
.fi-sidebar-group-button svg {
    color: #1f2937 !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button:hover {
    background-color: #265a6b !important;
    color: #ffffff !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-button span,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button:hover span,
.fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #ffffff !important;
}

.fi-sidebar-header {
    background-color: #ffffff !important;
}

.fi-topbar > nav {
    background-color: #ffffff !important;
}

.fi-logo {
    color: #1f2937 !important;
}

.fi-topbar .fi-topbar-brand,
.fi-topbar .fi-topbar-item,
.fi-sidebar-header .fi-sidebar-header-brand,
.fi-topbar .fi-icon,
.fi-sidebar-header .fi-icon {
    color: #1f2937 !important;
}