.table-color {
  color: #767676;
}
.table-color thead th:first-child {
  border-top-left-radius: 30px;
}
.table-color th {
  border: 0 !important;
  color: var(--color-ttl) !important;
  background-color: var(--color-bg) !important;
}
.table-color tbody tr:first-child th {
  border-bottom-left-radius: 30px;
}
.table-color tbody tr:first-child td {
  border-top: 0 !important;
}
.table-color td.bottom {
  position: relative;
  border-bottom: 0 !important;
}
.table-color td.bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  right: 0;
  height: 5px;
  background-color: var(--color-bg);
}
.table-color td {
  border-color: #d0cece !important;
}
.table-color td:first-of-type {
  border-left: 0 !important;
}
.table-color td.right {
  border-right: 0 !important;
  position: relative;
}
.table-color td.right:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: -1px;
  right: 0;
  width: 5px;
  background-color: var(--color-bg);
}
.table-color td.bg {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-gra)), to(transparent));
  background-image: linear-gradient(to right, var(--color-gra), transparent);
}
.table-color--color1 {
  --color-bg: #f0e8cc;
  --color-ttl: #998c76;
  --color-gra: #fefaea;
}
.table-color--color2 {
  --color-bg: #dceaf7;
  --color-ttl: #55768c;
  --color-gra: #ecfafc;
}
.table-color .num-txt {
  font-size: 83.33%;
}