/* Base table styling */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  color: #313131;  /* dark grey text */
  font-size: 14px;
  font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif;
}

/* Header row styling */
.custom-table thead {
  background-color: #ddd;
  text-align: left;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10; /* ensure the header is above body rows */
}

/* Table cells */
.custom-table th,
.custom-table td {
  padding: 10px;
}

/* Striped rows */
.custom-table tbody tr:nth-child(even) {
  background-color: #eee;
}

/* Hover effect (optional) */
.custom-table tbody tr:hover {
  background-color: #dcdcdc;
}