/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */

/* Cambiar el color de fondo a blanco para toda la aplicación */
body,
.navbar,
.navbar-vertical,
.navbar-light,
.navbar-glass,
.navbar-top {
    background-color: #ffffff !important;
}

/* Hacer que el contenido ocupe el ancho completo */
.container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ajustar el contenido principal para que ocupe todo el ancho */
.content {
    /* width: 100% !important; */
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Asegurar que la barra lateral tenga fondo blanco */
.navbar-vertical-content {
    background-color: #ffffff !important;
}

/* Cambiar los bordes y sombras */
.navbar-glass {
    border-bottom: 1px solid #e3e6ed !important;
    box-shadow: none !important;
}

.navbar-vertical {
    border-right: 1px solid #e3e6ed !important;
    box-shadow: none !important;
    overflow-y: auto !important;
}

/* -------------------------------------------------------------------------- */
/*                              Navbar Grupos                                */
/* -------------------------------------------------------------------------- */

/* Contenedor personalizado para grupos con subgrupos */
.custom-group-wrapper {
    transition: background-color 0.15s ease-in-out !important;
}

.custom-group-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Botón desplegable hover */
.custom-group-wrapper .dropdown-indicator:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.custom-group-wrapper .dropdown-indicator:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Separador visual entre grupo principal y botón */
.custom-group-wrapper::after {
    content: '';
    position: absolute;
    right: 44px;
    top: 8px;
    width: 1px;
    height: 28px;
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 1;
    z-index: 1;
}

.custom-group-wrapper:hover::after {
    background-color: rgba(0, 0, 0, 0.25);
}

/*# sourceMappingURL=user.css.map */