/* Esto fuerza a todo el cuerpo de la aplicación a ser blanco */
.page-container {
    background-color: #ffffff !important;
    min-height: 100vh; /* Asegura que cubra toda la altura de la pantalla */
    color: var(--bs-primary) !important; /* Aplica el color Primary de Bootstrap */
}

    /* Opcional: Asegura que el texto dentro de los contenedores herede el color */
    .page-container p,
    .page-container h1,
    .page-container h2,
    .page-container h3,
    .page-container label,
    .page-container span {
        color: var(--bs-primary) !important;
    }

.bg-primary-dark {
    background-color: #1a5276 !important;
    color: #ffffff !important;
}

/* O, si prefieres sobreescribir el comportamiento global sin crear una clase nueva */
.bg-primary {
    background-color: #1a5276 !important;
    color: #ffffff !important;
}

:root {
    /* Sobreescribe las variables globales de Bootstrap para que todo componente 
       que use --bs-primary tome tu azul */
    --bs-primary: #1a5276;
}


/* Para filas seleccionadas (si aplica) */
.dxbl-grid-row-selected {
    background-color: rgba(26, 82, 118, 0.1) !important;
}