input[readonly] {
    background-color: #e9ecef;
    /* Color gris por defecto de Bootstrap */
}

input[readonly]:focus {
    background-color: #e9ecef;
    /* Mantén el mismo color de fondo al hacer foco */
    outline: none;
    /* Elimina el borde azul por defecto */
}

textarea[readonly] {
    background-color: #e9ecef;
    /* Color gris por defecto de Bootstrap */
}

textarea[readonly]:focus {
    background-color: #e9ecef;
    /* Mantén el mismo color de fondo al hacer foco */
    outline: none;
    /* Elimina el borde azul por defecto */
}


.custom-file-input {
    display: none;
    /* Oculta el input de archivo */
}

.card-file {
    cursor: pointer;
    /* Cambia el cursor a pointer */
}

/* Asegúrate de que DataTables no limite el overflow */
.dataTables_wrapper {
    overflow: visible !important;
}

/* Asegúrate de que el dropdown tenga un z-index alto */
.dropdown-menu {
    z-index: 1051 !important;
    /* Mayor que el z-index de DataTables */
}

/* Evita que el contenedor de la tabla cree un nuevo contexto de apilamiento */
.tablas {
    position: static !important;
}

/* Asegúrate de que los elementos de DataTables no tengan un z-index más alto */
.dataTables_paginate,
.dataTables_filter {
    z-index: 1;
}

/* div.dataTables_paginate {
    margin-bottom: 3rem !important;
    display: flex;
    justify-content: center;
}

div.dataTables_paginate ul.pagination {
    margin: 0;
}

div.dataTables_info {
    text-align: center;
    width: 100%;
} */

.nav-tabs .nav-link.active {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
}

.nav-tabs .nav-link.active i {
    color: #fff !important;
}