.pob-table-wrap {
  overflow: auto;
  max-height: 70vh;
}

.pob-table {
  --#{$prefix}table-border-color: #c4c9d0;
  font-size: 12px;
  white-space: nowrap;

  th,
  td {
    vertical-align: middle;
    text-align: center;
    border-color: #c4c9d0;
  }

  thead tr:nth-child(1) th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
  }

  thead tr:nth-child(2) th {
    position: sticky;
    top: 28px;
    z-index: 2;
    background: #fff;
  }

  thead tr th.pob-day-w {
    background: #c6efce;
    color: #000;
  }

  td.pob-day-h,
  thead tr th.pob-day-h {
    background: #d9d9d9;
    color: #000;
  }

  thead tr th.pob-identity {
    background: #c00000;
    color: #fff;
  }

  thead tr th.pob-summary {
    background: #8a1538;
    color: #fff;
  }

  tr.pob-vacant td {
    background: #f8cbad;
    color: #000;
  }
}