table.dataTable tr th, table.dataTable tr td {
    white-space: nowrap
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: rgba(var(--theme-primary-rgb), 0.2)
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background: rgba(var(--theme-primary-rgb), 0.1)
}

div[class$=_wrapper] .dataTables_paginate .paginate_button.current, div[class$=_wrapper] .dataTables_paginate .paginate_button.current:hover {
    background: var(--theme-primary) !important;
    color: var(--white-color) !important
}

div[class$=_wrapper] .dataTables_paginate .paginate_button:active, div[class$=_wrapper] .dataTables_paginate .paginate_button, div[class$=_wrapper] .dataTables_paginate .paginate_button:hover {
    color: rgba(var(--theme-primary-rgb), 0.8) !important;
    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight: 500
}

div[class$=_wrapper] .dataTables_paginate .paginate_button.disabled, div[class$=_wrapper] .dataTables_paginate .paginate_button.disabled:hover, div[class$=_wrapper] .dataTables_paginate .paginate_button.disabled:active {
    color: rgba(var(--black-color-rgb), 0.8) !important
}

div[class$=_wrapper] .dt-buttons .dt-button {
    background: rgba(var(--theme-primary-rgb), 1) !important;
    color: var(--white-color) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--input-border)
}

div[class$=_wrapper] button.dt-button:hover:not(.disabled), div[class$=_wrapper] div.dt-button:hover:not(.disabled), div[class$=_wrapper] a.dt-button:hover:not(.disabled), div[class$=_wrapper] input.dt-button:hover:not(.disabled), div[class$=_wrapper] button.dt-button:focus:not(.disabled), div[class$=_wrapper] div.dt-button:focus:not(.disabled), div[class$=_wrapper] a.dt-button:focus:not(.disabled), div[class$=_wrapper] input.dt-button:focus:not(.disabled) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important
}
.dataTable{
    width: 100% !important;
}