.table-responsive {
  overflow: auto;
}

.table {
  margin: 0;
  color: #22372b;
}

.table thead th,
.thead-dark th,
.thead-light th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f3faf6 !important;
  color: #1e422f;
  border-bottom: 1px solid #d7e8dd;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.table td,
.table th {
  vertical-align: middle;
  border-color: #e3eee7;
  padding: 12px 14px;
}

.table-hover tbody tr:hover {
  background: #f5fbf7;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #fcfffd;
}

.pagination .page-link {
  border-radius: 10px;
  margin: 0 3px;
  border-color: #d2e6d9;
  color: #1d6843;
}

.pagination .page-item.active .page-link {
  background: var(--vda-brand-gradient);
  border-color: transparent;
  color: #fff;
}