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;
}