/* --- General Table Styling --- */

table {
  width: 100%;
}

/* Table header alignment */
.table > thead {
  vertical-align: top;
}

/* Default table header background color */
th {
  background-color: #e9d5ad !important;
}

/* --- Bordered Table Styling --- */

table.bordered th {
  background: #E2E3E4;
}

table.bordered th,
table.bordered td {
  border: 1px solid #888a8c;
}

/* --- Background Color Variants for Table Rows --- */

table .bg-gold-tint-1 {
  background-color: #cc9e43;
}

table .bg-gold-tint-2 {
  background-color: #dbba78;
}

table .bg-gold-tint-3 {
  background-color: #e9d5ad;
}

table .bg-gold-tint-4 {
  background-color: #f7f0e2;
}

/* --- Responsive Styling for Small Screens --- */

@media (max-width: 768px) {
  .table {
    display: block;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}