:root {
    --tw-text-base-size: 1.5rem !important;
    font-size: 17px !important;
}

@media screen and (min-width:1024px){
    :root {
        font-size: 16px !important;
    }
}
.fi-simple-main{
    width: 90% !important;
    border-radius: 5px !important;
}

.fi-simple-main .fi-input{
    height: 50px !important;
}
/* Light mode */
.fi-sidebar-nav {border-right: 1px solid rgba(var(--gray-200), 1) !important;}

.dark .fi-sidebar-nav {border-right: 1px solid #2d2d2d !important;}

.fi-sidebar-header{ border-right: 1px solid rgba(var(--gray-200), 1) !important; }

.dark .fi-sidebar-header{ border-right: 1px solid #2d2d2d !important; }

.fi-breadcrumbs{ display: none !important;}

/* MODO CLARO */
.fi-topbar {
    background-color: #FF0000 !important; /* sua cor clara */
}

/* Sidebar no modo claro */
html:not(.dark) .fi-sidebar {
    background: #ffffff !important;
}

html.dark hr{ border-color: #2d2d2d !important;}

/* Sidebar no modo escuro */
html.dark .fi-sidebar {
    background: rgba(var(--gray-900),var(--tw-bg-opacity,1)) !important;

}

.border-gray-dark{ border-color: rgba(255, 255, 255, 0.1) !important;}

/* Brand Logo Size */
.fi-sidebar-header img,
.fi-logo img {
    height: 3.5rem !important;
    width: auto !important;
}