/* Web画面の一覧・明細・モーダルで共有するテーブル表示。 */
.app-tables {
    --app-table-header: #495057;
    --app-table-header-height: 62px;
    --app-table-border: #dee2e6;
    --app-table-selected: #dcecff;
    --app-table-selected-border: #7abaff;
}

.app-tables .table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.app-tables .table > thead > tr > th,
.app-tables .table > tbody > tr > th,
.app-tables .table > tbody > tr > td,
.app-tables .table > tfoot > tr > td {
    border: solid var(--app-table-border);
    border-width: 0 1px 1px 0;
    padding: 0.75rem;
    vertical-align: middle;
    background-color: inherit;
    background-clip: border-box;
}

.app-tables .table > thead > tr > th {
    height: var(--app-table-header-height);
    white-space: nowrap;
    box-sizing: border-box;
    background-color: var(--app-table-header) !important;
    color: #fff;
    border-color: #798188;
    border-bottom-width: 2px;
}

.app-tables .table > thead > tr > th a {
    color: inherit;
}

.app-tables .table > tbody > tr {
    background-color: var(--app-table-row-background, #f4f6f9);
}

/* 倉庫・期限などの業務上の状態色を維持する。 */
.app-tables .table > tbody > tr.table-success {
    --app-table-row-background: #c3e6cb;
}

.app-tables .table > tbody > tr.table-danger {
    --app-table-row-background: #f5c6cb;
}

.app-tables .table .table-active {
    background-color: rgba(0, 0, 0, 0.075);
}

.app-tables .table tr > :first-child {
    border-left-width: 1px;
}

.app-tables .table > tbody > tr.table-primary > td,
.app-tables .table > tbody > tr.table-primary > th {
    background-color: var(--app-table-selected) !important;
    border-color: var(--app-table-selected-border);
    box-shadow: inset 0 1px 0 var(--app-table-selected-border);
}

.app-tables .table > tbody > tr.table-primary > :first-child {
    box-shadow: inset 0 1px 0 var(--app-table-selected-border), inset 1px 0 0 var(--app-table-selected-border);
}