.blue {
  color: #0d6efd!important;
}
.gray {
  color: #6c757d!important;
}
.green {
  color: #198754!important;
}
.red {
  color: #f00!important;
}
.yellow {
  color: #ffc107!important;
}
.purple {
  color: #800080 !important;
}

.bold {
  font-weight: 700!important;
}

.table-blue {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}
.table-gray {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}
.table-green {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}
.table-red {
  --bs-table-bg: #FF3333;
  --bs-table-striped-bg: #FF3333;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #FF3333;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #FF3333;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #FF1919;
}
.table-yellow {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}
.table-black {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-orange {
  border-color: #f39800 !important;
}
.table-orange thead {
  background-color: #f39800;
  color: #fff;
}
.table-orange tbody {
  background-color: #FDF5E6;
}