.table-wrap {
  overflow-x: auto;
}

.table-wrapper,
.data-table-container {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.detail-table,
.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.detail-table td {
  border-bottom: 1px solid #edf2ef;
  padding: 12px 14px;
}

.detail-table td:nth-child(odd) {
  width: 160px;
  background: #f7faf8;
  color: #64736b;
  font-weight: 700;
}

.detail-table td:nth-child(even) {
  font-weight: 750;
}

.data-table th {
  background: #f7faf8;
  color: #64736b;
  font-weight: 700;
  text-align: left;
}

.data-table th,
.data-table td {
  border-top: 1px solid #edf2ef;
  padding: 12px 14px;
  white-space: nowrap;
}

.data-table tr:hover td {
  background: #f7faf8;
}

table,
.data-table,
.ledger-table {
  background: #fff;
}

th,
.data-table thead th,
.ledger-table thead th {
  background: #f7f9fd;
  color: var(--navy);
  border-color: var(--line);
}

td,
th,
.data-table td,
.data-table th,
.ledger-table td,
.ledger-table th {
  border-color: #e7edf5;
}

.table-total-row td,
.tfoot,
.ledger-total-row td {
  background: #fbfcfe;
  color: var(--navy);
}

.data-table th,
.data-table td {
  padding: 11px 12px;
  font-size: 13px;
}

.data-table td.num {
  text-align: right;
  white-space: nowrap;
}