table.dataTable tbody tr {
    background-color: unset;
}

table.dataTable tbody tr.read {
    background-color: rgb(49, 49, 49);
    color: gray;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    color: #212529;
}

.btn-outline-secondary {
    color: unset;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: rgb(134, 134, 134) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: white;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #fff),
        color-stop(100%, #dcdcdc)
    );
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
    padding: 4px;
}

.content.listing-content table {
    margin: 20px auto;
    max-width: calc(100% - 30px);
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 580px) {
    .content.listing-content table {
        max-width: 100%;
    }
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

table,
table .btn {
    font-size: 14px;
}

table a.btn {
    min-width: 100px;
}

table button.btn {
    min-width: 90px;
}

table tr th:nth-child(2) {
    min-width: 44px;
}

table tr th:nth-child(9) {
    min-width: 70px;
}

@media (max-width: 1200px) {
    table,
    table .btn {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
}