.dt-buttons .svg-inline--fa {
    height: 16px;
    vertical-align: middle;
}


.dt-buttons .selectAll {
    svg {
        display: none;
    }

    &.all .selected {
        display: unset;
    }

    &.any .desselected {
        display: unset;
    }

    &.none .unselected {
        display: unset;
    }
}


div.dt-container span.select-info, div.dt-container span.select-item {
    margin-left: 0;
}


.badge {
    margin: 1px 1px;
}

.badge:not(.add) {

    --bs-badge-font-weight: unset !important;
    --bs-badge-padding-y: 0.5em !important;
    --bs-badge-padding-x: 0.8em;
    --bs-border-radius: 0.600rem !important;

    --bs-border-color: var(--azul-claro);
}

.badge.add {
    --bs-badge-font-weight: unset !important;
    --bs-badge-padding-y: 0.3em !important;
    --bs-badge-padding-x: 0.4em;
    aspect-ratio: 1/1;
    vertical-align: middle;
    justify-content: center;
    --bs-border-radius: 0.500rem !important;
    --bs-border-color: var(--azul-claro);
}

.dt-paging .pagination {

    justify-content: end !important;
}

.dt-container {
    font-weight: normal;
    --bs-border-color: var(--azul-claro);

    .row {
        margin-left: auto;
        margin-right: auto;
    }

    .row:first-child {


        .col-md-auto {
            padding: 0;
        }

        .dataTables_filter {
            display: flex;
            align-items: center;

            text-align: left;

            label {
                flex-grow: 1 !important;
                margin-right: .5rem !important;
            }

        }

        input {
            width: 100%;
            margin-right: 8px;
            padding-left: 2.5rem;
        }

        select {
            display: unset;
            padding: 0.5rem 2.25rem 0.5rem .75rem;
            width: auto;

        }

        input, select {
            color: #323366;

            margin: 0 !important;
            border-radius: 5rem !important;
        }

        .dataTables_length {
            text-align: right;
        }
    }

    table.dataTable > tbody > tr {
        vertical-align: middle;
        background-color: transparent;
    }
}

.table {
    --bs-table-striped-bg: #f8f8fb;
    --bs-table-hover-bg: #e9edf8;
    --bs-table-color: #323366;
    --bs-table-hover-color: #323366;
    --bs-table-striped-color: #323366;


    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 248, 248, 251;
    --dt-row-hover: 233, 237, 248;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;

}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 1);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 1);
}