/* 全屏样式 */
:fullscreen {
    background: white;
}
#listView:fullscreen > div {
    max-height: none;
    height: 100%;
}

/* 容器样式 */
#listView {
    overflow-x: auto;
    font-size: 12px;
}
#listView > div {
    max-height: 600px;
    overflow: auto;
    position: relative;
}

/* 表格最小宽度 */
#listView table {
    min-width: 1200px;
}

/* 表格通用样式 */
td, th {
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
}

/* 表头固定 */
#listTable thead th {
    position: sticky;
    top: 0;
    background: #343a40;
    color: white;
    z-index: 10;
}

/* 前五列固定 */
/*#listTable th:nth-child(1),
#listTable td:nth-child(1),
#listTable th:nth-child(2),
#listTable td:nth-child(2),
#listTable th:nth-child(3),
#listTable td:nth-child(3),
#listTable th:nth-child(4),
#listTable td:nth-child(4),
#listTable th:nth-child(5),
#listTable td:nth-child(5) {
    position: sticky;
    background: #dae5fe;
    z-index: 5;
}
#listTable th:nth-child(1) { left: 0; }
#listTable th:nth-child(2),
#listTable td:nth-child(2) { left: 120px; }
#listTable th:nth-child(3),
#listTable td:nth-child(3) { left: 240px; }
#listTable th:nth-child(4),
#listTable td:nth-child(4) { left: 360px; }
#listTable th:nth-child(5),
#listTable td:nth-child(5) { left: 600px; }

!* 表头前五列z-index提高 *!
#listTable thead th:nth-child(-n+5) {
    z-index: 20 !important;
}

!* 内容过长允许换行，仅针对 2-4 列 *!
#listTable th:nth-child(2),
#listTable td:nth-child(2),
#listTable th:nth-child(3),
#listTable td:nth-child(3),
#listTable th:nth-child(4),
#listTable td:nth-child(4) {
    max-width: 150px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: keep-all;
}

!* 前五列添加右边框模拟 *!
#listTable th:nth-child(-n+5)::after,
#listTable td:nth-child(-n+5)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 2px;
    height: 100%;
    background-color: #737373;
    z-index: 999;
}

!* 顶部边框 *!
#listTable th:nth-child(-n+5)::before,
#listTable td:nth-child(-n+5)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #737373;
    z-index: 10;
}*/

/* 末行固定底部 */
#listTable tbody tr:last-child {
    position: sticky;
    bottom: 0;
}

/* 状态类样式 */
td.bg-success.text-white {
    font-weight: bold;
}
td.bg-warning.text-muted {
    font-style: italic;
}
.font-weight-bold {
    font-weight: bold;
}

/* 周末列样式 */
.weekend-col {
    background-color: #ffecec !important;
    color: #d9534f !important;
    font-weight: bold;
}

/* 前五列字体调整 */
#listTable td:nth-child(-n+5) {
    font-size: 12px !important;
    font-weight: normal;
}
/* 高亮样式 */
#listTableBody tr.highlight {
    background-color: #2f8cfc;
}
