/**
 * VolyxHost — force dark DataTables / table-list cells
 * Must beat twenty-one: .table-list>tbody>tr>td{background-color:#fff}
 */

.dataTables_wrapper table.table-list,
table.table-list,
#tableServicesList,
#tableInvoicesList,
#tableDomainsList,
#tableTicketsList,
#tableQuotesList,
#tableEmailsList,
#tableAddonsList {
  background-color: #121821 !important;
  background: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.12) !important;
}

table.table-list thead th,
.dataTables_wrapper table.table-list thead th,
.dataTables_wrapper table.table-list thead th.sorting,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc,
#tableServicesList thead th,
#tableInvoicesList thead th,
#tableDomainsList thead th,
#tableTicketsList thead th {
  background-color: #1a2230 !important;
  background: #1a2230 !important;
  color: #9aa6bb !important;
  border-bottom: 1px solid rgba(232, 237, 245, 0.12) !important;
  border-color: rgba(232, 237, 245, 0.12) !important;
}

/* Exact selector used by twenty-one theme (was #fff) */
.table-list > tbody > tr > td,
table.table-list > tbody > tr > td,
.dataTables_wrapper table.table-list > tbody > tr > td,
.dataTables_wrapper table.table-list tbody tr td,
#tableServicesList > tbody > tr > td,
#tableInvoicesList > tbody > tr > td,
#tableDomainsList > tbody > tr > td,
#tableTicketsList > tbody > tr > td,
.table > tbody > tr > td,
.table > tbody > tr > th {
  background-color: #121821 !important;
  background: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.08) !important;
}

.table-list > tbody > tr:nth-child(even) > td,
table.table-list > tbody > tr:nth-child(even) > td,
.dataTables_wrapper table.table-list > tbody > tr:nth-child(even) > td,
#tableServicesList > tbody > tr:nth-child(even) > td {
  background-color: #161d28 !important;
  background: #161d28 !important;
}

.table-list > tbody > tr:hover > td,
table.table-list > tbody > tr:hover > td,
.dataTables_wrapper table.table-list > tbody > tr:hover > td,
#tableServicesList > tbody > tr:hover > td {
  background-color: rgba(57, 255, 140, 0.1) !important;
  background: rgba(57, 255, 140, 0.1) !important;
  color: #ffffff !important;
}

.table-list > tbody > tr > td a,
.table-list > tbody > tr > td strong,
#tableServicesList td a,
#tableServicesList td strong {
  color: #39ff8c !important;
}
.table-list > tbody > tr > td strong,
#tableServicesList td strong {
  color: #ffffff !important;
}
.table-list > tbody > tr > td .text-muted,
.table-list > tbody > tr > td small,
#tableServicesList td .text-muted,
#tableServicesList td small {
  color: #9aa6bb !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  color: #9aa6bb !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background: #0b0f16 !important;
  border: 1px solid rgba(232, 237, 245, 0.14) !important;
  color: #e8edf5 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #121821 !important;
  border: 1px solid rgba(232, 237, 245, 0.12) !important;
  color: #9aa6bb !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #39ff8c !important;
  border-color: #39ff8c !important;
  color: #041016 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(57, 255, 140, 0.12) !important;
  color: #fff !important;
}