/* ===============================
   PAGINACIÓN DATATABLE
=============================== */

.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    background: #257A9C !important;
    color: white !important;

    border: none !important;

    border-radius: 8px;

    padding: 6px 14px !important;

    margin: 0 4px;

    transition: .3s;

    font-size: 14px;
}

/* HOVER */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    background: #39ADD3 !important;

    color: white !important;

    border: none !important;
}

/* BOTÓN ACTIVO */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {

    background: #DF6F0E !important;

    color: white !important;

    border: none !important;
}

/* DESHABILITADOS */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {

    background: #adb5bd !important;

    color: white !important;

    cursor: not-allowed;
}


/* ===============================
   SELECT MOSTRAR REGISTROS
=============================== */

.dataTables_wrapper .dataTables_length {

    margin-bottom: 15px;

    font-weight: 500;
}

.dataTables_wrapper .dataTables_length label {

    display: flex;
    align-items: center;
    gap: 10px;

    color: #212529;
}

.dataTables_wrapper .dataTables_length select {

    border: 1px solid #ced4da !important;

    border-radius: 10px !important;

    padding: 5px 35px 5px 12px !important;

    background-color: white !important;

    font-size: 14px;

    box-shadow: none !important;

    transition: .3s;

    cursor: pointer;
}

/* HOVER */
.dataTables_wrapper .dataTables_length select:hover {

    border-color: #0d6efd !important;
}

/* FOCUS */
.dataTables_wrapper .dataTables_length select:focus {

    border-color: #0d6efd !important;

    box-shadow: 0 0 0 0.15rem rgba(13,110,253,.25) !important;

    outline: none;
}