/* datatables-custom.css */

/* Importación de la fuente Roboto */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/

/* Estilos generales para todas las DataTables */
/*.dataTables_wrapper,
table.dataTable {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}*/

    /* Estilos para los encabezados */
    /*.dataTables_wrapper thead th {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500;
    }*/

    /* Estilos para las celdas del cuerpo */
    /*.dataTables_wrapper tbody td {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
    }*/

/* Estilos para los controles de DataTable */
/*.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    font-family: 'Roboto', sans-serif !important;
}*/

/* Estilos para los botones de paginación */
/*.paginate_button {
    font-family: 'Roboto', sans-serif !important;
}*/

/* Estilos para el campo de búsqueda */
/*.dataTables_filter input {
    font-family: 'Roboto', sans-serif !important;
}*/



/* EstiloDataTable.css */

/* Importación de la fuente Roboto */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/

/* Estilos generales para todas las DataTables */
/*.dataTables_wrapper,
table.dataTable {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}*/

    /* Estilos para los encabezados de DataTables */
    /*.dataTables_wrapper thead th,
    .dataTables_scrollHead thead tr th,
    .modal-header,
    .modal .table thead th {
        background-color: #0b132b !important;
        color: white !important;
        border-bottom: 2px solid #0b132b !important;
        font-weight: bold !important;
        padding: 10px !important;
        font-family: 'Roboto', sans-serif !important;
    }*/

/* Estilos específicos para modales */
/*.modal-header {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-title {
    color: white !important;
    font-family: 'Roboto', sans-serif !important;
}*/

/* Estilos para las celdas del cuerpo */
/*.dataTables_wrapper tbody td {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}*/

/* Estilos para los controles de DataTable */
/*.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    font-family: 'Roboto', sans-serif !important;
}*/

    /* Estilos para el campo de búsqueda */
    /*.dataTables_filter input {
        font-family: 'Roboto', sans-serif !important;
    }*/

/* Asegurar que los encabezados mantengan su color en hover */
/*.dataTables_wrapper thead th:hover,
.modal .table thead th:hover {
    background-color: #0b132b !important;
    color: white !important;
}*/

/* Estilos para tablas dentro de modales */
/*.modal .dataTable thead th {
    background-color: #0b132b !important;
    color: white !important;
}*/

/* Fix para scrolling en DataTables */
/*.dataTables_scrollHead table thead th {
    background-color: #0b132b !important;
    color: white !important;
}*/


/* EstiloDataTable.css */

/* Importación de la fuente Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Estilos para todos los DataTables */
.dataTable,
.dataTables_wrapper {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}

    /* Estilos de encabezados */
    .dataTable thead th,
    .dataTables_wrapper thead th,
    table.dataTable thead th,
    table.dataTable.no-footer th,
    .dataTables_scrollHead thead tr th {
        /* background-color: #d3d3d3 !important;*/
        /* background-color: #29347a !important;*/
        /* cambia el border del datatable*/
        background-color: #29347a !important;
        color: white !important;
        /*cambia la orilla*/
        border-bottom: 2px solid #6c757d !important;
        /* border-bottom: 2px solid #00d255 !important;*/

        font-weight: bold !important;
        padding: 10px !important;
    }

/* Estilos para botones de acción */
.acciones .btn {
    padding: 0.375rem 0.75rem;
}

.acciones .btn-editar {
    margin-right: 0.5rem;
}

/* Estilos para modales */
.modal-header {
   /* background-color: #0b132b !important;*/
    background-color: #29347a !important;
    color: white !important;
}

/* Estilos para controles de DataTable */
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    font-family: 'Roboto', sans-serif !important;
    margin: 10px 0;
}

/* Estilos para las celdas */
.dataTable tbody td {
    padding: 8px !important;
    vertical-align: middle !important;
}