:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer;
}
table.dataTable td.dt-control:before {
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    content: "▶";
}
table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "▼";
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > th.dt-ordering-asc_disabled, table.dataTable thead > tr > th.dt-ordering-desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > th.dt-ordering-asc_disabled,
table.dataTable thead > tr > th.dt-ordering-desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.dt-ordering-asc:before, table.dataTable thead > tr > th.dt-ordering-asc:after, table.dataTable thead > tr > th.dt-ordering-desc:before, table.dataTable thead > tr > th.dt-ordering-desc:after, table.dataTable thead > tr > th.dt-ordering-asc_disabled:before, table.dataTable thead > tr > th.dt-ordering-asc_disabled:after, table.dataTable thead > tr > th.dt-ordering-desc_disabled:before, table.dataTable thead > tr > th.dt-ordering-desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > th.dt-ordering-asc:before,
table.dataTable thead > tr > th.dt-ordering-asc:after,
table.dataTable thead > tr > th.dt-ordering-desc:before,
table.dataTable thead > tr > th.dt-ordering-desc:after,
table.dataTable thead > tr > th.dt-ordering-asc_disabled:before,
table.dataTable thead > tr > th.dt-ordering-asc_disabled:after,
table.dataTable thead > tr > th.dt-ordering-desc_disabled:before,
table.dataTable thead > tr > th.dt-ordering-desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.125;
    right: 10px;
    line-height: 9px;
    font-size: 0.8em;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.dt-ordering-asc:before, table.dataTable thead > tr > th.dt-ordering-desc:before, table.dataTable thead > tr > th.dt-ordering-asc_disabled:before, table.dataTable thead > tr > th.dt-ordering-desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > th.dt-ordering-asc:before,
table.dataTable thead > tr > th.dt-ordering-desc:before,
table.dataTable thead > tr > th.dt-ordering-asc_disabled:before,
table.dataTable thead > tr > th.dt-ordering-desc_disabled:before {
    bottom: 50%;
    content: "▲";
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.dt-ordering-asc:after, table.dataTable thead > tr > th.dt-ordering-desc:after, table.dataTable thead > tr > th.dt-ordering-asc_disabled:after, table.dataTable thead > tr > th.dt-ordering-desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > th.dt-ordering-asc:after,
table.dataTable thead > tr > th.dt-ordering-desc:after,
table.dataTable thead > tr > th.dt-ordering-asc_disabled:after,
table.dataTable thead > tr > th.dt-ordering-desc_disabled:after {
    top: 50%;
    content: "▼";
}
table.dataTable thead > tr > th.dt-ordering-asc:before, table.dataTable thead > tr > th.dt-ordering-desc:after,
table.dataTable thead > tr > th.dt-ordering-asc:before,
table.dataTable thead > tr > th.dt-ordering-desc:after {
    opacity: 0.6;
}
table.dataTable thead > tr > th.dt-ordering-desc_disabled:after, table.dataTable thead > tr > th.dt-ordering-asc_disabled:before,
table.dataTable thead > tr > th.dt-ordering-desc_disabled:after,
table.dataTable thead > tr > th.dt-ordering-asc_disabled:before {
    display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

div.dt-scrollBody > table.dataTable > thead > tr > th:before, div.dt-scrollBody > table.dataTable > thead > tr > th:after,
div.dt-scrollBody > table.dataTable > thead > tr > td:before,
div.dt-scrollBody > table.dataTable > thead > tr > td:after {
    display: none;
}

div.dt-processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
    z-index: 10;
}
div.dt-processing > div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
}
div.dt-processing > div:last-child > div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #0d6efd;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dt-processing > div:last-child > div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes datatables-loader-3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dt-empty {
    text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: left;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

/*
 * Table styles
 */
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    /*
     * Header and footer styles
     */
    /*
     * Body styles
     */
}
table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
    outline: none;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable tbody tr {
    background-color: transparent;
}
table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
    color: white;
}
table.dataTable tbody tr.selected a {
    color: #090a0b;
}
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable.row-border > tbody > tr > th,
table.dataTable.row-border > tbody > tr > td, table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
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: none;
}
table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
    border-top-color: #0262ef;
}
table.dataTable.cell-border > tbody > tr > th,
table.dataTable.cell-border > tbody > tr > td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr > th:first-child,
table.dataTable.cell-border > tbody > tr > td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr:first-child > th,
table.dataTable.cell-border > tbody > tr:first-child > td {
    border-top: none;
}
#order-table tbody > tr:hover {
    background: rgb(230, 230, 230);
}
table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px;
}

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

/*
 * Control feature layout
 */
.dt-container {
    position: relative;
    clear: both;
}
.dt-container .dt-length {
    float: left;
}
.dt-container .dt-length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: transparent;
    color: inherit;
    padding: 4px;
    margin: 0 1rem 1rem 0;
}
.dt-container .dt-filter {
    float: right;
    text-align: right;
}
.dt-container .dt-filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    margin-left: 3px;
}
.dt-container .dt-info {
    clear: both;
    float: left;
}
.dt-container .dt-search,
.dt-container .dt-paging {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dt-container .dt-search > input {
    width: 20rem;
    margin-left: 1rem;
    &:focus-within {
        outline: 2px solid rgb(0, 161, 190);
    }
}
.dt-container .dt-paging .dt-paging-button {
    width: auto;
    height: 26px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
}
.dt-container .dt-paging .dt-paging-button.current, .dt-container .dt-paging .dt-paging-button.current:hover {
    color: white !important;
    border: none;
    background-color: rgb(0, 161, 190);
    border-radius: 50%;
    width: 26px;
}
.dt-container .dt-paging .dt-paging-button.disabled, .dt-container .dt-paging .dt-paging-button.disabled:hover, .dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dt-container .dt-paging .dt-paging-button:hover {
    color: white !important;
    border: 1px solid rgb(46, 46, 46);
    background-color: rgb(0, 161, 190);
}
.dt-container .dt-paging .dt-paging-button:active {
    outline: none;
    background-color: rgb(0, 161, 190);
}
.dt-container .dt-paging .ellipsis {
    padding: 0 1em;
}
.dt-container .dt-length,
.dt-container .dt-filter,
.dt-container .dt-info,
.dt-container .dt-processing,
.dt-container .dt-paging {
    color: inherit;
}
.dt-container .dt-scroll {
    clear: both;
}
.dt-container .dt-scroll div.dt-scrollBody {
    -webkit-overflow-scrolling: touch;
}
.dt-container .dt-scroll div.dt-scrollBody > table > thead > tr > th, .dt-container .dt-scroll div.dt-scrollBody > table > thead > tr > td, .dt-container .dt-scroll div.dt-scrollBody > table > tbody > tr > th, .dt-container .dt-scroll div.dt-scrollBody > table > tbody > tr > td {
    vertical-align: middle;
}
.dt-container .dt-scroll div.dt-scrollBody > table > thead > tr > th > div.dt-sizing,
.dt-container .dt-scroll div.dt-scrollBody > table > thead > tr > td > div.dt-sizing, .dt-container .dt-scroll div.dt-scrollBody > table > tbody > tr > th > div.dt-sizing,
.dt-container .dt-scroll div.dt-scrollBody > table > tbody > tr > td > div.dt-sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}
.dt-container.no-footer .dt-scrollBody {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.dt-container.no-footer div.dt-scrollHead table.dataTable,
.dt-container.no-footer div.dt-scrollBody > table {
    border-bottom: none;
}
.dt-container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {
    .dt-container .dt-info,
    .dt-container .dt-search,
    .dt-container .dt-length,
    .dt-container .dt-filter
    .dt-container .dt-paging {
        float: none;
        text-align: center;
    }
    .dt-container .dt-paging,
    .dt-container .dt-filter{
        margin-top: 0.5em;
    }
}