table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

th {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  text-align: center;
  font-weight: 700;
  padding: 0.5rem;
}

td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  text-align: center;
  padding: 0.5rem;
}

th.gray-header {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.table-wrapper {
  overflow: auto;
  box-shadow: inset -10px 0 5px 0 rgb(0 0 0 / 0.05);
}

@media (min-width: 768px) {
  .table-wrapper {
    box-shadow: none;
  }
}