html {
    font-size: 16px; /* Ajusta el tamaño de LETRA para TODO el sistema 17 marzo 2025 */
}

/* Ajusta el COLOR del padre en el MENU 17 marzo 2025 */
.nav-sidebar > .nav-item > .nav-link.active {
    background-color:  #5d6d7e  !important; /* Gris  5d6d7e */
    color: white; /* Color del texto */
}

/* Estilo para botones deshabilitados */
button:disabled {
    opacity: 0.6; /* Reduce la opacidad */
    cursor: not-allowed; /* Cambia el cursor a "no permitido" */
}

/* Estilo para el contenedor del logo */
.brand-link {
    position: relative;
    padding: 15px !important; /* Ajusta según necesidad */
}

/* Círculo blanco alrededor del logo */
.brand-link .brand-image.img-circle {
    border: 3px solid white !important; /* Grosor y color del borde */
    box-shadow: 0 0 0 3px white !important; /* Borde externo (opcional) */
    background-color: white !important; /* Fondo blanco (si el logo tiene transparencia) */
    padding: 3px !important; /* Espacio interno entre logo y borde */
}

/* Ajuste para el texto debajo del logo */
.brand-text {
    margin-top: 5px !important;
}

.brand-text.font-weight-light {
    font-size: 16px;
    color: white !important;
    animation: blink 3s infinite; /* Parpadeo lento */
    font-weight: 700 !important;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Estilo para DataTables en AdminLTE3 06-06-2025 */

.dataTables_wrapper .dt-buttons.btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.dataTables_wrapper .dt-button {
    margin-right: 0 !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5rem;
    display: inline-block;
    width: auto !important;
}

.dataTables_wrapper .dataTables_length select {
    display: inline-block;
    width: auto !important;
}

/* Estilo para botones deshabilitados */
.dt-button.disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* Botón limpiar búsqueda */
#clearSearch {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s;
}

#clearSearch:hover {
    opacity: 1;
}

/* Agregar esto a tu CSS */
option.text-danger {
    color: #dc3545 !important;
    font-style: italic;
}

option:disabled {
    color: #6c757d !important;
}

.tooltip-inner {
    max-width: 400px;
    text-align: left;
    white-space: pre-line;
}