.table {
  width: 100%;
  border-collapse: collapse;
}

.table > thead > tr > th,
.table > tbody > tr > th {
  font-weight: 700;
}

.table > thead > tr > th {
  text-transform: uppercase;
  font-size: 0.8em;
}

.table th,
.table td {
  padding: 0.25em;
}

.table > thead > tr > th {
  border-bottom: 1px solid rgb(127, 127, 127);
}

.table .center {
  text-align: center;
}

.table .right {
  text-align: right;
}

.table .td-yes {
  text-align: center;
  background-color: #87d37c;
  color: white;
  border: 1px solid white;
}
.table .td-yes::before {
  content: "✓ ";
}

.table .td-no {
  text-align: center;
  background-color: #df5454;
  color: white;
  border: 1px solid white;
}
.table .td-no::before {
  content: "✘ ";
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table-zebra > tbody > tr:nth-child(even) {
  background-color: transparent;
}

.table-zebra > tbody > tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.table > thead > tr > th,
.table > tbody > tr > th {
  font-weight: 700;
}

.table > thead > tr > th {
  text-transform: uppercase;
  font-size: 0.8em;
}

.table th,
.table td {
  padding: 0.25em;
}

.table > thead > tr > th {
  border-bottom: 1px solid rgb(127, 127, 127);
}

.table .center {
  text-align: center;
}

.table .right {
  text-align: right;
}

.table .td-yes {
  text-align: center;
  background-color: #87d37c;
  color: white;
  border: 1px solid white;
}
.table .td-yes::before {
  content: "✓ ";
}

.table .td-no {
  text-align: center;
  background-color: #df5454;
  color: white;
  border: 1px solid white;
}
.table .td-no::before {
  content: "✘ ";
}

.table .tr-empty td {
  background-color: #eee;
  color: #666;
  text-align: center;
  font-style: italic;
  padding: 1em;
}
Add a few table styles for BPCS
Add a few table styles for BPCS
