/*全局背景色*/
body {
    background-color: #F4F7F6;
}

/*卡片/面板样式*/
.panel {
    background-color: #FFFFFF;
    border-radius: 8px;
}
.panel > .panel-heading {
    border-radius: 8px 8px 0 0;
}
.panel > .panel-body {
    background-color: #FFFFFF;
}

/*按钮样式覆盖*/
.btn-default{
    background-image:none;
    background-color: var(--ui5-button-color);
    text-shadow: 0 0 0 #fff;
    border-radius: 3px !important;
    border:0 none;
    color: #ffffff;
}
.btn-link {
    color : var(--ui5-button-color);
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
    color: #ffffff;
    background-color: var(--ui5-button-color-hover);
    border: 0 none;
    outline: 0 !important;
    box-shadow: none !important;
}
/*输入框聚焦样式*/
.form-control:focus {
    border-color: var(--ui5-leftnav-text-active);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(81, 152, 116, .6);
}

/*select2 样式*/
/* 全局保障：Select2 隐藏的原始 select 始终保持窄宽度，防止被页面级 CSS 撑宽导致页面溢出 */
select.select2-hidden-accessible {
    width: 1px !important;
}
select.form-control option:checked {
    background-color: var(--ui5-leftnav-text-active);
    color: #ffffff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--ui5-leftnav-text-active);
    color: #ffffff;
    border-radius: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--ui5-leftnav-text-active);
    color: #ffffff;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--ui5-leftnav-text-active);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(81, 152, 116, .6);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #D1DDD9;
    border-radius: 3px;
}
.select2-container--default .select2-dropdown {
    border-color: #D1DDD9;
    border-radius: 3px;
}

.select2-selection__placeholder, .select2-selection__rendered {
    font-size: 12px;
}
/* select2 多选模式选中项主题色 */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E6F2ED;
    border: 1px solid #A8DCBD;
    color: var(--ui5-leftnav-text-active);
    border-radius: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--ui5-leftnav-text-active);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #e74c3c;
}

/*单选复选框选中颜色*/
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--ui5-leftnav-text-active);
}

/*jqGrid 样式覆盖*/
/* 表头标题栏 */
.ui-jqgrid .ui-jqgrid-titlebar {
    color: var(--ui5-leftnav-text-active);
}
/* 表头 — 覆盖 iLead .ui-widget-header color:#0097FA */
.ui-widget-header {
    color: #657370;
    border-color: #E6ECE9;
}
/* 表头背景/文字/分界线 */
.ui-jqgrid .ui-jqgrid-htable th {
    background-color: #F0F4F2;
    color: #657370;
    border-right: 1px solid #E6ECE9;
    border-bottom: 1px solid #E6ECE9;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #F0F4F2;
    color: #657370;
}
/* 序号列 td 同步 */
.ui-jqgrid td.jqgrid-rownum {
    color: #2A3331;
    background-color: #F6F9F8;
    border-right: 1px solid #E6ECE9;
}
/* 表格正文文字/行间细线 */
.ui-jqgrid tr.jqgrow td {
    color: #2A3331;
    border-bottom: 1px solid #E6ECE9;
}
/* 表格行 hover — 覆盖 iLead .ui-widget-content .ui-state-hover color:#0097FA */
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
    background: #f0f7f4;
    color: var(--ui5-leftnav-text-active);
}
/* 表格行选中 */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #e6f2ed;
    border: 1px solid #dddddd;
}
/* 分页器区域 */
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control,
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
    background: #ffffff;
}
/* 分页器 hover — 覆盖 iLead .ui-widget-header .ui-state-hover border:#009AF5 */
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
    background: #ffffff;
    border: 0 none;
}
/* 分页按钮 hover */
.ui-jqgrid .ui-pg-button:hover {
    padding: 0 5px;
    background: #f0f7f4;
}
.ui-jqgrid .ui-pg-button.ui-state-hover,
.ui-jqgrid .ui-pg-button.ui-state-focus {
    border: 0 none;
    background: #f0f7f4;
}
/* 分页按钮图标 — 用CSS滤镜将默认灰色图标变为绿色 */
.ui-jqgrid .ui-pg-button .ui-icon {
    filter: invert(51%) sepia(30%) saturate(1000%) hue-rotate(100deg) brightness(90%) contrast(90%);
}
.ui-jqgrid .ui-pg-button.ui-state-hover .ui-icon {
    filter: invert(35%) sepia(50%) saturate(800%) hue-rotate(110deg) brightness(85%) contrast(95%);
}
/* 分页输入框 */
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
    border: 1px solid #D1DDD9;
}
.ui-jqgrid .ui-pg-input:focus,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input:focus {
    border-color: var(--ui5-leftnav-text-active);
    outline: 0;
}
.ui-paging-info {
    color: var(--ui5-leftnav-text-active);
}
.ui-jqgrid .ui-pg-table td {
    color: var(--ui5-leftnav-text-active);
}

/*查询隐藏框样式*/
.panel-default > .panel-heading {
    padding : 10px 15px;
}

.panel-title {
    color: var(--ui5-text-title) !important;
}

/*zTree 现代化样式覆盖*/
/* 隐藏精灵图，改用FontAwesome图标 */
.ztree li span.button {
    background-image: none !important;
}
.ztree li ul.line {
    background: none;
}
/* 树容器 */
ul.ztree {
    border: none !important;
    border-radius: 8px;
    padding: 8px;
    background: transparent;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
ul.ztree:hover {
    scrollbar-color: #b8c2cc transparent;
}
ul.ztree::-webkit-scrollbar {
    width: 8px;
}
ul.ztree::-webkit-scrollbar-track {
    background: transparent;
}
ul.ztree::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 4px;
}
ul.ztree:hover::-webkit-scrollbar-thumb {
    background-color: #b8c2cc;
}
/* 节点行 */
.ztree li {
    line-height: 20px !important;
}
.ztree li a {
    color: #2A3331 !important;
    height: auto !important;
    line-height: 20px !important;
    padding: 1px 10px !important;
    border-radius: 6px;
    transition: all 0.2s ease;
    width: calc(100% - 18px);
    vertical-align: middle !important;
}
.ztree li span {
    line-height: 20px !important;
    vertical-align: middle !important;
}
.ztree li span.button {
    height: auto !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}
.ztree li a:hover {
    text-decoration: none;
    background-color: #F0F4F2;
    color: var(--ui5-leftnav-text-active) !important;
}
.ztree li a.curSelectedNode {
    background-color: #E6F2ED !important;
    color: var(--ui5-leftnav-text-active) !important;
    border: none !important;
    opacity: 1 !important;
    font-weight: 500;
    box-shadow: inset 3px 0 0 var(--ui5-leftnav-text-active);
    padding-left: 7px !important;

}
/* 展开/折叠箭头 */
.ztree li span.button.switch {
    font-family: FontAwesome !important;
    text-align: center;
    color: #657370;
    font-size: 12px;
    width: 20px !important;
    height: auto !important;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.ztree li span.button.switch:hover {
    color: var(--ui5-leftnav-text-active);
    background-color: #F0F4F2;
}
.ztree li span.button.root_open::before,
.ztree li span.button.roots_open::before,
.ztree li span.button.center_open::before,
.ztree li span.button.bottom_open::before,
.ztree li span.button.noline_open::before {
    content: "\f107";
}
.ztree li span.button.root_close::before,
.ztree li span.button.roots_close::before,
.ztree li span.button.center_close::before,
.ztree li span.button.bottom_close::before,
.ztree li span.button.noline_close::before {
    content: "\f105";
}
/* 根/叶子节点竖线占位 */
.ztree li span.button.root_docu,
.ztree li span.button.roots_docu,
.ztree li span.button.center_docu,
.ztree li span.button.bottom_docu,
.ztree li span.button.noline_docu {
    width: 20px !important;
}
/* 文件夹/文件图标 */
.ztree li span.button.ico_open::before,
.ztree li span.button.ico_close::before,
.ztree li span.button.ico_docu::before {
    font-family: FontAwesome !important;
    font-size: 14px;
    margin-right: 4px;
}
.ztree li span.button.ico_open::before {
    content: "\f07c";
    color: var(--ui5-leftnav-text-active);
}
.ztree li span.button.ico_close::before {
    content: "\f07b";
    color: #B8C2CC;
}
.ztree li span.button.ico_docu::before {
    content: "\f0f6";
    color: #B8C2CC;
}
/* 复选框图标 */
.ztree li span.button.chk {
    font-family: FontAwesome !important;
    font-size: 14px;
    margin-right: 4px;
    width: 20px !important;
    text-align: center;
}
.ztree li span.button.checkbox_false_full::before {
    content: "\f096";
    color: #B8C2CC;
}
.ztree li span.button.checkbox_true_full::before {
    content: "\f046";
    color: var(--ui5-leftnav-text-active);
}
.ztree li span.button.checkbox_false_full_focus::before {
    content: "\f096";
    color: #657370;
}
.ztree li span.button.checkbox_true_full_focus::before {
    content: "\f046";
    color: var(--ui5-leftnav-text-active);
}
.ztree li span.button.checkbox_false_part::before {
    content: "\f096";
    color: #B8C2CC;
}
.ztree li span.button.checkbox_false_part_focus::before {
    content: "\f096";
    color: #657370;
}
.ztree li span.button.checkbox_true_part::before {
    content: "\f147";
    color: var(--ui5-leftnav-text-active);
}
.ztree li span.button.checkbox_true_part_focus::before {
    content: "\f147";
    color: var(--ui5-leftnav-text-active);
}
.ztree li span.button.checkbox_false_disable::before {
    content: "\f096";
    color: #D1DDD9;
}
.ztree li span.button.checkbox_true_disable::before {
    content: "\f046";
    color: #D1DDD9;
}
/* 编辑/删除/新增按钮 */
.ztree li span.button.edit::before,
.ztree li span.button.remove::before,
.ztree li span.button.add::before {
    font-family: FontAwesome;
    font-size: 12px;
}
.ztree li span.button.edit::before { content: "\f044"; color: #657370; }
.ztree li span.button.remove::before { content: "\f014"; color: #657370; }
.ztree li span.button.add::before { content: "\f067"; color: #657370; }
.ztree li span.button.edit:hover::before { color: var(--ui5-leftnav-text-active); }
.ztree li span.button.remove:hover::before { color: #e74c3c; }
.ztree li span.button.add:hover::before { color: var(--ui5-leftnav-text-active); }
/*zTree 右键菜单*/
div#rMenu {
    border: 1px solid #E6ECE9;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    overflow: hidden;
}
div#rMenu ul li {
    color: #2A3331;
    padding: 10px 16px;
    font-size: 13px;
    transition: all 0.15s ease;
}
div#rMenu ul li:hover {
    background-color: #F0F4F2;
    color: var(--ui5-leftnav-text-active);
}
div#rMenu ul li .glyphicon {
    margin-right: 8px;
    color: #657370;
}
div#rMenu ul li:hover .glyphicon {
    color: var(--ui5-leftnav-text-active);
}

/*SweetAlert2 样式覆盖*/
/* 确认按钮 */
.swal2-modal .swal2-styled.swal2-confirm {
    background-color: var(--ui5-button-color) !important;
}
.swal2-modal .swal2-styled.swal2-confirm:hover {
    background-color: var(--ui5-button-color-hover) !important;
}
/* 取消按钮 */
.swal2-modal .swal2-styled.swal2-cancel {
    background-color: #657370 !important;
}
.swal2-modal .swal2-styled.swal2-cancel:hover {
    background-color: #4e5969 !important;
}
/* 进度步骤 */
.swal2-progresssteps .swal2-progresscircle {
    background: var(--ui5-leftnav-text-active) !important;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: var(--ui5-leftnav-text-active) !important;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
    background: #B8C2CC !important;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
    background: #B8C2CC !important;
}
.swal2-progresssteps .swal2-progressline {
    background: var(--ui5-leftnav-text-active) !important;
}
/* info 图标 */
.swal2-icon.swal2-info {
    color: var(--ui5-leftnav-text-active) !important;
    border-color: #A8DCBD !important;
}
/* 输入框聚焦 */
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
    border: 1px solid var(--ui5-leftnav-text-active) !important;
    box-shadow: 0 0 3px #A8DCBD !important;
}

/*Layui Layer 弹窗样式覆盖*/
/* 整体圆角+阴影 */
.layui-layer {
    border-radius: 8px !important;
    box-shadow: 0 8px 40px rgba(0,0,0,.15) !important;
    overflow: hidden;
}
/* 标题栏 */
.layui-layer-title {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E6ECE9 !important;
    color: var(--ui5-text-title) !important;
    font-weight: 500 !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 50px 0 16px !important;
    font-size: 15px !important;
}
/* 关闭按钮 */
.layui-layer-setwin {
    top: 14px !important;
    right: 14px !important;
}
.layui-layer-setwin .layui-layer-close1 {
    width: 18px !important;
    height: 18px !important;
    background: none !important;
    font-size: 0 !important;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
.layui-layer-setwin .layui-layer-close1::before,
.layui-layer-setwin .layui-layer-close1::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1.5px;
    background-color: #657370;
    border-radius: 1px;
}
.layui-layer-setwin .layui-layer-close1::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.layui-layer-setwin .layui-layer-close1::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.layui-layer-setwin .layui-layer-close1:hover {
    opacity: 1;
}
/* 遮罩 */
.layui-layer-shade {
    background-color: rgba(0,0,0,.35) !important;
}
/* 按钮栏 */
.layui-layer-btn {
    text-align: center !important;
    padding: 10px 30px 16px !important;
}
.layui-layer-btn a {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 24px !important;
    border-radius: 3px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    transition: all 0.15s ease;
}
.layui-layer-btn a:hover {
    opacity: 0.9;
}
/* 主按钮 */
.layui-layer-btn .layui-layer-btn0 {
    background-color: var(--ui5-button-color) !important;
    color: #ffffff !important;
    border: none !important;
}
.layui-layer-btn .layui-layer-btn0:hover {
    background-color: var(--ui5-button-color-hover) !important;
}
/* 次按钮 */
.layui-layer-btn .layui-layer-btn1 {
    background-color: #f8f9fa !important;
    color: #4e5969 !important;
    border: 1px solid #D1DDD9 !important;
}
.layui-layer-btn .layui-layer-btn1:hover {
    background-color: #eef1f0 !important;
}

/* 精确选题 */
.lcs_switch.lcs_on {
    background : var(--ui5-button-color) !important;
}

/*bootstrap-fileinput 文件上传组件主题色覆盖（components.css 后加载，需 !important）*/
.btn.blue:not(.btn-outline) {
    color: #ffffff !important;
    background-color: var(--ui5-button-color) !important;
    border-color: var(--ui5-button-color) !important;
}
.btn.blue:not(.btn-outline):focus,
.btn.blue:not(.btn-outline).focus {
    color: #ffffff !important;
    background-color: var(--ui5-button-color-hover) !important;
    border-color: var(--ui5-button-color-hover) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.btn.blue:not(.btn-outline):hover {
    color: #ffffff !important;
    background-color: var(--ui5-button-color-hover) !important;
    border-color: var(--ui5-button-color-hover) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.btn.blue:not(.btn-outline):active,
.btn.blue:not(.btn-outline).active {
    color: #ffffff !important;
    background-color: var(--ui5-button-color-hover) !important;
    border-color: var(--ui5-button-color-hover) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.btn.btn-outline.blue {
    border-color: var(--ui5-button-color) !important;
    color: var(--ui5-button-color) !important;
    background: none !important;
}
.btn.btn-outline.blue:hover,
.btn.btn-outline.blue:active,
.btn.btn-outline.blue.active {
    border-color: var(--ui5-button-color) !important;
    color: #ffffff !important;
    background-color: var(--ui5-button-color) !important;
}
.form-control.blue {
    border-color: var(--ui5-leftnav-text-active) !important;
}
.form-control.blue:focus {
    border-color: var(--ui5-leftnav-text-active) !important;
}
.form-control.focus-blue:focus {
    border-color: var(--ui5-leftnav-text-active) !important;
}

/*可点击链接文字样式（jqGrid 操作列等场景）*/
.ilead-link {
    color: #18b394 !important;
    cursor: pointer;
    text-decoration: none !important;
}
.ilead-link:hover {
    color: #13997e !important;
    text-decoration: underline !important;
}