﻿/*默认配色方案*/
/*按钮类,标题头默认背景色,字体图标hover色,表格头字体hover色,字体图标色,tabActive色*/
/*primary按钮字体色,下拉菜单hover字体色*/
/*default按钮的bg色*/
/*default按钮的背景hover色*/
/*default按钮的边框色*/
/*default按钮的字体色*/
/*default按钮的边框hover,focus色*/
/*按钮,复选框,单选框,类边框色*/
/*tab,menubutton,splitbutton,dropdownedit类下拉选择的hover色*/
/*tabitem的默认字体色*/
/*tabitem的选中字体色，下划线色*/
/*tabbar的背景色*/
/*tabitem的背景hover色*/
/*输入框类边框颜色*/
/*帶邊框和背景的控件active色，文本框类边框active色*/
/*带边框和背景控件的hover色,下拉菜单hover色,字体图标hover色,复选框,单选框边框hover色*/
/*禁用类背景色*/
/*下拉选择的item背景色*/
/*下拉选择的item背景hover色*/
/*日期控件日期hover色*/
/*表格头背景色*/
/*表格行和头背景hover色*/
/*表格行选中色*/
/*表格行active选中色*/
/*表格偶数行选中色*/
/*表格奇数行选中色*/
/*表尾背景色*/
/*表格字体色*/
/*表格选中单元格bg色*/
/*表格选中单元格边框色*/
/*表格编辑时单元格边框色*/
/*表格行下边框色*/
/*-webket-滚动条颜色*/
/*输入框字体图标默认颜色*/
/*输入框字体默认颜色*/
/*输入框禁用边框色,复选框,单选框为选择禁用边框色*/
/*输入框禁用bg色,复选框,单选框为选择禁用bg色*/
/*输入框禁用文字颜色*/
/*输入框禁用边框颜色*/
/*复选框单选框*/
/*未选中时候的边框色*/
.l-checkbox-inner,
.l-radio-inner {
    border: 1px solid #8D8D8D;
}
/*未选中时候的边框hover色*/
.l-checkbox:not(.l-box-disabled):hover .l-checkbox-inner,
.l-radio:not(.l-box-disabled):hover .l-radio-inner,
.l-checkbox-focus .l-checkbox:not(.l-box-disabled) .l-checkbox-inner,
.l-radio-focus .l-radio:not(.l-box-disabled) .l-radio-inner {
    border-color: #00A5C7;
}
/*选中时的状态*/
.l-checkbox-checked .l-checkbox-inner {
    background-color: #00A5C7;
    border-color: #00A5C7;
}

.l-radio-checked .l-radio-inner {
    border-color: #00A5C7;
}

    .l-radio-checked .l-radio-inner:after {
        background-color: #00A5C7;
    }
/*选中时的hover状态*/
.l-checkbox-checked:not(.l-box-disabled):hover .l-checkbox-inner,
.l-checkbox-focus .l-checkbox-checked:not(.l-box-disabled) .l-checkbox-inner {
    background-color: #31C4E2;
    border-color: #31C4E2;
}

.l-radio-checked:not(.l-box-disabled):hover .l-radio-inner,
.l-radio-focus .l-radio-checked:not(.l-box-disabled) .l-radio-inner {
    border-color: #31C4E2;
}

    .l-radio-checked:not(.l-box-disabled):hover .l-radio-inner:after,
    .l-radio-focus .l-radio-checked:not(.l-box-disabled) .l-radio-inner:after {
        background-color: #31C4E2;
    }

.l-disabled .l-radio-inner {
    background: #F7F8FA;
    border: 1px solid #DCDEE0;
}

    .l-disabled .l-radio-inner:after {
        background-color: #DEDEDE;
    }

.l-disabled .l-checkbox-inner {
    background: #F7F8FA;
    border: 1px solid #DCDEE0;
}
/*输入框字体图标默认颜色*/
.l-trigger .iconfont {
    color: #9F9F9F;
}
/*输入框文本颜色*/
.l-text-field,
.l-menu > li > a {
    color: #515151;
}
/*背景和边框色*/
/*基本控件默认色*/
.l-text,
.l-listbox,
.l-border,
.l-box-select {
    border-color: #d9d9d9;
}

    .l-text:not(.l-text-disabled):hover {
        border-color: #00A5C7;
    }

.l-text-disabled {
    background: #F7F8FA;
    border: 1px solid #DCDEE0;
    color: #919191;
}
/*默认按钮颜色*/
.l-button:not(.l-button-danger),
.layui-laydate-footer .laydate-footer-btns span.laydate-btns-clear {
    background-color: #FAFAFA;
    border-color: #DEDEDE;
    color: #000000;
}

    .l-button:not(.l-button-danger):hover,
    .l-button:not(.l-button-danger):active,
    .l-button:not(.l-button-danger):focus,
    .vango-pager .active .l-button,
    .layui-laydate-footer .laydate-footer-btns span.laydate-btns-clear:hover,
    .layui-laydate-footer .laydate-footer-btns span.laydate-btns-clear:focus {
        background-color: #FFFFFF;
        border-color: #737373;
        color: #000000;
    }
/*primary按钮颜色*/
.l-button.l-button-primary,
.calc-btn.blue,
.layui-layer-btn .layui-layer-btn0,
.ant-checkbox-checked .ant-checkbox-inner,
.layui-layer-btn .layui-layer-btn-ok,
.layui-layer-btn-c a,
.badge-success,
.l-split-button-link-wrap,
.l-panel-header,
.l-tab-icon-close:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.l-accordion-panel,
.side-accordion .menu-root > ul,
.layui-laydate .layui-this,
.layui-laydate-header-right .laydate-btns-now,
.laydate-footer-btns span,
.layui-laydate .layui-this-start,
.layui-laydate .layui-this-end {
    background-color: #00A5C7;
    border: none;
    color: white;
}

    .l-button.l-button-primary:hover,
    .l-button.l-button-primary:focus,
    .calc-btn.blue:hover,
    .layui-layer-btn .layui-layer-btn-ok:hover,
    .layui-layer-btn .layui-layer-btn-ok:focus,
    .layui-layer-btn .layui-layer-btn0:hover,
    .layui-layer-btn .layui-layer-btn0:focus,
    .laydate-footer-btns span:hover,
    .laydate-footer-btns span:focus {
        color: white;
        background-color: #31C4E2;
        /*border: none;*/
    }

.calc-btn:hover {
    background: #DBF9FF;
}

.l-button.l-button-disabled {
    background: #DEDEDE !important;
    color: white !important;
    border: none !important;
}

.l-listbox table,
.l-box-select table {
    border-collapse: separate;
    border-spacing: 2px;
}

.l-listbox tr td,
.l-box-select td {
    color: #1C242B;
}

    .l-listbox tr.l-selected td,
    .l-box-select td.l-text-dropdownedit-item-selected {
        background: #DBF9FF;
        color: #1C242B;
    }
/*hover色（帶邊框和背景的控件）*/
.l-listbox tr:hover td,
.l-listbox tr.l-over td,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
ui-state-default:hover,
.l-box-select .l-table-nocheckbox td:hover,
.l-box-select .l-table-checkbox tr:hover,
.l-accordion-header:hover,
.site-menu-item:not(.open) > a:hover .vango-row.hover,
.l-menu > li > a:hover {
    background-color: #AFF1FF;
    border-color: #00A5C7;
    color: #1C242B;
}
/*日期控件选中的hover色*/
.layui-laydate-content td:hover,
.layui-laydate-list li:hover,
.layui-laydate-content table td.laydate-selected:before,
.layui-laydate-content table td.laydate-selected,
.layui-laydate .layui-this-end:before,
.layui-laydate .layui-this-start:before {
    background: #DBF9FF;
}
/*弹窗modal的title背景色*/
.layui-layer-page .layui-layer-title {
    background-color: #fff;
    color: #545454;
}
/*.l-button-wrap:hover, .l-split-button-link-wrap:hover {
    opacity: 0.8;
}*/
/*输入框按钮图标Hover颜色*/
.l-trigger-icon:hover,
.l-spinner-icon:hover,
.split-button .l-trigger-icon:hover {
    color: #00A5C7 !important;
}
/*输入框按钮图标active颜色*/
.l-trigger-icon:active,
.l-spinner-icon:active {
    color: #00A5C7 !important;
}

.l-bar-button-over {
    color: #00A5C7;
}
/*active色（帶邊框和背景的控件）*/
.l-button-wrap:active,
.vango-header-column-active,
.l-accordion-header-active {
    background-color: #00A5C7;
    border-color: #00A5C7;
}

.l-grid {
    color: #1C242B !important;
    border: 1px solid #E6E6E6;
}

.vango-pager {
    border: 1px solid #E6E6E6;
    border-right: 0;
    border-left: 0;
}
/*多表头*/
.ui-state-default .vango-group-header-columns .vango-group-header-column {
    border: none;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
/*表头背景色*/
.vango-header.ui-state-default {
    background: #F6F6F6;
    font-weight: bold;
}
/*表格头hover色*/
.vango-header-column:hover,
.vango-group-header-column:hover,
.vango-header-column-active {
    /*color: @color-default-base;*/
    background-color: #E8F2FC;
}
/*表格头边框色*/
.ui-state-default .vango-header-column {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    /*.icon-setting {
        color: #597DFC;
    }*/
}

.l-grid-column-resizer.active::before {
    border-color: #00A5C7;
}
/*.ui-state-default {
    [class~='vango-header-column']:first-of-type {
        border-left: none;
    }
}*/
.vango-viewport {
    border-top: 1px solid #E6E6E6;
}
/*表格行下边框颜色*/
.vango-row {
    border-bottom: 1px solid #E6E6E6 !important;
}
    /*表格行hover字体色*/
    .vango-row.hover {
        background-color: #E8F2FC !important;
    }
    /*表格行active字体色*/
    /*.vango-row.selected, .vango-cell.selected {
    background-color: @color-hover-gridselect;
    color: @color-default-base;
}*/
    /*表格odd行背景色*/
    .vango-row.odd {
        background: #FFFFFF;
    }
    /*表格行even行背景色*/
    .vango-row.even {
        background: #F8F9FD;
    }
    /*表格行active色*/
    .vango-row.active {
        background: #DBF9FF !important;
        color: #1C242B;
    }

    .vango-row .hover {
        background: #E8F2FC;
    }

.vango-cell {
    border-right: 1px solid #E6E6E6;
    border-bottom-color: #E6E6E6;
}

    .vango-cell.active {
        border: 1px solid #AED7FE;
        background: #CFE5FB;
    }

        .vango-cell.active.editable {
            border-color: #E6E6E6;
        }
/*表尾背景色*/
.vango-footerrow-columns {
    background: #FDFDF8;
    border: none;
    /*border-bottom: 1px solid @gridrow-border-color;*/
    color: #1C242B;
    font-weight: normal;
}

.vango-footerrow-column {
    border: none;
    border-right: 1px solid #E6E6E6;
    /*border-top: 1px solid @gridrow-border-color;*/
}
/*hover:框色（只帶邊框效果的控件）*/
.l-text-over {
    border-color: #00A5C7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/*active:激活框色（只帶邊框效果的控件）*/
.l-text-focus {
    border-color: #00A5C7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/
}
/*滚动条颜色*/
/*-webket*/
::-webkit-scrollbar-thumb {
    background-color: #c5c5c5;
}
/*IE*/
body {
    /*scrollbar-face-color:@color-default-base; /**/
    /*立体滚动条的颜色*/
}
/*统一设置按钮字体色*/
/*.l-button-wrap, .split-button, .layui-layer-btn .layui-layer-btn0, .layui-layer-btn-c a {
    color: @color-default-font;
}*/
/*.l-button-wrap:hover, .split-button:hover, .layui-layer-btn  .layui-layer-btn-c a:hover, .l-menu > li > a:hover {
    color: @color-default-font;
}*/
/*字体图标色*/
/*字体图标默认色*/
.l-radio-inner:after,
.toggle.expand:before,
.ant-checkbox:hover .ant-checkbox-inner,
.l-radio:hover .l-radio-inner {
    color: #00A5C7;
}

.l-tabs-nav .l-tabs-tab-active {
    /*color: @tab-textActiveColor;*/
    color: #282C6B;
}

.l-tabs-ink-bar {
    background: #3C8DBC;
}

.main-tab.l-tabs > .l-tabs-bar {
    background: #fff;
    color: #707070;
}

.l-tabs-nav .l-tabs-tab:hover {
    color: #6C758B;
    background: #B9E3FB;
}
/*tree树*/
.ztree li a {
    color: #333333;
}

    .ztree li a:hover {
        background: #DBF9FF;
    }

    .ztree li a.curSelectedNode {
        background: #DBF9FF;
    }

.ztree li li a {
    color: #666666;
}

.ztree li span.button.ico_close,
.ztree li span.button.ico_docu {
    background-image: url('../images/tree/treeFloderClose2.svg');
}

.ztree li span.button.ico_open {
    background-image: url('../images/tree/treeFolderOpen2.svg');
}
