/*
|--------------------------------------------------------------------------
| AeonRegenera - DataTables
|--------------------------------------------------------------------------
*/

.dt-container .dt-layout-row {
    margin-top: .75rem;
    margin-bottom: .75rem;
}


.dt-container .dt-search {
    text-align: right;
}


.dt-container .dt-search input {
    min-width: 220px;
}


.dt-container .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}


.dt-container .dt-info {
    padding-top: .375rem;
}


.dt-container .pagination {
    justify-content: flex-end;
    margin-bottom: 0;
}


@media (max-width: 767.98px) {

    .dt-container .dt-search {
        text-align: left;
        margin-top: .5rem;
    }


    .dt-container .dt-search input {
        width: 100%;
        min-width: 0;
    }


    .dt-container .pagination {
        justify-content: flex-start;
    }

}

/*
|--------------------------------------------------------------------------
| DataTables - Paginación
|--------------------------------------------------------------------------
*/

.dt-paging .pagination {
    gap: .25rem;
}

.dt-paging .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;

    color: var(--bs-primary);
    background-color: transparent;
    border: 1px solid var(--bs-primary);
    border-radius: .25rem !important;
}

.dt-paging .page-link:hover {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dt-paging .page-item.active .page-link {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dt-paging .page-item.disabled .page-link {
    color: var(--bs-secondary);
    background-color: transparent;
    border-color: var(--bs-secondary);
    opacity: .5;
}

.dt-paging .page-link:focus {
    box-shadow: none;
}