.dataTable-custom {
  background-color: var(--iq-dark-box);
  color: #f1f5f9;
  border-color: #f8fafc;
  width: 100%;
}

.dataTable-custom thead th {
  background-color: var(--iq-dark-box);
  color: #f8fafc;
  border-bottom: 1px solid #f8fafc;
}

.dataTable-custom tbody td {
  background-color: var(--iq-dark-box);
  color: #f1f5f9;
  border-color: #334155;
}

.dataTable-custom tbody tr:hover {
  background-color: #334155;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background-color: var(--iq-dark-box);
  color: #f1f5f9;
  border: 1px solid #334155;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--iq-dark-box);
  color: #f1f5f9 !important;
  border: 1px solid #334155;
  border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #334155;
  color: #fff !important;
}

table.dataTable.dataTable-custom tbody tr {
  background-color: var(--iq-dark-box) !important;
}

.dataTables_wrapper .dataTables_info {
  color: var(--iq-dark-title-text);
}

.dataTables_wrapper .dataTables_processing {
  height: 100%;
  background: linear-gradient(to right,
      rgba(30, 39, 69, 0) 0%,
      rgba(30, 39, 69, 0.9) 25%,
      rgba(30, 39, 69, 0.9) 75%,
      rgba(30, 39, 69, 0) 100%);
}