table {
  color: var(--dark-gray);
}

table a {
  text-decoration: underline;
}

.table-hover > tbody > tr:hover > *,
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: #f8f9fa;
  color: var(--bs-table-striped-color);
}

/* responsive */
/* XL Screens */
@media (min-width: 1400px) {
}

/* Landscape tablets and medium desktops: LG */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Small desktops and smaller: MD */
@media only screen and (max-width: 992px) {
}

/* Only portrait tablets and small desktops: MD */
@media only screen and (min-width: 768px) and (max-width: 992px) {
}

/* Landscape phones and portrait tablets: SM */
@media only screen and (max-width: 767px) {
}

/* Portrait phones and smaller: XS */
@media only screen and (max-width: 480px) {
}