.table thead.table-dark th {
  color: #fff !important;
  font-size: 0.9rem;
}

.table-dark {
  --bs-table-bg: #404041e6 !important;
  --bs-table-striped-bg: #404041e6 !important;
  --bs-table-active-bg: #404041e6 !important;
  --bs-table-hover-bg: #404041e6 !important;
  border-color: #404041e6 !important;
}

.dataTables_paginate {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.modal-title {
  color: #001d3a;
  font-size: 1.25rem;
}

.modal-body {
  overflow: hidden !important;
}


.table:not(.table-dark) th {
  color: #FFF !important;
}

.table-hover>tbody>tr:hover>* {
  --bs-table-color-state: #020202 !important;
}

@media (max-width: 768px) {
  .dataTables_wrapper .d-flex.justify-content-between.align-items-center {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
  }

  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
    text-align: center !important;
    width: 100% !important;
  }

  .dataTables_scrollBody {
    overflow: auto !important;
  }

  .dataTables_scrollHeadInner {
    width: auto !important;
  }

  .dataTables_scrollHeadInner table {
    width: auto !important;
  }
}

.dataTables_scrollHeadInner {
  width: auto !important;
  padding-right: 0px !important;
}

.dataTables_scrollHeadInner table {
  width: 100% !important;
  min-width: 100% !important;
}

.dataTables_scrollBody {
  position: inherit !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

div.dataTables_filter input {
   width: 280px!important;
}

.dataTables_filter input {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.dataTables_wrapper {
    /* padding: 20px; */
    border-radius: 10px;
    background-color: #fdfdfd;
}

/* table thead th:nth-child(1) { width: 10%; }
table thead th:nth-child(2) { width: 27%; }
table thead th:nth-child(3) { width: 15%; }
table thead th:nth-child(4) { width: 15%; }
table thead th:nth-child(5) { width: 10%; }
table thead th:nth-child(6) { width: 10%; }
table thead th:nth-child(7) { width: 10%; }
table thead th:nth-child(8) { width: 3%; } */

tr {
  font-size: 0.9rem;
}