.tbl,
.tbl2 {
  overflow-y: auto;
}

.tbl table,
.tbl2 table {
  padding: 0;
  border-collapse: separate;
  table-layout: fixed;
  width: 1rem;
  border-spacing: 0;
  bottom: 0;
}

.tbl thead tr:first-child td,
.tbl tr th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 0;
}

.tbl td,
.tbl2 td {
  border: #4c8bff;
  border-top: 1px solid #4c8bff;
  border-right: 1px solid #4c8bff;
}

.tbl tbody tr:last-child td,
.tbl2 tbody tr:last-child td {
  border-bottom: 1px solid #4c8bff;
}

.tbl tbody tr td:first-child,
.tbl thead tr td:first-child,
.tbl2 tbody tr td:first-child,
.tbl2 thead tr td:first-child {
  border-left: 1px solid #4c8bff;
}

.tbl thead td {
  padding: 0rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tbl thead td {
  text-align: center;
  background-color: #c8ffdf;
}

.tbl tbody td,
.tbl2 tbody td {
  padding: 0rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tbl tbody tr,
.tbl2 tbody tr td {
  background-color: #ffffff;
}

.tbl2 table tr td:nth-child(2n + 1) {
  background-color: #c8ffdf;
}

.tbl tbody td button.btn,
.tbl tbody td a.btn {
  margin-left: -0.2rem;
  margin-top: -0.4rem;
  margin-bottom: -0.3rem;
  width: 3rem;
}

.tbl th.wrap,
.tbl td.wrap,
.tbl2 th.wrap,
.tbl2 td.wrap {
  padding: 0rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  white-space: pre-wrap;
  word-wrap:break-word;
  overflow: hidden;
  text-overflow: ellipsis;

}

.tbl tr:first-child th:first-child {
  z-index: 10;
}

.tbl tbody tr.order-request-change {
  background-color: #ffead8;
}

.tbl tbody tr.order-request-cancel {
  background-color: #ffd8ea;
}

.tbl tbody tr.store-not-confirm {
  background-color: #e0ffd8;
}

.tbl tbody tr.dc-not-accept {
  background-color: #dbdbdb;
}

.tbl tbody tr.order-store-change {
  background-color: #ffc8ff;
}

.tbl tbody tr.detail-not-plant {
  background-color: #f3e2ff;
}

.tbl tr.holiday {
  background-color: #ff9595;
}

.tbl tr td.holiday {
  background-color: #ff9595;
}

.tbl tr.car-type-10,
.tbl tr td.car-type-10 {
  background-color: #9debff;
}

.tbl tr.car-type-8,
.tbl tr td.car-type-8 {
  background-color: #a0ff9d;
}

.tbl tr.car-type-4,
.tbl tr td.car-type-4 {
  background-color: #f5ff9d;
}

.tbl tr.car-type-3,
.tbl tr td.car-type-3 {
  background-color: #ff9de7;
}

.a {
  background-color: #c3f1ff;
}