/* /assets/css/styles.css */

.navbar-logo {
  height: 35px; /* Ajusta la altura del logo según necesites */
  width: auto;
}

#listaPeriodosHonorarios {
    max-height: 300px; /* Ajusta esta altura según prefieras */
    overflow-y: auto; /* Muestra una barra de desplazamiento vertical si el contenido excede la altura */
    padding: 10px; /* Añade un poco de espacio interno */
    border: 1px solid #eee; /* Opcional: añade un borde para verlo mejor */
    border-radius: 4px; /* Opcional: esquinas redondeadas */
}
/* Añade esto a tu archivo CSS */
.fila-cancelada {
    background-color: #f8d7da !important; 
    text-decoration: line-through;
    opacity: 0.7;
}
.fila-cancelada a {
    color: #58151c;
}

/*
 * Estilo personalizado para el link activo en la navbar
 * (Sobreescribe el estilo de Bootstrap)
 */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    /* Color de texto (ya es blanco, pero para asegurar) */
    color: #ffffff;
    
    /* Un fondo sutilmente más claro que el azul primario */
    background-color: rgba(255, 255, 255, 0.15); 
    
    /* Bordes redondeados para que parezca un "botón" */
    border-radius: 6px;
}

/* Opcional: Estilo para el dropdown de perfil cuando está activo */
.navbar-nav .dropdown-menu .dropdown-item.active {
    /* Un azul más fuerte para el fondo */
    background-color: #0d6efd; /* Tu color azul primario */
    color: #ffffff; /* Texto blanco */
}