/* admin_custom.css */

/* Cambia el color del encabezado */
#header {
    background-color: #00084e; /* Azul oscuro del logo */
}

/* Cambia el color del título de la administración */
#header #site-name, #header #site-name a, #header #site-name a:visited {
    color: white !important; /* Cambia el color del título a blanco */
    text-decoration: none; /* Elimina cualquier subrayado, si es necesario */
}


/* Cambia el color de las barras horizontales */
.module h2 {
    background-color: #454652; /* Tono más claro */
    color: white; /* Texto blanco para contraste */
}

/* Cambia el color de la barra de navegación interna (breadcrumbs) */
div.breadcrumbs {
    --breadcrumbs-bg: #454652 !important; /* Cambia el fondo a azul oscuro */
    --breadcrumbs-fg: white !important; /* Cambia el color del texto a blanco */
    background: var(--breadcrumbs-bg) !important; /* Aplica el color de fondo */
    color: var(--breadcrumbs-fg) !important; /* Aplica el color del texto */
}

/* Cambia el color de las pestañas de la barra lateral */
.nav-sidebar .module h2 {
    background-color: #454652 !important; /* Tono más claro */
    color: white !important; /* Texto blanco para contraste */
}


/* Cambia el color de los botones */
.submit-row input, .button {
    background-color: #00084e; /* Azul oscuro del logo */
    border-color: #2C3E50;
    color: white; /* Color del texto */
}

/* Cambia el color de los enlaces activos en la barra lateral */
.nav-sidebar .current a {
    color: #2C3E50; /* Nuevo color de los enlaces activos */
    font-weight: bold;
}