.member-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.member-table-scroll:focus-visible {
  border-radius: 3px;
  outline: 2px solid #84ba3f;
  outline-offset: 2px;
}

.member-table-scroll > table {
  min-width: 100%;
}

@media (max-width: 767.98px) {
  .member-table-scroll {
    padding-bottom: 6px;
  }

  .member-table-scroll > table > thead > tr > th,
  .member-table-scroll table.dataTable > thead > tr > th,
  .member-table-scroll .dataTables_scrollHead th,
  .member-table-scroll .dt-scroll-head th {
    white-space: nowrap;
  }
}