.table thead th {
  border-bottom-width: 1px;
  border-color: $base-color4;
  color: $base-color1;
  font-weight: 500;
}

.table td,
.table th {
  border-color: $base-color4;
}

.table .thead-light th {
  color: $base-color1;
  background-color: $base-color5;
  border-color: $base-color4;
}

.table .thead-dark th {
  background-color: $base-color1;
}

.table-hover tbody tr:hover {
  color: $base-color1;
  background-color: $base-color5;
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: $indigo-color;
  color: #fff;
  border-color: $indigo-color;
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
  background-color: $purple-color;
  color: #fff;
  border-color: $purple-color;
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: $green-color;
  color: #fff;
  border-color: $green-color;
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: $red-color;
  color: #fff;
  border-color: $red-color;
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: $orange-color;
  color: #fff;
  border-color: $orange-color;
}
.table-info,
.table-info>td,
.table-info>th {
  background-color: $blue-color;
  color: #fff;
  border-color: $blue-color;
}
.table-light, .table-light>td, .table-light>th {
    background-color:  $base-color5;
}
.table-dark, .table-dark>td, .table-dark>th {
    background-color: $base-color1;
    border-color: $base-color1;
    color: #fff;
}