.title {
            background: rgba(226, 239, 252, 0.9);
            padding: 1em 1em 0 1em;
            margin: -1em -1.8em 2em -1.8em !important;
            border-radius: 0.4em;
        }
        /* *******************************/
.table-modern td:not(:first-child) {
    border-left: 1px solid lightgray;
}

.table-modern th:first-child {
    border-top-left-radius: 4px;
    border-left: 1px solid #f3f3f3;
}

.table-modern th:last-child {
    border-top-right-radius: 4px;
    border-right: 1px solid #f3f3f3;
}

.table-modern tr:last-child td:first-child, .table-modern tr:last-child td.dtr-control {
    border-bottom-left-radius: 4px;
}

.table-modern tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.table-modern tr:last-child td {
    border-bottom: 1px solid #f3f3f3;
}

.table-modern thead {
    border-radius: 4px;
    background: #fbfbfb;
}

.table-modern th {
    border-top: 1px solid #f3f3f3;
}

.table-modern td:first-child, .table-modern td.dtr-control {
    border-left: 1px solid #f3f3f3;
}

.table-modern td:last-child {
    border-right: 1px solid #f3f3f3;
}

.table-modern td {
    background: white;
}

.table-modern tbody tr:not(.child):nth-of-type(even) td {
    background: #fbfbfb;
}

.table-modern tbody tr td.child {
    padding: 0;
}

.table-modern tbody tr td.child > ul.dtr-details {
    width: 100%;
}

.table-modern tbody tr td.child > ul.dtr-details > li {
    padding: 0 !important;
    display: flex;
}

.table-modern tbody tr td.child > ul.dtr-details > li > span.dtr-title {
    padding: 1em;
    flex-grow: 0;
    background: #fbfbfb;
}

.table-modern tbody tr td.child > ul.dtr-details > li > span.dtr-data {
    flex-grow: 1;
    padding: 1em;
}

.label_14 {
    font-size: 14px !important;
}

.numero_btn {
    display: inline;
    width: auto; /* Cambia el ancho automático */
    height: auto; /* Ajusta el alto automáticamente */
    font-size: 14px; /* Tamaño de los números */
    font-weight: bold; /* El número sigue siendo visible */
    margin: 0; /* Márgenes adicionales */
    padding: 0; /* Relleno interno */
    color: white; /* O cualquier color que desees para el texto */
    /* background-color: #007bff; Quitamos el fondo azul */
    /* border-radius: 50%; Quitamos el borde redondo */
    text-align: center; /* Ajusta la alineación si se necesita */
    line-height: normal; /* Restablece el espaciado vertical */
    margin-right: 5px;
}


.total-row {
    background-color: #D9F1FF; /* Color celeste claro */
    font-weight: bold; /* Opcional: Resaltar el texto */
}
.total-page {
    background-color: #e2fdd0; /* Color celeste claro */
    font-weight: bold; /* Opcional: Resaltar el texto */
}