/************** DATATABLES **************/
.table {
    table-layout: fixed;
}

    .table thead th,
    .table tbody td {
        padding-left: .7rem;
        padding-right: .7rem;
        vertical-align: middle;
    }

    .table tr[visible='false'],
    .table .no-result {
        display: none;
    }

    .table tr[visible='true'] {
        display: table-row;
    }

    .table .loader {
        text-align: center;
        padding-bottom: 0;
    }

    .table.loading + .pagination {
        display: none;
    }

    .table tbody tr {
        cursor: pointer;
    }

    .table .sortableCol {
        cursor: pointer;
    }

    .table .sortableCol:after {
        content: url('../img/sort.svg');
        display: inline-block;
        width: 10px;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }

    .table .sortableCol[data-sort-direction="1"]:after {
        content: url('../img/sort-up.svg');
    }

    .table .sortableCol[data-sort-direction="2"]:after {
        content: url('../img/sort-down.svg');
    }

    .table .nbOfDaysInSaleHeadCell,
    .table .nbOfDaysInSaleCell,
    .table .priceHeadCell,
    .table .priceCell,
    .table .vatHeadCell,
    .table .dateCell,
    .table .vatCell,
    .table .numberCell,
    .table .rowActionsCell {
        text-align: right;
    }

    .table .textCell {
        text-align: left;
    }

    .table .switch {
        margin: 0;
    }

    .table .tagsCell .badge + .badge,
    .table .tagsCell .tag + .tag {
        margin-left: 10px;
    }

    .table .tagsCell .tag {
        display: inline-block;
        vertical-align: middle;
    }

table.scrollable thead,
table.scrollable tbody {
    display: block;
}

table.scrollable tbody {
    overflow: auto;
}

table.scrollable tr {
    display: flex;
}

table.scrollable th,
table.scrollable td {
    flex: auto;
}