table.dataTable>tbody>tr>td>a {
    padding: 8px 10px;
}

table td {
    white-space: nowrap;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 0.40;
}

table.dataTable>tbody>tr>th,
table.dataTable>tbody>tr>td:has(i) {
    padding: 0px 10px;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 0.70;
}

.dt-layout-row:nth-last-child(2) .dt-layout-cell {
    margin-right: auto;
}

.dt-layout-cell.dt-layout-full {
    overflow: auto;
}


/* Aplica los estilos al contenedor principal de Select2 */
.select2-container .select2-selection--single {
    flex: 1;
    background-color: #fff;
    color: black;
    font-size: 1rem;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s ease;
    height: auto;
    /* Ajusta la altura automáticamente */
    display: flex;
    align-items: center;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
    cursor: not-allowed;
}

/* Para evitar que el texto se corte */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    padding: 0;
    line-height: normal;
    font-weight: normal;
}

/* Estilo al hacer hover o focus */
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus {
    border-color: #999;
}

/* Si el select está deshabilitado */
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f0f0f0;
    color: #a0a0a0;
    border: 1px solid #ddd;
}


.select2-container--default .select2-selection--multiple {
    padding: 5px !important;
    max-height: 90px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Ajusta el dropdown para que sea coherente */
.select2-container--default .select2-results>.select2-results__options {
    font-size: 1rem;
    background-color: #fff;
    color: black;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.apexcharts-toolbar {
    z-index: 0 !important;
}

.cuotas__container {
    display: none;
}

.cuotas__container h2 {
    padding: 16px 0;
}

.cuotas {
    flex-direction: row;
    flex-wrap: wrap;
}

.swal2-html-container {
    white-space: pre-line;
}

.swal-wide {
    width: 1200px;
    max-width: 90%;
}

.inline {
    flex-direction: row !important;
    align-items: center !important;
}

.inline>* {
    width: auto !important;
}

.dt-length label,
.dt-search label {
    display: inline;
}

.caja__inputs {
    width: fit-content;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 0;
}

div:where(.swal2-container) .swal2-input {
    height: fit-content;
}

@media (max-width: 768px) {
    .caja__inputs {
        width: 100%;
    }
}