.l-grid td div{
    font-size: 14px!important;
}
/* 公共css */
.hidden {
    display: none!important;
    visibility: hidden!important;
}

.tree-table-container{
    margin-top: 32px!important;
}

/*.DTFC_ScrollWrapper,*/
#appTable {
    opacity: 0;
}

.mt20 {
    margin-top: 40px;
}

/* 修改布局 */
.dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;

    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: var(--table-line-height);
}
.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .DTFC_ScrollWrapper {
    width: 100%;
}

.dataTables_wrapper .dt-buttons {
    order: 0;
}
.dataTables_wrapper .dataTables_processing {
    order: 1;
}
.dataTables_wrapper .DTFC_ScrollWrapper {
    order: 2
}
.dataTables_wrapper .dataTables_info {
    order: 3
}
.dataTables_wrapper .dataTables_length {
    order: 4;
}
.dataTables_wrapper .dataTables_paginate {
    order: 5;
    margin-left: 16px;
}
.dataTables_wrapper .jump_page {
    order: 6;
    margin-left: 8px;
}

/* 表格重置样式 */
:root {
    --radius:3px;
    --spacing:24px;
    --gap:16px;
    --fontSize:14px;
    --titltSize:14px;
    --titleColor:var(--default-custom-color);
    --color:var(--default-custom-color);
    --themeColor:var(--default-custom-color);
    --loadingSize:33px;

    --titleFontWeight:bold;
    --table-color: #181818;
    --table-font-size: 14px;
    --table-border-color: #e7e7e7;
    --table-line-height: 22px;
    --border-radius: 2px;

    --default-custom-color: #08366a;
    --default-button-color: #6a86a5;
    --default-button-bg: #f2f4f7;

    --table-row-odd-color: #F3F3F3;
    --table-row-even-color: #ffffff;
}

.swl {
    --default-custom-color: #08366a;
    --default-button-color: #6a86a5;
    --default-button-bg: #f2f4f7;
}
.kjl {
    --default-custom-color: #0051f4;
    --default-button-color: #6696f8;
    --default-button-bg: #f2f6fe;
}
.zgh {
    --default-custom-color: #c70019;
    --default-button-color: #dd6675;
    --default-button-bg: #fcf2f3;
}
body .layui-badge {
    background-color: var(--default-custom-color);
}
/* 导出弹窗表格导出按钮层级调整 */
.excel_view_body .dt-button-collection {
    z-index: 999999999;
}

/* 重写tab样式 */
.page-tab.layui-tab {
    margin: 0;
}
.page-tab.layui-tab .layui-tab-content {
    padding: 0;
}
.page-tab.layui-tab .layui-tab-content {
    height: calc(100% - 45px);
}

/* 修改表格选中按钮颜色 */
.datatable-checkbox .layui-form-checked[lay-skin="primary"] i, .headerCheckAll .layui-form-checked[lay-skin="primary"] i {
    background-color: var(--default-custom-color) !important;
}

/* 表格按钮样式重写 */
.dt-buttons {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 16px;
}
.import_excel_common .dt-buttons {
    margin-bottom: 0;
}
.import_excel_common .layui-tab-content {
    padding-top: 0;
}
.dt-buttons .dt-button {
    line-height: 20px;
    padding: 6px 12px;
    color: var(--default-button-color);
    font-size: var(--table-font-size);
    border-radius: var(--border-radius);
    background: var(--default-button-bg);
}
.dt-buttons .dt-button:first-child {
    color: #ffffff;
    background: var(--default-custom-color);
}
.dt-buttons .dt-button:not(:last-child) {
    margin-right: 16px;
}
.dt-buttons > div {
    margin-left: auto;
}

/* 表格操作栏按钮 */
table tbody td a {
    color: var(--default-custom-color) !important;
}

/* 分页样式重写 */
.dataTables_length,
.jump_page,
.dataTables_paginate,
.dataTables_info {
    float: none !important;
    display: inline-block;
    color: var(--table-color) !important;
    font-size: var(--table-font-size) !important;
    line-height: var(--table-line-height) !important;
    margin-top: 48px !important;
}
.dataTables_wrapper .dataTables_info {
    font-weight: 400 !important;
    color: rgba(0,0,0,0.6) !important;
    padding-top: 0 !important;
    margin-right: auto;
}

.dataTables_length select {
    box-sizing: border-box;
    height: 32px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    margin-top: -50%;
}
.jump_page input {
    box-sizing: border-box;
    width: 48px;
    height: 32px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    margin: -50% 4px 0;
    padding: 5px 8px;
}
.dataTables_wrapper>.dataTables_paginate a.paginate_button {
    color: rgba(0,0,0,0.6) !important;
    line-height: var(--table-line-height) !important;
    vertical-align: bottom;
    min-width: 32px;
    width: auto;
    height: 32px;
    padding: 5px 0;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 3px !important;
    border: 1px solid #DCDCDC !important;
    margin: -5px 8px 0 0;
}
.dataTables_wrapper>.dataTables_paginate a.paginate_button.previous {
    border: none;
}
.dataTables_wrapper>.dataTables_paginate a.paginate_button.next {
    margin-right: 0px;
    border: none;
}
.dataTables_wrapper>.dataTables_paginate a.paginate_button.current {
    background: var(--default-custom-color) !important;
    color: rgba(255,255,255,0.9) !important;
}

/* 修改新增页按钮 */
.layui-form-item.layui-form-submit {
    position: fixed;
    bottom: 111px;
}

/* 表格样式重写 */
table.dataTable.no-footer {
    border: none !important;
}
table.dataTable.layui-form.table-dark tbody tr td,
.DTFC_LeftWrapper table.dataTable.layui-form.table-dark thead th,
.DTFC_RightWrapper table.dataTable.layui-form.table-dark thead th,
table.dataTable.layui-form.table-dark thead tr td {
    font-size: var(--table-font-size) !important;
    background: var(--table-row-even-color) !important;
}
table.dataTable.layui-form.table-dark tbody tr {
    /*height: 42px !important;*/
}
.DTFC_ScrollWrapper, .dataTables_scroll {
    height: auto !important;
}
.DTFC_ScrollWrapper table.dataTable.layui-form.table-dark tbody tr.hover td:not(.dataTables_empty) {
    background: #EEEEEE !important;
}
table.dataTable.layui-form.table-dark tbody tr:nth-child(odd) td:not(.dataTables_empty) {
    background: var(--table-row-odd-color) !important;
}
.DTFC_RightBodyWrapper, .DTFC_RightHeadWrapper {
    box-shadow: -5px 0 10px -5px #ddd !important;
    top: 0 !important;
}
/* 右侧高度错误故隐藏 付款查询tab2 */
/*.DTFC_RightBodyWrapper .DTFC_RightBodyLiner table.dataTable {*/
/*    height: 100%;*/
/*}*/
table.dataTable.layui-form thead tr th {
    font-size: var(--table-font-size) !important;
    color: var(--table-color) !important;
    font-weight: 600 !important;
    border-color: var(--table-border-color) !important;
    line-height: var(--table-line-height);
}
/* 修改表头背景及边框 */
table.dataTable.table-dark.layui-form thead th, .layui-form.table-dark .DTFC_RightHeadBlocker {
    background-color: #fff !important;
}
table.dataTable.table-dark.layui-form thead th, table.dataTable.table-dark.layui-form thead td {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}
table.dataTable.table-dark.layui-form tbody tr td {
    border: none;
}
.dataTables_scroll table.dataTable.table-dark.layui-form thead tr:first-child th:first-child, .dataTables_scroll table.dataTable.table-dark.layui-form tbody td:first-child, .DTFC_LeftWrapper table.dataTable.table-dark.layui-form thead th:first-child, .DTFC_LeftWrapper table.dataTable.table-dark.layui-form tbody td:first-child {
    border-left: none !important;
}
.dataTables_scroll {
    border: none !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid var(--table-border-color) !important;
}
table.dataTable.table-dark.layui-form thead tr th:last-child {
    border-color: var(--table-border-color) !important;
}

/* 设置layui组件颜色为系统主题色 */
/* tab\ztree */
.layui-tab-brief>.layui-tab-title .layui-this,
#new-tab .layui-tab-title .layui-this,
.layui-laydate-footer .laydate-footer-btns span:hover,
.layui-laydate-header i.layui-icon:hover, .layui-laydate-header span.layui-icon:hover,
.layui-laydate-header i:hover, .layui-laydate-header span:hover,
.layui-form-radioed i.layui-icon, .layui-form-radio i.layui-icon:hover,
.ztree li a.curSelectedNode .node_name, .ztree li a:hover .node_name {
    color: var(--default-custom-color) !important;
}

.layui-tab-brief>.layui-tab-title .layui-this:after, .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-btn-primary:hover {
    border-color: var(--default-custom-color) !important;
}
.layui-form-onswitch, .layui-layer-btn .layui-layer-btn0, .layui-form-checked[lay-skin="primary"] i {
    border-color: var(--default-custom-color) !important;
    background-color: var(--default-custom-color) !important;
}
/* select\date */
.layui-form-select dl dd.layui-this:not(.sklf-multiple-select) {
    background-color: var(--default-button-bg) !important;
    color: var(--default-custom-color) !important;
}

.layui-laydate tr .layui-this, body .layui-laydate .layui-this {
    background-color: var(--default-custom-color) !important;
}
.layui-laydate {
    z-index: 999999999 !important;
}

#searchForm .sklf-div-search {
    top: 4px;
}

/* 搜索条件区域 */
/* 搜索按钮重置 */
.layui-btn {
    background-color: var(--default-custom-color);
}
.layui-btn-danger {
    background-color: #ff5722;
}
.layui-btn[type="reset"], #queryReset {
    background-color: #ffffff !important;
}
.layui-btn.layui-btn-disabled, .layui-btn-disabled:hover, .layui-btn-disabled:active {
    border: 1px solid #e6e6e6;
    background-color: #fbfbfb;
    color: #c9c9c9;
    cursor: not-allowed;
    opacity: 1;
}
th .layui-form-checkbox span {
    padding-left: 18px;
}

/* 修改搜索条件盒子为右侧展示 */
.initSearch {
    display: none;
}
form#searchForm {
    box-sizing: border-box;
    position: fixed;
    right: -500px;
    top: 0;
    height: 100%;
    width: 400px;
    z-index: 99999999;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transform: translateX(0);
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
}
form#searchForm .layui-table {
    width: 100%;
    margin-bottom: 0;
}
form#searchForm .layui-table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
}
form#searchForm .select-tablecss {
    /*min-width: 400px;*/
}
form#searchForm .layui-table tr td {
    height: auto;
}
/* 控制左侧文本 */
form#searchForm .layui-table tr td.textRight {
    box-sizing: border-box;
    width: 100%;
    padding: 0 40px;
    min-height: 28px !important;
    line-height: 28px !important;
    white-space: normal;
    word-wrap: break-word;
    text-align: left !important;
}
form#searchForm .layui-table tr td.textRight .required-icon {
    top: -2px;
}

form#searchForm .layui-table tr:last-child {
    position: sticky;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 56px;
    background-color: #fff;
}
/* 控制展示的表单控件 */
form#searchForm .layui-table > tbody > tr:last-child > td:last-child {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 12px 16px;
    height: 56px;
    border-top: 1px solid var(--table-border-color);
    margin-bottom: 0;
}
form#searchForm .layui-inline > div,
form#searchForm .layui-input-inline > div:not(.sklf-div-search) {
    width: 100% !important;
}
.layui-select-disabled .layui-disabled {
    color: #d2d2d2 !important;
}
form#searchForm .layui-table > tbody > tr > td:not(.textRight) {
    box-sizing: border-box;
    width: 100% !important;
    padding: 0 40px;
    margin-bottom: 12px;
    position: relative;
}
form#searchForm .layui-table tr td:empty {
    display: none;
}
/* 单选框 */
form#searchForm .layui-table tr td .layui-form-radio {
    min-width: 40px;
}
/* 日期范围选择 */
form#searchForm .layui-table tr td:not(.input100) input {
    width: 100%;
    margin: 0;
}
form#searchForm .layui-table tr td.input100 {
    max-width: 100%;
}
form#searchForm .layui-table tr td.input100 > input {
    width: calc(50% - 5px) !important;
}
form#searchForm .layui-table tr td.input100 > .layui-inline {
    width: calc(50% - 4px) !important;
}
form#searchForm .layui-table tr td.input100 > .layui-input-inline > input {
    width: calc(50% - 5px) !important;
}
form#searchForm .layui-table tr td > div {
    width: 100%;
}
form#searchForm .layui-table tr td > div input {
    width: 100% !important;
}
form#searchForm .layui-table tr:last-child {
    justify-content: center;
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: var(--default-custom-color);
}
table.dataTable tbody td a:hover {
    color: var(--default-button-color) !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:not(.disabled):hover {
    color: var(--default-custom-color) !important;
}
.dataTables_wrapper .dataTables_paginate a.current.paginate_button:not(.disabled):hover {
    background-color: var(--default-custom-color) !important;
    color: rgba(255,255,255,0.9) !important;
}
.datatable-checkbox .layui-form-checkbox:hover, .headerCheckAll .layui-form-checkbox:hover {
    border: 1px solid var(--default-custom-color)!important;
}

.draw-open {
    right: 0 !important;
}

form#searchForm .layui-table>thead>tr>th, .layui-table>tbody>tr>td {
    border: none;
}

/* 分页间距调整 */
.dataTables_wrapper>.dataTables_paginate.paging_simple_numbers {
    padding-top: 0px !important;
}

/* 表格高度 */
.dataTables_scrollBody {
    height: auto !important;
    max-height: calc(100vh - 210px) !important;
}
.layui-tab .dataTables_scrollBody {
    max-height: calc(100vh - 258px) !important;
}
.dataTables_scroll,
.dataTables_scroll .dataTables_scrollHeadInner
/*.dataTables_scroll .dataTables_scrollHeadInner .layui-form.table-dark*/
{
    width: 100% !important;
}
/* 解决左侧与右侧固定栏以及内容为空时高度问题 */
.dataTables_scrollBody #appTable,
.DTFC_LeftWrapper .dataTable,
DTFC_RightWrapper .dataTable{
    max-height: 100%;
}
.noButtons_scrollBody {
    height: auto !important;
    max-height: calc(100vh - 176px) !important;
}

.dataTables_scroll{
    height: calc(100vh - 160px) !important;
}
.layui-tab-content .dataTables_scroll {
    height: calc(100vh - 240px) !important;
}
.import_excel_common .layui-tab-content .dataTables_scroll {
    height: auto !important;
}
.auto-table-height .dataTables_scroll,
.select-tablecss .dataTables_scroll {
    height: auto !important;
    min-height: 369px!important;
}

body table.dataTable thead .sorting_asc {
    background-image: url(../../images/table/light_arrow_up.png);
    background-size:20px;
}
body table.dataTable thead .sorting_desc {
    background-image: url(../../images/table/light_arrow_down.png);
    background-size: 20px;
}
body table.dataTable thead .sorting {
    background-image: url(../../images/table/light_arrow_select.png);
    background-size: 20px;
}
.open-search-box {
    position: absolute;
    right: 30px;
    top: 16px;
    /*top: 0;*/
    z-index: 999;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center;
}

.m-t {
    margin-top: 16px;
}
.layui-form-switch {
    margin-top: 0px !important;
}
.layui-tab-content {
    position: relative;
    padding-top: 16px;
}
.hide-search-box {
    box-sizing: border-box;
    position: sticky;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;

    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 16px;
    border-bottom: 1px solid var(--table-border-color);

    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.9);
    line-height: 24px;
}

body {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
}

.modal-box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0 ,0, .3);
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 100px;
    width: 100px;
    height: 100px;
    max-height: 100px;
    background: rgba(148, 151, 172, 0.3);
}
::-webkit-scrollbar-thumb {
    min-height: 28px;
    background: rgba(148,151,172,0.3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
::-webkit-scrollbar-track {
    background: rgba(148,151,172,0.3);
}