/* Ocultar scroll en sidebar */
.fi-sidebar-nav::-webkit-scrollbar {
    display: none;
}

.fi-sidebar-nav {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

html .content-box{
    box-sizing: border-box;
}

/* html .fi-logo {
    margin-top: 10px !important;
} */

html.dark .fi-sidebar-nav {
    border: 1px solid #141e35;
    padding-top: 10px;
    background-image: linear-gradient(to left, #020617,#0F172A);
    border-right:none;
}

.fi-sidebar-nav {
    background-image: linear-gradient(to left, #F8FAFC, #dddddd);
    border-right: 1px solid #e1e1e1;
}

html.dark .fi-sidebar-nav-groups {
    padding: 0.5rem 1rem;
    gap: .5rem;
    /* min-height: 100vh; */
}

html .fi-sidebar-nav-groups {
    padding: 0.5rem 1rem;
    gap: .5rem;
    /* min-height: 100vh; */
}

.fi-sidebar-group-button {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #020617;
    border-radius: 0.375rem 0.375rem 0 0;
    -webkit-border-radius: 0.375rem 0.375rem 0 0;
    -moz-border-radius: 0.375rem 0.375rem 0 0;
    -ms-border-radius: 0.375rem 0.375rem 0 0;
    -o-border-radius: 0.375rem 0.375rem 0 0;
}

.fi-main {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 !important;
}

.fi-page {
    max-width:none;
    width: 100% !important;
    margin: 0 auto !important;
}