WebBuild/wwwroot/tenants/themes/compact/css/style.datatable.css

/*Data Table*/
table.dataTable {
    box-sizing: border-box;
}

    table.dataTable th, table.dataTable td {
        box-sizing: border-box;
    }

    table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td {
        padding: .75rem 1.25rem;
    }

    table.dataTable thead td, table.dataTable thead th {
        border-bottom: none;
        font-weight: 500;
        position: relative;
    }

        table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
            display: inline-block;
            font-family: "Ionicons";
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            z-index: 10;
            right: 7px;
        }

        table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            content: "";
            color: #298DFF;
        }

        table.dataTable thead td.sorting_asc::before, table.dataTable thead th.sorting_asc::before {
            content: "\f11a";
        }

        table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting_desc::after {
            content: "\f118";
        }

    table.dataTable tfoot td, table.dataTable tfoot th {
        border-top: none;
        font-weight: 500;
        padding: .75rem 1.25rem;
        background: #E6E9EB;
    }

    table.dataTable.no-footer {
        border-bottom: none;
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: 1px solid #E6E9EB;
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: 1px solid #E6E9EB;
    }

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
        background: rgba(244, 245, 246, 0.5);
    }

        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
            background: #1F2327;
            color: #fff;
        }

    table.dataTable tbody tr.selected {
        background: #1F2327;
        color: #fff;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background: rgba(202, 207, 212, 0.2);
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background: #1F2327;
        color: #fff;
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background: rgba(230, 233, 235, 0.3);
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background: #1F2327;
        color: #fff;
    }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #298DFF;
        color: #fff;
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background: #1F2327;
            color: #fff;
        }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > tr:first-child {
        padding-left: 1.25rem;
    }

        table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > tr:first-child:before {
            display: none;
        }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: none;
            padding: 0.25em;
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0.25em;
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        min-width: 80px;
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        color: #1F2327;
    }

    table.dataTable > tbody > tr.child span.dtr-data {
        color: #7C848B;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
    color: #1F2327 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

.dataTables_wrapper .dataTables_length select {
    width: 80px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .dataTables_wrapper .dataTables_length {
        display: none;
    }
}