.table-filters {
    display: grid;
    grid-gap: 0.5rem;
    align-items: end;

    label {
        display: block;
    }
    input,
    select {
        display: block;
        height: 35px !important;
        border: 1px solid #e5e6e7;
        border-radius: 1px;
    }
    button {
        height: 35px !important;
        padding: 7px;
        border: 1px solid #e5e6e7;
        border-radius: 1px;
    }

    .d-flex {
        gap: 0.5rem;
    }
}

table {
    th.sortable { user-select: none; cursor: pointer; white-space: nowrap; }
    th.sortable[data-order="0-asc"]:after { content: " ▲"; }
    th.sortable[data-order="0-desc"]:after { content: " ▼"; }
    th.sortable[data-order="1-asc"]:after { content: " ▲2"; }
    th.sortable[data-order="1-desc"]:after { content: " ▼2"; }
    th.sortable[data-order="2-asc"]:after { content: " ▲3"; }
    th.sortable[data-order="2-desc"]:after { content: " ▼3"; }
    th.sortable[data-order="3-asc"]:after { content: " ▲4"; }
    th.sortable[data-order="3-desc"]:after { content: " ▼4"; }

    .w-min {
        width: 1px;
        white-space: nowrap;
    }

    .col-select {
        width: 1px;
    }

    tr[data-selected="1"] {
        background-color: #d9edf7 !important;
    }

    > tbody > tr.disabled {
        color: #ccc;
    }

    &.table-row-select > tbody > tr:hover {
        cursor: pointer;
    }
    &.table-row-select > tbody > tr.disabled {
        color: #ccc;
        &:hover {
            cursor: default;
        }
    }

    .table-item-empty {
        height: 5px;
        td {
            padding: 0;
        }
    }

    .table-item-items {
        > td:first-child {
            background-color: #fff;
        }
        &:nth-of-type(2n+1):hover {
            background-color: #fff !important;
            cursor: default;
        }
        &:hover {
            background-color: #fff !important;
            cursor: default;
        }

        table {
            margin: 0 !important;
            tr:nth-of-type(2n+1):hover {
                background-color: rgba(0, 0, 0, 0.05) !important;
            }
            tr:hover {
                background-color: #fff !important;
                cursor: default;
            }
        }
    }
}