/* table css */

.tbl-theme-default {
  --tbl-text-clr: var(--section-tbl-text-color, var(--clr-gray-dark));
  --th-clr: var(--tbl-text-clr);
  --td-clr: var(--tbl-text-clr);
  --th-fs: var(--fs-12);
  --td-fs: var(--fs-12);
  --th-fw: var(--fw-semibold);
  --td-fw: var(--fw-normal);
  --th-bg: var(--clr-green-gray-10);
  --th-border-clr: var(--clr-primary);
  --td-border-clr: var(--border-default);
  --th-padding: var(--sp6) var(--sp5);
  --td-padding: var(--sp5);
}

.tbl-theme-default table {
  min-width: 100%;
}

.tbl-theme-default th {
  font-size: var(--th-fs);
  color: var(--th-clr);
  font-weight: var(--th-fw);
  box-shadow: inset 0 -1px 0 var(--th-border-clr);
  /* border: 1px solid var(--th-border-clr); */
  background: var(--th-bg);
  padding: var(--th-padding);
  border-top: none;
  border-bottom: none;
}

.tbl-theme-default td {
  font-size: var(--td-fs);
  color: var(--td-clr);
  font-weight: var(--td-fw);
  border: 1px solid var(--td-border-clr);
  padding: var(--td-padding);
}

.tbl-total-row * {
  font-weight: var(--fw-bold) !important;
}

/* tbl-vr-brdr-none */
.tbl-vr-brdr-none td,
.tbl-vr-brdr-none th {
  border-left: none;
  border-right: none;
}

/* tbl-head-sticky */
.sticky-tbl-header thead,
.tbl-head-sticky thead {
  position: sticky;
  top: 0;
}

.tbl-col-w-150 {
  width: 150px;
}

/* tbl-xs */
.tbl-xs {
  --th-fs: var(--fs-12);
  --td-fs: var(--fs-12);
  --th-padding: var(--sp3);
  --td-padding: var(--sp3);
}