/* Sobrescribir estilos de Bootstrap con los colores deseados */

/* Botones principales */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #4b0e2a !important;
    border-color: #4b0e2a !important;
    color: white !important;
}

/* Selectores personalizados */
.form-select {
    border-color: #4b0e2a !important; /* Mantener el borde con color personalizado */
    color: black; /* Devolver el color de texto al negro predeterminado */
    background-color: white !important; /* Fondo blanco para el selector */
}

/* Estilo personalizado para el navbar */
.navbar-custom {
    background-color: #800020 !important; /* Fondo rojo personalizado */
    color: white !important; /* Texto blanco */
}

/* Asegurarse de que los enlaces del navbar también sean blancos */
.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: white !important;
}

/* Estilo para encabezados de la tabla */
table th {
    background-color: #4b0e2a !important;
    color: white !important;
    border: 1px solid #4b0e2a !important;
}

/* Estilo personalizado para las filas de la tabla */
table td {
    border: 1px solid #4b0e2a !important;
    color: black;
}

/* Estilo de botones personalizados */
.btn-custom {
    background-color: #4b0e2a;
    color: white;
    border: 1px solid #4b0e2a;
}

.btn-custom:hover {
    background-color: #3e0c24;
    color: white;
}

/* Estilo para filas de asistencias */
.present {
    background-color: #d4edda !important; /* Verde claro */
    color: #155724 !important; /* Verde oscuro para consistencia */
}

.absent {
    background-color: #f8d7da !important; /* Rojo claro */
    color: #721c24 !important; /* Rojo oscuro para consistencia */
}

/* Estilo para el botón de "Entrar" en el formulario de inicio de sesión */
.btn-primary-custom {
    background-color: #4b0e2a !important;
    color: white !important;
    border: 1px solid #4b0e2a !important;
}

.btn-primary-custom:hover {
    background-color: #3e0c24 !important;
    color: white !important;
}