﻿/* DATATABLE */

.dataTables_wrapper .dataTables_length select option:checked {
    color: var(--color-text-nero);
    background-color: var(--color-background);
}

.dataTables_length select {
    color: var(--color-text-nero);
}

.dataTables_length > label {
    color: var(--color-label-secondario-varie);
}

.dt-container {
    background-color: var(--color-background);
    border-color: var(--color-linea);
}

div.dt-button-collection {
    background-color: white !important;
    border-color: var(--color-linea) !important;
}

    div.dt-button-collection:hover {
        background-color: white !important;
        border-color: var(--color-linea) !important;
    }

    div.dt-button-collection > div > button {
        border-color: var(--color-linea);
    }

.dt-azioni.dropdown > .btn.dropdown-toggle {
    border-color: none;
    background-color: transparent;
    color: var(--color-primary);
}

table.dataTable tbody tr {
    background-color: transparent;
}

    table.dataTable tbody tr td {
        border-color: var(--color-linea);
    }

    table.dataTable tbody tr.child {
        background-color: transparent !important;
    }

    table.dataTable tbody tr:hover {
        background-color: var(--color-primary-hover-riga);
    }

.dt-buttons .buttons-collection {
    background: none;
    border-color: var(--color-label-secondario-varie);
}

    .dt-buttons .buttons-collection span {
        color: var(--color-label-secondario-varie) !important;
    }

    .dt-buttons .buttons-collection:hover,
    .dt-buttons .buttons-collection:focus,
    .dt-buttons .buttons-collection:active {
        background: none !important;
        background-color: var(--color-fill-disabled) !important;
        box-shadow: none !important;
    }

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
    color: var(--color-text-nero) !important;
}

    div.dt-button-collection button.dt-button:hover,
    div.dt-button-collection div.dt-button:hover,
    div.dt-button-collection a.dt-button:hover,
    div.dt-button-collection input.dt-button:hover {
        background: none !important;
        background-color: var(--color-primary-hover-riga) !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none;
    color: var(--color-tab) !important;
    border-color: var(--color-tab) !important;
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter input:focus-visible {
    background: none;
    color: var(--color-tab) !important;
    background-color: transparent !important;
    border-color: var(--color-tab) !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--color-label-secondario-varie);
    font-weight: 700;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: var(--color-text-nero) !important;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover {
            color: var(--color-tab) !important;
            border-color: var(--color-tab) !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):active {
            background: none;
            color: var(--color-text-bianco) !important;
            border-color: var(--color-tab) !important;
            background-color: var(--color-tab) !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            color: var(--color-text-disabled) !important;
            border-color: var(--color-text-disabled) !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            background: none;
        }

.dataTables_filter > input[type='search'].searchDT {
    border-color: var(--color-label-secondario-varie) !important;
    background-color: var(--color-background) !important;
}

.dataTable > thead > tr th:last-child {
    width: 1rem;
}

.dt-topleft-container,
.dt-topright-container {
    border-color: var(--color-linea);
}

.incore-user-badges > div {
    border-color: var(--color-linea);
    background-color: var(--color-primary-hover-riga);
    color: black;
}