:root {
    --swit-white: #ffffff;
    --swit-black: #000000;
}

.swit-table {
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    box-shadow: 10px 10px 13.7px 0px rgba(0, 0, 0, 0.12);
}

    .swit-table thead {
        height: 64px;
        vertical-align: middle;
    }

    .swit-table td.dt-type-numeric {
        text-align: center !important;
    }

    .swit-table th.dt-type-numeric {
        text-align: center !important;
    }

    .swit-table thead tr th {
        text-align: center;
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        color: var(--swit-white);
        background-color: #4E20DA !important;
    }

        .swit-table thead tr th:first-child {
            border-top-left-radius: 12px;
            padding-left: 1.8rem;
        }

        .swit-table thead tr th:last-child {
            border-top-right-radius: 12px;
            padding-right: 1.8rem;
        }

    .swit-table tbody tr:nth-of-type(2n+1) {
        background-color: rgba(25, 10, 95, 0.06);
    }

.btn-link{
    color: var(--swit-black);
}

/*Search button*/
.dt-container .dt-search input {
    height: 40px !important;
    text-indent: 1rem !important;
    border-radius: 39px !important;
}

    .dt-container .dt-search input::placeholder {
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 15px !important;
    }

/*Length label*/
.dt-container .dt-length {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: var(--swit-black) !important;
    float: right !important;
}

    .dt-container .dt-length select {
        color: var(--swit-black) !important;
        font-size: 17px !important;
    }

.dt-length label {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.45) !important;
}

#dt-length-0 {
    color: rgba(0, 0, 0, 0.50) !important;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 8px;
    height: 35px;
    width: auto;
    padding: .375rem .75rem;
    font-weight: 500;
    font-size: 20px;
}

/*Info label*/
.dt-container .dt-info {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.46) !important;
    padding: 0;
}

/*Pagination*/
.dt-container .dt-paging-button.current {
    border: none !important;
    background: transparent !important;
    color: #FFA600 !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    padding: 0 !important;
}

    .dt-container .dt-paging-button.current:hover {
        border: none !important;
        color: #FFA600 !important;
        background: none !important;
    }

.dt-container .dt-paging-button.previous,
.dt-container .dt-paging-button.next,
.dt-container .dt-paging-button.first,
.dt-container .dt-paging-button.last {
    font-size: 17px !important;
    color: var(--swit-black) !important;
}

/*old design*/
#toggleFiltros {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-decoration: underline;
    color: #F08719;
}

    #toggleFiltros::after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 0.9em;
        border: none;
        margin-left: 8px;
        display: inline-block;
        transition: transform 0.3s ease;
        transform: rotate(0deg);
    }

    #toggleFiltros.rotado::after {
        transform: rotate(180deg);
    }

.swit-table-container {
    box-shadow: 0px 8px 13.7px 0px rgba(0, 0, 0, 0.12);
}

.form-control::placeholder {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

#seccionSearch .form-control,
.dataTables_wrapper .dataTables_length label input {
    color: var(--swit-black);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 8px;
    height: 46px;
}

#btnSearchDate {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: var(--swit-white);
    background: var(--swit-btn-submit-bg);
    border-color: var(--swit-btn-submit-bg) !important;
    font-size: 20px;
    border: none;
    border-radius: 39px;
}

    #btnSearchDate:hover {
        color: var(--swit-white);
        background: #6835FF;
        border-color: #6835FF;
    }

    #btnSearchDate:focus {
        box-shadow: 0 0 0 0.25rem var(--swit-btn-submit-shadow-rgb);
    }

#mostrarAvanzados .form-control,
#mostrarAvanzados textarea {
    color: rgba(0, 0, 0, 0.45) !important;
    background-color: white !important;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    height: 56px;
}

#tblData_length select {
    color: var(--swit-black);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 8px;
    height: 46px;
    width: auto;
    padding: .375rem .75rem;
    font-weight: 500;
    font-size: 20px;
}

.select2-selection.select2-selection--multiple {
    padding: 0 !important;
    border: none !important;
    border-radius: 15px !important;
}

.select2-search__field {
    margin: 0 !important;
    padding: .375rem .75rem !important;
}

.dt-buttons {
    margin-bottom: 0;
}

.dt-button.buttons-excel {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: var(--swit-white);
    background: var(--swit-btn-excel-bg);
    border-color: var(--swit-btn-excel-bg) !important;
    font-size: 20px;
    border: none;
    border-radius: 39px;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

    .dt-button.buttons-excel:hover {
        color: var(--swit-white);
        background: var(--swit-btn-excel-hover-bg);
        border-color: var(--swit-btn-excel-hover-bg);
    }

    .dt-button.buttons-excel:focus {
        box-shadow: 0 0 0 0.25rem var(--swit-btn-excel-shadow-rgb);
    }

.dt-button.buttons-pdf {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: var(--swit-white);
    background: var(--swit-btn-pdf-bg);
    border-color: var(--swit-btn-pdf-bg) !important;
    font-size: 20px;
    border: none;
    border-radius: 39px;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

    .dt-button.buttons-pdf:hover {
        color: var(--swit-white);
        background: var(--swit-btn-pdf-hover-bg);
        border-color: var(--swit-btn-pdf-hover-bg);
    }

    .dt-button.buttons-pdf:focus {
        box-shadow: 0 0 0 0.25rem var(--swit-btn-pdf-shadow-rgb);
    }

/*end old design */