/*======================== tree =======================*/
.webix_tree_item {
  padding: 3px 0;
}
.webix_multiview .webix_tree_item{
  height: 28px;
  line-height: 28px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.webix_multiview .webix_tree_item:hover{
  background: #e6f7ff!important
}
.webix_multiview .webix_selected{
  background: #e6f7ff!important
}
.webix_multiview .webix_tree::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  overflow: auto
}
.webix_multiview .webix_tree::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  min-height: 25px;
  min-width: 25px;
  border: 1px solid #f0f0f0
}
.webix_multiview .webix_tree::-webkit-scrollbar-track {
  background-color: #f7f7f7
}
.webix_tree .webix_scroll_cont > .webix_tree_leaves{
  padding:0
}
.webix_tree_leaves .webix_tree_leaves{
  padding-left:8px
}
.webix_tree .webix_selected{
  background: #e6f7ff;
}
.mainLeft .webix_tree_leaves .webix_tree_leaves{
  padding-left:0
}
/*======================== button =======================*/

.webix_menu-x .webix_list_item{
  background: #f6f6f6;
  border: 1px solid #d9d9d9;
  border-radius: 1px;
  color:#606060;
  line-height: 27px;
}
.webix_menu-x .webix_list_item:last-child{
  border-right:1px solid #d9d9d9
}
.webix_list_item{
  padding:2px 9px;
}
.webix_menu-x .webix_list_item:hover, .webix_menu-x .webix_list_item:active, .webix_menu-x .webix_list_item:focus{
  background-color: #ececec;
}
.webix_el_label .webix_el_box {
  color: #4b4c4c;
  padding-left: 5px;
  font: 400 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}

.layui-layer-btn > .layui-layer-btn1,
.layui-layer-btn > .layui-layer-btn0,
.webix_el_button > .webix_el_box > .webix_button {
  font: 400 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
  border-radius: 0;
  padding: 7px 7px 7px 7px;
  border:1px solid #d9d9d9;
  background-color: #f6f6f6;
  color: #606060;
  border-radius: 1px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.layui-layer-btn > .layui-layer-btn1,
.layui-layer-btn > .layui-layer-btn0,
.webix_el_button > .webix_el_box > .webix_button:hover {
  background-color: #ececec;
}

.webix_el_button > .webix_el_box > .webix_button > i {
  padding-right: 6px;
}

.layui-layer-btn > .layui-layer-btn0,
.webix_el_button.yvan_primary > .webix_el_box > .webix_button {
  border-color: #5897ce;
  background-color: #5fa2dd;
  color: #f0f0f0;
}

.layui-layer-btn > .layui-layer-btn0,
.webix_el_button.yvan_primary > .webix_el_box > .webix_button:hover {
  border-color: #518bbd;
  background-color: #5795cb;
}

.layui-layer-btn > .layui-layer-btn1,
.layui-layer-btn > .layui-layer-btn0 {
  line-height: 21px;
  height: 18px;
  min-width: 50px;
  text-align: center;
}
.webix_el_button.yvan_primary > .webix_el_box > .webix_button ,.yvan_primary .webix_scroll_cont .webix_list_item{
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.webix_el_button.yvan_primary > .webix_el_box > .webix_button:hover,.yvan_primary .webix_scroll_cont .webix_list_item:hover {
  color: #fff;
  background-color: #3ea1fc;
  border-color: #1890ff;
}
.webix_el_button.yvan_default > .webix_el_box > .webix_button:hover {
  color: #3ea1fc;
  background-color: #fff;
  border-color: #1890ff;
}
.webix_el_button.yvan_ghost > .webix_el_box > .webix_button,.yvan_ghost .webix_scroll_cont .webix_list_item{
  background: #fff;
}
.webix_el_button.yvan_ghost > .webix_el_box > .webix_button:hover,.yvan_ghost .webix_scroll_cont .webix_list_item:hover{
  color: #3ea1fc;
  background-color: #fff;
  border-color: #1890ff;
}
.webix_el_button.yvan_dashed > .webix_el_box > .webix_button ,.yvan_dashed .webix_scroll_cont .webix_list_item{
  background: #fff;
  border-style: dashed;
}
.webix_el_button.yvan_dashed > .webix_el_box > .webix_button:hover ,.yvan_dashed .webix_scroll_cont .webix_list_item:hover{
  color: #3ea1fc;
  background-color: #fff;
  border-color: #1890ff;
}
.webix_el_button.yvan_danger > .webix_el_box > .webix_button ,.yvan_danger .webix_scroll_cont .webix_list_item{
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}

.webix_el_button.yvan_danger > .webix_el_box > .webix_button:hover ,.yvan_danger .webix_scroll_cont .webix_list_item:hover{
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}

.webix_el_button.yvan_success > .webix_el_box > .webix_button,.yvan_success .webix_scroll_cont .webix_list_item {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0;
}

.webix_el_button.yvan_success > .webix_el_box > .webix_button:hover,.yvan_success .webix_scroll_cont .webix_list_item:hover{
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}
.webix_layout_line .webix_el_button,.webix_layout_line .webix_el_button .webix_el_box{
  height:34px!important
}
.webix_layout_line .webix_el_button button{
  line-height: 14px!important
}
.webix_toolbar .webix_el_button,.webix_toolbar .webix_el_button .webix_el_box{
  height:38px!important
}
.webix_view.webix_control > .webix_disabled{
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: 0.4;
}
.webix_view .webix_menu-x .webix_scroll_cont{
  margin:3px 0 0 2px
}
/*======================== toolbar =======================*/
.webix_toolbar .webix_el_label .webix_el_box {
  color: #4b4c4c;
  padding-left: 5px;
  font: 400 18px/21px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}
.webix_toolbar.dark .webix_el_label .webix_el_box {
  color: #f0f0f0;
}

/* ====================== tabview =========================*/
/* iframe 遮盖层样式 */
.webix_designer_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.webix_icon_btn.fa {
  font: normal normal normal 14px/1 FontAwesome;
}
.webix_all_tabs{
  width: 100%;
  border-bottom:1px solid #f0f0f0;
  height: 40px!important;
  display: block;
}
.webix_item_tab{
  /* width: 100px!important; */
  color:#475466!important;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  height: 40px!important;
}
.webix_all_tabs .webix_item_tab:hover{
  color:#1890ff!important;
  background: none!important;
}
.webix_all_tabs .webix_item_tab.webix_selected{
  -webkit-box-shadow: inset 0 -2px #1890ff;
          box-shadow: inset 0 -2px #1890ff;
  color:#1890ff
}
.webix_all_tabs .webix_item_tab.webix_selected:focus{
  -webkit-box-shadow: inset 0 -2px #1890ff;
          box-shadow: inset 0 -2px #1890ff;
  color:#1890ff
}
.webix_all_tabs .webix_selected{
  background: none!important;
}
.webix_all_tabs .webix_item_tab .webix_icon.webix_tab_close{
  font-size: 14px;
}

[role='echarts'] {
  font-style: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-font-variant-ligatures: normal;
          font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-stretch: normal;
  font-size: 13px !important;
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif !important;
  width: 100%;
  height: 100%;
}

.webix_view.webix_header.webix_win_title {
  cursor: move;
}
.webix_icon.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ================dialog================= */
.webix_window{
  border-radius: 6px;
}
.webix_window.webix_popup{
  border-radius: 2px;
}
.webix_win_title{
  text-align: left;
}
.webix_win_title .webix_el_box{
  padding-left:10px!important;
  font-size: 14px!important;
  font-weight: bold!important;
  line-height: 37px!important
}
.webix_window .webix_win_head .webix_toolbar{
  border-bottom: 0px solid #e9e9e9;
  background: #fafafa;
}
.webix_layout_line .yvan_primary button{
  color: #fff!important;
  background-color: #1890ff!important;
  border-color: #1890ff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.webix_layout_line .yvan_primary button:hover{
  background: #3ea1fc!important
}
.webix_el_icon{
  font-size: 12px;
}
.webix_window.webix_toolbar{
  margin-left:0!important
}
.webix_window .webix_toolbar .webix_icon_button:before{
  border-radius: 0!important;
}
.webix_window.webix_win_body {
  position: relative;
}
.webix_window .dialogBottom{
  margin:0!important;
  border-top:1px solid #e9e9e9;
  background: #fafafa;
  width: 100%!important;
  position: absolute;
  bottom: 0px;
  text-align: right;
  padding:3px 0 3px 0;
}
.webix_window .dialogBottom .webix_el_button {
  margin-right:7px;
}
.webix_resize_handle{
  opacity: 0;
}
.webix_win_head .webix_win_title .webix_el_box{
  line-height: 38px!important;
}
.webix_window .webix_toolbar{
  margin-top:0!important
}
/* ====================== grid.foot =========================*/
.ctl-grid-page span.ui-icon {
  text-align: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  margin: 1px;
  float: left;
  color: #606060;
}

.ctl-grid-page .ui-icon-disable {
  text-align: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  margin: 1px;
  float: left;
  color: #c0c0c0;
}

/* ====================== grid =========================*/
/* 表格内编辑器 */
/* .ag-theme-blue .ag-cell.ag-cell-inline-editing {
  height: 37px;
} */

input.ag-cell-edit-input {
  border: none;
}

/*表格头单元格*/
.ag-header-cell.ag-header-cell-sortable {
  padding: 5px;
}

/*表格内单元格*/
.ag-theme-blue .ag-cell {
  padding-left: 5px;
  padding-right: 5px;
}

/*表格内行*/
.ag-theme-blue .ag-row {
  border:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0!important;
  color:#475466
}
/*行分割线*/
.ag-theme-blue .ag-row:not(.ag-row-first) {
  border-top:1px solid #f0f0f0;
  background: #fff;
  -webkit-transition: background .3s;
  transition: background .3s;

}
.ag-theme-blue .ag-row:not(.ag-row-first):hover{
  background: #fafafa;
}
.ag-theme-blue .ag-row-odd{
  background: #fff;
}
.ag-theme-blue .ag-ltr .ag-cell {
  border-right: 1px solid #f0f0f0!important;
}

/*表格过滤按钮不允许隐藏*/
.ag-cell-label-container{
  height: 100%;
}
.ag-header-icon.ag-header-cell-menu-button {
  opacity: 0.8!important;
  color: #b2b2b2;
  padding:0 7px;
  height: 100%;
}

.ag-header-icon.ag-header-cell-menu-button:hover {
  opacity:1!important;
  color: #666;
  background: #d9d9d9;
}
.ag-header-cell-label{
  padding-left:12px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.ag-header-cell-label:hover{
  background: #d9d9d9;
}
.ag-header-cell.ag-header-cell-sortable{
}

/*表格单元格对其方式*/
.yv-align-right {
  text-align: right;
}

.yv-align-center {
  text-align: center;
}

/*表格行按钮样式*/
.yv-grid-button.danger {
  background-color: #ff5722;
}

.yv-grid-button {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  font-size: 12px;
  display: inline-block;
  background-color: #1ca1c1;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.yv-grid-button:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #ffffff;
}

.yv-grid-button:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.yv-grid-button + .yv-grid-button {
  margin-left: 10px;
}

/*数字输入禁用上下小箭头*/
input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*表格样式*/
[role='yvGrid'] {
  font-style: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-font-variant-ligatures: normal;
          font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-stretch: normal;
  font-size: 13px !important;
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif !important;
  width: 100%;
  height: 100%;
}

[role='yvGrid'].ag-popup {
  height: 0;
}

[role='yvGrid'] .ag-root {
  border: none!important;
}

/*表格行选中的颜色*/
[role='yvGrid'] .ag-row-selected {
  background-color: #eaf8fe;
}

/*表头颜色*/
.ag-theme-blue .ag-header {
  color: #404040;
  background: #e7e7e7!important;
  border-bottom: 1px solid #cdcdcd!important;
}

/*表头右边框*/
.ag-theme-blue .ag-header-cell {
  font: 500 13px/19px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}


/*表头鼠标悬停*/
.ag-theme-blue .ag-cell{
  padding: 3.5px 0;
  min-height: 32px;
}

.webixui {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ag-theme-blue .ag-body-viewport{
  background: #fff!important;
}
.ag-theme-blue .ag-header-row{
  color:#666
}
.ag-theme-blue .ag-root-wrapper{
  border: 1px solid #f0f0f0;
}
.ag-theme-blue .ag-header-cell{
  border-right: none!important;
  overflow:visible;
  padding:0!important
}
.ag-header-cell-resize{
  position: absolute;
}
.ag-header-cell-resize:hover{
  border-left:1px dashed #1890ff;
  border-right:1px dashed #1890ff;
  background: #d5d5d5;
}
.ag-center-cols-container .ag-cell{
  border-right:1px solid #f0f0f0;
}
.ag-theme-blue .ag-row-selected{
  background: #d3d3d3!important;
}
.ag-header-cell-text{
  font-weight: bold;
  color: rgba(0, 0, 0, .85);
}
.ag-theme-blue .ag-icon{
  color:#797979!important;
}
.ag-header-cell-menu-button,.ag-sort-descending-icon{
  height: 32px;
  line-height: 32px;
}
.ag-theme-blue .ag-menu{
  background: #fff!important;
  border:none!important
}
.ag-theme-blue .ag-filter .ag-filter-select{
  margin:0px 10px 4px 10px!important;
  padding:3px;
  border: 1px solid #DADEE0;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .08) inset;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, .08) inset;
  background: #fff;
  border-radius: 2px;
}
.ag-theme-blue .ag-filter .ag-filter-body{
  margin:0 4px 4px 4px!important;
}
.ag-theme-blue .ag-filter-body-wrapper{
  padding-top:4px
}
.ag-theme-blue .ag-filter input[type="text"], .ag-theme-blue .ag-filter input[type="date"]{
  padding:4px 2px;
  border: 1px solid #DADEE0!important;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .08) inset;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, .08) inset;
  background: #fff;
  border-radius: 2px;
}
.ag-theme-blue .ag-filter input[type="text"]:focus, .ag-theme-blue .ag-filter input[type="date"]:focus,.ag-theme-blue .ag-filter .ag-filter-select:focus{
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
  border-color: #1890ff!important;
}
.ag-theme-blue .ag-filter button{
  border-radius: 1px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}
.ag-theme-blue .ag-filter button:first-child{
  background: #f6f6f6;
  border: 1px solid #d9d9d9;
}
.ag-theme-blue .ag-filter button:first-child:hover{
  border: 1px solid #1890ff;
  color:#1890ff
}
.ag-theme-blue .ag-filter button:last-child{
  border: 1px solid #1890ff;
  background: #1890ff;
  color:#fff
}
.ag-theme-blue .ag-filter button:last-child:hover{
  background: #3ea1fc;
}
.ag-theme-blue .ag-filter .ag-filter-header-container{
  border-bottom:1px solid #e9e9e9!important;
  position: relative;
  top: -4px;
  background: #fafafa;
  height: 26px;
}
.ag-theme-blue .ag-filter .ag-filter-header-container label{
  height: 24px;
  font-size: 12px;
  font-weight: bold;
}
.ag-theme-blue .ag-icon-checkbox-checked{
  color:#666!important;
  border-radius: 4px;
}
.ag-theme-blue .ag-icon-checkbox-unchecked{
  color:#666!important;
}
.ag-theme-blue .ag-input-wrapper{
  padding:2px;
}
.ag-header-cell-label .ag-sort-ascending-icon .ag-icon,.ag-header-cell-label .ag-sort-descending-icon .ag-icon{
  color:#1890ff!important
}
.ag-theme-blue .ag-filter .ag-filter-apply-panel{
  border-top: 1px solid #e9e9e9!important;
  background: #fafafa;
  -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
          justify-content: center!important;
  padding:4px!important
}
.ag-theme-blue.ag-popup > div:not(.ag-tooltip-custom){
  -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .3)!important;
          box-shadow: 3px 5px 10px rgba(0, 0, 0, .3)!important;
  border-radius: 2px;
}
.ag-theme-blue .ag-menu{
  top:35px!important
}
.ag-theme-blue .ag-header-cell:after, .ag-theme-blue .ag-header-group-cell:after{
  background: none!important;
}
.ag-theme-blue .ag-pinned-left-header{
  border-right:0!important;
}
.ag-theme-blue .ag-horizontal-left-spacer:not(.ag-scroller-corner){
  border-right:0!important
}
[role='yvGrid'] .ag-row-selected{
  border-color:#e9e9e9!important
}
.ctl-grid-page{
  border:1px solid #fff;
}
.ctl-grid-page:focus{
  outline: none;
}
.ctl-grid-page .ui-icon-disable{
  color:#dfdfdf
}
.ctl-grid-page span.ui-icon{
  color:#a7a7a7;
  cursor: pointer;
}
.ctl-grid-page span.ui-icon:hover{
  background: #fff;
  color:#1890ff;
}
.ui-pg-table input,.ui-pg-table select{
  border: 1px solid #d9d9d9!important;
  color:#666;
  border-radius: 2px
}
.ui-pg-table input{
  padding:0px 5px
}
.ui-pg-table,.ui-pg-table table{
  border-spacing: 0px;
}
.ui-pg-table table{
  margin-top:1px
}
.ag-theme-blue .ag-paging-panel{
  color:#666!important;
  border-top:1px solid #f0f0f0!important;
  height: 25px;
}
.ag-theme-blue .ag-paging-panel>*{
  height: 25px;
  margin:0!important
}
.ctl-grid-page{
  border:none
}
.ctl-grid-page span.ui-icon{
  border:none
}
.ag-pinned-left-header .ag-header-cell{
  padding-left:12px!important
}
.ag-icon-menu{
  font: normal normal normal 14px/1 FontAwesome!important;
  line-height: 35px!important;
}
.ag-theme-blue .ag-icon-menu:before{
  content: "\f002"!important;
}
/* =======================treegrid=========================== */
.webix_ss_header, .webix_ss_header TD, .webix_ss_vscroll_header, .webix_dd_drag_column{
  background: #e7e7e7;
}
.webix_dtable .webix_ss_header td.webix_last_row{
  border-bottom: 1px solid #cdcdcd;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.webix_dtable .webix_ss_header td.webix_last_row:hover{
  background: #d9d9d9;
}
.webix_ss_header{
  height: 35px!important;
}
.webix_dtable .webix_ss_header td.webix_last_row .webix_hcell{
  height: 34px!important;
  line-height: 34px!important;
}
.webix_dtable .webix_select_mark > div.webix_row_select{
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
.webix_dtable_focused .webix_column > div.webix_row_select, .webix_dtable_focused .webix_column > div.webix_column_select{
  background: #eaf8fe;
}
.webix_dtable .webix_ss_body .webix_column > div, .webix_dtable .webix_ss_body .webix_table_cell{
  height: 32px!important;
  line-height: 32px!important;
  border-right: 1px solid #f0f0f0!important;
  padding: 0 12px;
  border-bottom: 1px solid #f0f0f0!important;
}
.webix_hcell{
  font-size: 13px;
  font-weight: bold;
}
.webix_ss_vscroll_header{
  height: 35px!important;
}
.webix_vscroll_y{
  margin-top:35px!important;
}
.ag-theme-blue .ag-overlay-loading-center{
  border:none!important
}
.ag-theme-blue .ag-overlay-loading-center{
  font-size: 21px;
}
.ag-theme-blue .ag-overlay-loading-wrapper{
  margin-top:35px;
  background-color: rgba(255, 255, 255, 1);
}
.ag-theme-blue .ag-paging-panel{
  position: relative;
}
.maskBox{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
}
.yv-grid-button{
  background-color:#1890ff
}
.gridBlueButton{
  background: #1890ff;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
}
.webix_dtable .ag-theme-blue .ag-row:not(.ag-row-first){
  border:none
}
.webix_dtable .ag-theme-blue .ag-row.ag-row-first{
  border:none
}
.webix_dtable{
  border:1px solid #f0f0f0!important;
  border-top:0!important;
}
.ag-theme-blue select,.ag-theme-blue input{
  padding-left:6px
}
.ag-theme-blue .ag-cell.ag-cell-inline-editing{
  height: 33px!important;
}
.ag-cell-inline-editing .ag-input-wrapper{
  padding:0;
}
.ag-cell-inline-editing .ag-cell-edit-input,.ag-cell-inline-editing .ag-input-wrapper{
  height: 31px!important;
}
.ag-theme-blue .ag-header-group-cell{
  border-right: 1px solid #d6d6d6!important;
}
.ag-theme-blue .ag-header-cell, .ag-theme-blue .ag-header-group-cell{
  border-color: #d6d6d6!important;
}
.ag-theme-blue input,.ag-theme-blue select{
  border-color:#d9d9d9!important;
  background-color: #fff!important;
}
.ag-header-group-text{
  font-weight: bold;
  color: rgba(0, 0, 0, .85);
  width: 100%;
  display: inline-block;
  text-align: center;
}
.ag-header-group-cell-with-group{
  overflow: visible!important;
}
.ag-theme-blue .ag-icon-asc:before {
  content: "\f0de"!important;
  font: normal normal normal 14px/1 FontAwesome!important;
}
.ag-theme-blue .ag-icon-desc:before {
  content: "\f0dd"!important;
  font: normal normal normal 14px/1 FontAwesome!important;
}
/* ====================== checkbox =========================*/
.yvan-checkbox {
  display: inline-block;
  margin: 0;
  padding: 0;
  min-width: 110px;
  color: rgba(0, 0, 0, .65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  line-height: unset;
  -webkit-font-feature-settings: 'tnum', "tnum";
          font-feature-settings: 'tnum', "tnum";
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.yvan-checkbox:hover .yvan-checkbox-switch .yvan-checkbox-status,
.yvan-checkbox .yvan-checkbox-switch:hover .yvan-checkbox-status {
  border-color: #1890ff;
}

.yvan-checkbox .yvan-checkbox-switch {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, .65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum', "tnum";
          font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: -1px;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}

.yvan-checkbox .yvan-checkbox-switch .yvan-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.yvan-checkbox
  .yvan-checkbox-switch
  .yvan-checkbox-input:focus
  + .yvan-checkbox-status {
  border-color: #1890ff;
}

.yvan-checkbox .yvan-checkbox-switch .yvan-checkbox-status {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.yvan-checkbox .yvan-checkbox-switch .yvan-checkbox-status::after {
  position: absolute;
  top: 50%;
  left: 20%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.yvan-checkbox .yvan-checkbox-switch.checked .yvan-checkbox-status {
  background-color: #1890ff;
  border-color: #1890ff;
}

.yvan-checkbox .yvan-checkbox-switch.checked .yvan-checkbox-status::after {
  content: ' ';
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.yvan-checkbox .yvan-checkbox-switch.disabled .yvan-checkbox-status {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}

.yvan-checkbox .yvan-checkbox-switch.disabled .yvan-checkbox-status::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}

.yvan-checkbox
  .yvan-checkbox-switch.disabled.checked
  .yvan-checkbox-status::after {
  border-color: rgba(0, 0, 0, .25);
}

.yvan-checkbox .yvan-checkbox-switch.disabled + .yvan-checkbox-text {
  color: rgba(0, 0, 0, .25);
  cursor: not-allowed;
}

.yvan-checkbox .yvan-checkbox-text {
  padding-right: 8px;
  padding-left: 8px;
}

.webix_el_checkbox .webix_inp_label{
  display: block!important;
}
.yvan-validate-error .itemCheckbox{
  border:1px solid #ff8400
}
/*== loading 界面 ==*/
.load-view {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, .8);
  border-radius: 8px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 6px 0 0;
  -webkit-transition: height 1s linear 0s;
  transition: height 1s linear 0s;
}
.load-an-view {
  width: 100%;
  height: auto;
  box-pack: center;
  box-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari、Opera 以及 Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -o-box-pack: center;
  -o-box-align: center;
}
.load-tip {
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 0 5px;
  line-height: 16px;
  color: #ffffff;
  font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}
.fading-circle {
  min-width: 50px;
  min-height: 50px;
  position: relative;
}
.sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

/*== layer提示框==*/
.yvan-msg {
  min-width: 100px;
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  position: fixed;
  pointer-events: auto;
  z-index: 10000;
}

.yvan-msg-content {
  pointer-events: auto;
  color: #fff;
  padding: 12px 25px;
  text-align: center;
  position: relative;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: auto;
}

/*== 动画 ==*/
.yvan-anim {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes yvan-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes yvan-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.yvan-anim-00 {
  -webkit-animation-name: yvan-bounceIn;
  animation-name: yvan-bounceIn;
}

@-webkit-keyframes yvan-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translatey(-2000px);
    transform: scale(0.1) translatey(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translatey(60px);
    transform: scale(0.475) translatey(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes yvan-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translatey(-2000px);
    transform: scale(0.1) translatey(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translatey(60px);
    transform: scale(0.475) translatey(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.yvan-anim-01 {
  -webkit-animation-name: yvan-zoomInDown;
  animation-name: yvan-zoomInDown;
}

@-webkit-keyframes yvan-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes yvan-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

.yvan-anim-02 {
  -webkit-animation-name: yvan-fadeInUpBig;
  animation-name: yvan-fadeInUpBig;
}

@-webkit-keyframes yvan-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translatex(-2000px);
    transform: scale(0.1) translatex(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translatex(48px);
    transform: scale(0.475) translatex(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes yvan-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translatex(-2000px);
    transform: scale(0.1) translatex(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translatex(48px);
    transform: scale(0.475) translatex(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.yvan-anim-03 {
  -webkit-animation-name: yvan-zoomInLeft;
  animation-name: yvan-zoomInLeft;
}

@-webkit-keyframes yvan-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-100%) rotate(-120deg);
    transform: translatex(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0) rotate(0);
    transform: translatex(0) rotate(0);
  }
}

@keyframes yvan-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-100%) rotate(-120deg);
    transform: translatex(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0) rotate(0);
    transform: translatex(0) rotate(0);
  }
}

.yvan-anim-04 {
  -webkit-animation-name: yvan-rollIn;
  animation-name: yvan-rollIn;
}

@-webkit-keyframes yvan-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes yvan-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.yvan-anim-05 {
  -webkit-animation-name: yvan-fadeIn;
  animation-name: yvan-fadeIn;
}

@-webkit-keyframes yvan-shake {
  0%,
  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px);
  }
}

@keyframes yvan-shake {
  0%,
  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px);
  }
}

.yvan-anim-06 {
  -webkit-animation-name: yvan-shake;
  animation-name: yvan-shake;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.webix_template {
  padding: 0;
}

.input_validate_false {
  background-color: #ffdedb;
  border-color: #ff8d82;
}

.webix_dataview_item[role='option'] {
  padding: 2px 2px;
}
/* =============timeline组件样式================ */
.webix_timeline_left .webix_timeline_event{
  float: right;
  margin-top: -18px;
}
.webix_timeline_left svg{
  position: relative;
  top:-18px;
  left:4px
}
.webix_timeline_item.webix_timeline_left .webix_timeline_details, .webix_timeline_item.webix_timeline_left .webix_timeline_value{
  margin-left: 3px;
}
.webix_timeline_right{
  position: relative;
}
.webix_timeline_right .webix_timeline_event{
  position: absolute;
  top: 0px;
}
.webix_timeline_right .webix_timeline_date{
  float: right;
}
.webix_timeline_item.webix_timeline_right .webix_timeline_date{
  margin:0;
}
.webix_timeline_item.webix_timeline_right .webix_timeline_details, .webix_timeline_item.webix_timeline_right .webix_timeline_value{
  margin-right: 3px;
}

/*======================== form =======================*/
.webix_el_text input,
.webix_el_search input,
.webix_el_combo input,
.webix_el_datepicker input,
.webix_el_colorpicker input{
  font: 500 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
  padding: 0 6px;
  height: 28px;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 28px;
  border-color:#d9d9d9
}
.webix_inp_label,
.webix_inp_top_label,
legend.webix_forminput_label,
.webix_el_label .webix_el_box {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}
.webix_el_textarea .webix_inp_label{
  padding-top:0
}
.webix_el_textarea textarea{
  padding:0 6px;
  line-height: 26px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 2px;
  overflow:auto
}
.webix_el_text input:focus, .webix_el_search input:focus, .webix_el_combo input:focus, .webix_el_datepicker input:focus, .webix_el_colorpicker input:focus,.webix_el_textarea textarea:focus{
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
  border-color:#1890ff
}
.yvan-validate-error.webix_el_text input,
.yvan-validate-error.webix_el_search input,
.yvan-validate-error.webix_el_combo input,
.yvan-validate-error.webix_el_datepicker input,
.yvan-validate-error.webix_el_colorpicker input,
.yvan-validate-error.webix_el_textarea textarea{
  border:1px solid #ff8400!important
}
.yvan-validate-error input:focus, 
.yvan-validate-error input:focus, 
.yvan-validate-error input:focus, 
.yvan-validate-error input:focus, 
.yvan-validate-error textarea:focus{
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 132, 0, .2);
          box-shadow: 0 0 0 2px rgba(255, 132, 0, .2);
  border-color:#ff8400
}
.yvan-validate-error .webix_inp_static{
  border:1px solid #ff8400!important
}

.yvan-validate-error{
  overflow: visible!important;
}
.yvan-validate-error .webix_el_box{
  overflow: visible!important;
}
.yvan-tooltip{
  min-width: 20px;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  position: fixed;
  pointer-events: auto;
  z-index: 10000;
  padding-top: 1px;
}
.yvan-tooltip-msg{
  pointer-events: auto;
  color: #fff;
  padding: 0px 14px;
  position: relative;
  height: 32px;
  line-height: 32px;
  word-break: break-all;
  font-size: 13px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 2px;
  background-color: #ff8400;
}
.yvan-tooltip em{
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ff8400;
  position: absolute;
  top: 8px;
  left: -8px;
}
.yvan-tooltip .yvan-right-tooltip{
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ff8400;
  border-right:0;
  position: absolute;
  top: 8px;
  right: -8px;
  left:auto;
}
.webix_inp_label, .webix_inp_top_label, legend.webix_forminput_label{
  line-height: 28px!important;
  font-size: 13px
}
.webix_list_item{
  height: 32px!important;
  line-height: 32px;
  font-size: 13px!important
}
.webix_list_item.webix_selected{
  background: #e6f7ff;
  -webkit-box-shadow: inset 2px 0 #1890ff;
          box-shadow: inset 2px 0 #1890ff;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color:#e4e4e4;
  font-size: 12px
}
input::-moz-placeholder,textarea::-moz-placeholder{
  color:#e4e4e4;
  font-size: 12px
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:#e4e4e4;
  font-size: 12px
}
.webix_el_radio .webix_radio_1 .webix_custom_radio{
  color:#1890ff
}
.webix_el_radio .webix_custom_radio:before{
  font-size: 18px;
}
.webix_el_combo span.webix_input_icon, .webix_el_richselect span.webix_input_icon, .webix_el_datepicker span.webix_input_icon, .webix_el_dbldatepicker span.webix_input_icon, .webix_el_colorpicker span.webix_input_icon, .webix_el_search span.webix_input_icon{
  height: 23px!important;
  padding-top: 4px!important;
}
.webix_cal_body .webix_cal_select .webix_cal_day_inner, .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner{
  background-color: #1890ff;
}
.webix_cal_body .webix_cal_event{
  color: #1890ff;
}
.webix_cal_body .webix_cal_today .webix_cal_day_inner{
  -webkit-box-shadow: inset 0 0 0 1px #1890ff;
          box-shadow: inset 0 0 0 1px #1890ff;
}
.webix_custom_checkbox{
  font-size: 18px;
  border-radius: 4px;
}
.webix_custom_checkbox:focus,.webix_checkbox_1 .webix_custom_checkbox{
  color: #1890ff;
}
.webix_switch_handle{
  width: 14px;
  height: 14px;
}
.webix_switch_box .webix_switch_on,.webix_switch_box{
  width: 44px!important;
}
.webix_switch_box.webix_switch_on{
  background-color: #1890ff;
}
.webix_switch_box{
  height: 17px;
  margin-top: -10px;
}
.webix_fieldset > fieldset{
  border: 1px solid #f0f0f0;
}
.webix_cal_body .webix_cal_range_start .webix_cal_day_inner, .webix_cal_body .webix_cal_range_end .webix_cal_day_inner, .webix_cal_body .webix_cal_today.webix_cal_range_start .webix_cal_day_inner, .webix_cal_body .webix_cal_today.webix_cal_range_end .webix_cal_day_inner{
  background-color: #1890ff;
}
.webix_cal_body .webix_cal_range {
  background-color: #ebf5ff;
}
.webix_range_footer .webix_el_button .webix_el_box{
  height: 30px!important;
}
.webix_cal_footer .webix_template{
  padding:4px 12px
}
.webix_cal_icon:hover, .webix_cal_time:hover, .webix_cal_month_name:hover, .webix_cal_icon:focus, .webix_cal_time:focus, .webix_cal_month_name:focus{
  color: #1890ff;
}
.webix_cal_body .webix_cal_select .webix_cal_day_inner:hover, .webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner:hover{
  background-color: #1890ff;
}
.webix_cal_prev_button:hover, .webix_cal_next_button:hover, .webix_cal_prev_button:focus, .webix_cal_next_button:focus{
  color: #1890ff;
}
.webix_el_text .webix_multicombo_input{
    height: 26px!important;
    margin-left:6px;
}
.webix_multicombo .webix_inp_static{
  height: 28px!important;
}
.webix_multicombo .webix_inp_static input{
  height: 26px;
  border:none!important
}
.webix_multicombo_value{
  line-height: 20px!important;
}
.webix_multicombo_value .webix_multicombo_delete{
  margin: 0 0 0 4px;
}
.webix_focused .webix_inp_static{
  border:1px solid #1890ff;
}
.webix_layout_line .webix_el_textarea .webix_el_box{
  padding-bottom: 7px;
}
.webix_cal_body .webix_cal_block.webix_selected span{
  background-color: #1890ff;
}
.webix_cal_done{
  font-size: 14px;
  color: #1890ff;
}
.webix_toolbar .webix_el_label .webix_el_box{
  font-size: 13px;
}
.inputRedBg input,.inputRedBg textarea{
  background: #fde6e6;
}
.inputRedBg input::-webkit-input-placeholder,.inputRedBg textarea::-webkit-input-placeholder{
  color:#d19b9b
}
.inputRedBg input::-moz-input-placeholder,.inputRedBg textarea::-moz-input-placeholder{
  color:#d19b9b
}
.inputRedBg input::-ms-input-placeholder,.inputRedBg textarea::-ms-input-placeholder{
  color:#d19b9b
}
.inputBlueBg input,.inputBlueBg textarea{
  background: #e6f7ff
}
.inputBlueBg input::-webkit-input-placeholder,.inputBlueBg textarea::-webkit-input-placeholder{
  color:#a9c1cd
}
.inputBlueBg input::-moz-input-placeholder,.inputBlueBg textarea::-moz-input-placeholder{
  color:#a9c1cd
}
.inputBlueBg input::-ms-input-placeholder,.inputBlueBg textarea::-ms-input-placeholder{
  color:#a9c1cd
}
.inputYellowBg input,.inputYellowBg textarea{
  background: #f7f5db
}
.inputYellowBg input::-webkit-input-placeholder,.inputYellowBg textarea::-webkit-input-placeholder{
  color:#d7d4b3
}
.inputYellowBg input::-moz-input-placeholder,.inputYellowBg textarea::-moz-input-placeholder{
  color:#d7d4b3
}
.inputYellowBg input::-ms-input-placeholder,.inputYellowBg textarea::-ms-input-placeholder{
  color:#d7d4b3
}
.inputGreenBg input,.inputGreenBg textarea{
  background: #d4f7dc
}
.inputGreenBg input::-webkit-input-placeholder,.inputGreenBg textarea::-webkit-input-placeholder{
  color:#9dd2a9
}
.inputGreenBg input::-moz-input-placeholder,.inputGreenBg textarea::-moz-input-placeholder{
  color:#9dd2a9
}
.inputGreenBg input::-ms-input-placeholder,.inputGreenBg textarea::-ms-input-placeholder{
  color:#9dd2a9
}
.webix_view.webix_control > .webix_disabled{
  background: none;
}
.itemCheckbox{
  /* line-height: 25px; */
  padding-top:9px;
}
.webix-divider{
  height: 25px;
  margin:15px 0 5px 0;
  position: relative;
}
.webix-divider::before{
  content: '';
  width: 100%;
  height:1px;
  position: absolute;
  top:10px;
  left: 0;
  background: #f0f0f0;
}
.webix-divider .webix-divider-text{
  display:inline-block;
  padding: 0 16px;
  background: #fff;
  color:#262626;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin:0 20px
}
.webix_checkbox_row{
  margin-top:1px!important
}
.vc-log {
  /* padding-bottom: 100px; */
  -webkit-tap-highlight-color: transparent;
  overflow: scroll;
  height: 100%;
}

.vc-item {
  margin: 0;
  padding: 5px;
  overflow: hidden;
  line-height: 1.3;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  word-break: break-word;
  display: block;
}

.vc-fold {
  display: block;
  overflow: auto;
}

.vc-fold-outer {
  font-style: italic;
  /* padding-left: 0.5em; */
}

.vc-fold-content {
  padding-left: 1em;
  border-top-color: rgba(255, 255, 255, .5);
  border-left-color: transparent;
}

.vc-code-key {
  color: #e36eec;
}

.vc-code-function {
  color: #556af2;
  font-style: italic;
}

.vc-code-number,
.vc-code-boolean {
  color: #9980ff;
}

.vc-code-string {
  color: #c41a16;
}

.vc-code-string-selected {
  background: yellow;
}

.vc-hidden {
  display: none;
}
html,
body,
#app {
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
}
/*======================== global =======================*/
.webix_view {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}

.webix_fieldset_label {
  color: #475466;
  font-size: 13px;
  padding: 0 8px;
  text-transform: uppercase;
}

.webix_all_tabs .webix_item_tab {
  font: 500 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
    sans-serif;
}

.webix_layout_line{
  padding:0!important
}

/*======================== mainView =======================*/
.mainHeader{
  background:none;
  border:0px solid #000;
}
.mainHeader>.webix_scroll_cont{
  height:64px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 21, 41, .3);
  box-shadow:0 3px 3px rgba(0, 21, 41, .3)
}
.mainHeaderLeft{
  background: #001529;
  margin:0!important;
  z-index: 1;
}
.mainHeaderLogo{
  position: absolute;
  width: 100%;
  height: 70px!important;
  background:#001529;
  top:0;
  z-index: 2;
}
.mainHeaderLogo .webix_template{
  background: url(/static/images/logo3.png) 10px 0px no-repeat;
  background-size:32px 30px;
}
.mainHeaderRight{
  width: 100%!important;
  height: 64px!important;
  padding-left:10px;
  background: #001529!important;
  margin:0!important
}
.mainHeaderRight>.webix_view{
  background: #001529;
}
.mainHeader  .webix_template{
  color:#fff
}
.mainHeader  .webix_scroll_cont .webix_view{
  margin-top: 0!important;
}
.headerMenu{
  /* height:63px!important */
}
.headerMenu .webix_scroll_cont{
  -webkit-box-shadow:none;
  box-shadow: none;
  margin-top: 0!important;
  text-align: right;
  padding-right:20px
}
.headerMenu .webix_list_item{
  height:63px!important;
  background:#001529;
  border:none;
  color:#a6adb4;
  line-height: 62px;
  padding: 2px 12px;
}
.headerMenu .webix_list_item:last-child{
  border-right:0;
}
.headerMenu .webix_list_item:hover,.headerMenu .webix_list_item:focus{
  background: #001529;
  color:#a6adb4
}
.webix_view a.webix_list_item{
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important
}
.webix_view{
  border-color:#fff;
  border:none;
}
.mainBox{
  margin-top:0!important
}
.mainBox,.mainLeft,.mainLeftBox{
  overflow:visible
}
.mainLeft{
  padding-right:6px!important
}
.mainLeftBox{
  background: #001529;
  -webkit-box-shadow: 2px 3px 3px rgba(0, 21, 41, .3);
  box-shadow:2px 3px 3px rgba(0, 21, 41, .3);
  position: relative;
  z-index: 2;
}
.mainLeftPosition{
  position: absolute;
  top:-6px;
  width: 100%!important;
  height: 6px!important;
  background: #001529;
  z-index: 3;
  -webkit-box-shadow: 2px 3px 3px rgba(0, 21, 41, .3);
  box-shadow:2px 3px 3px rgba(0, 21, 41, .3);
}
.mainLeftBox .webix_form,.mainLeftBox .webix_el_text{
  width: 100%!important;
}
.mainLeftBox .webix_form{
  padding:0!important;
  background: #001529;
  z-index: 3;
  position: relative;
}
.mainLeftBox .webix_form .webix_el_text{
  height: 42px!important;
}
.mainLeft input{
  border:none;
  background: url(/static/images/search.png) 30px #001529 no-repeat;
  background-size: 14px 14px;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
  padding:0 20px 0 51px!important;
  -webkit-box-shadow:0 0 0!important;
          box-shadow:0 0 0!important;
  width: 100%!important;
  height:100%!important;
  border-bottom:1px solid #a6adb4;
  position: relative;
  top: -1px;
  color:#fff
}
.mainLeft input:hover{
  border:none;
  background: url(/static/images/search-foucs.png) 30px #001529 no-repeat;
  background-size: 14px 14px;
  border-bottom:1px solid #1890ff
}
.mainLeft input:focus{
  background: url(/static/images/search-foucs.png) 30px #001529 no-repeat;
  background-size: 14px 14px;
  border:none;
  border-bottom:1px solid #1890ff
}
.mainLeft input::-webkit-input-placeholder {
  color:#656f79;
  font-size: 13px
}
.mainLeft .webix_form{
  padding:1px 0;
}
.mainLeft .webix_form .webix_el_box{
  padding:0;
  width: 100%!important;
  height:100%!important;
}
.mainLeft .webix_tree{
  background: none;
  width: 100%!important;
  height: 100%!important;
  padding-bottom: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mainLeft .webix_tree .webix_scroll_cont > .webix_tree_leaves{
  padding:0!important;
}
.mainLeft .webix_tree .webix_tree_item{
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color:#a6adb4
}
.mainLeft .webix_tree .webix_tree_item:hover{
  color:#fff
}
.mainLeft .webix_view span{
  color:#a6adb4!important;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  top:2px
}
.mainLeft .webix_tree .webix_tree_item:hover span{
  color:#fff!important
}
.mainLeft .webix_tree .webix_selected{
  background: #1890ff;
  color:#fff
}
.mainLeft .webix_tree .webix_tree_item.webix_selected span{
  color:#fff!important
}
.webix_tree_leaves .webix_tree_leaves{
  margin:0px!important;
}
.mainLeft div[aria-level='1']{
  padding:8px
}
.mainLeft div[aria-level='2']{
  padding:8px 8px 8px 28px
}
.mainLeft div[aria-level='3']{
  padding:8px 8px 8px 50px
}
.mainLeft div[aria-level='4']{
  padding:8px 8px 8px 72px
}
.mainLeft .webix_tree::-webkit-scrollbar-thumb{
  background: #c8c8c8;
}
.mainLeft .webix_tree::-webkit-scrollbar-track{
  background: #212121;
}
.webix_resizer_x,#app{
  background-color:#f0f2f5;
}
.webix_resizer_x{
  z-index: 5;
  position: relative;
  background-color:transparent;
  
}
.maintab{
  margin-left:-3px!important
}
.maintab > .webix_view.webix_control.webix_el_tabbar{
  background: #f0f2f5
}
.maintab > .webix_el_tabbar > .webix_all_tabs{
  padding:0!important;
  height:38px;
  position: relative;
  top:0px
}
.maintab .webix_el_tabbar .webix_all_tabs {
  border-bottom:1px solid #f0f0f0
}
.mainTabBar .webix_item_tab{
  background: none!important;
  padding:0 2px 0 0!important;
  color:#666!important;
  border-bottom:0;
  font-size: 14px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}
.mainTabBar .myTabDiv{
  border:1px solid #f0f0f0;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  padding:0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafa;
  border-radius: 2px 2px 0 0;
  line-height: 38px;
  position: relative;
  top: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.mainTabBar .webix_item_tab:hover{
  border-color:#f0f0f0;
  color:#1890ff
}
.mainTabBar .webix_selected{
  background: none;
  color:#1890ff;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0
}
.mainTabBar .webix_selected .myTabDiv{
  background: #fff;
  color:#1890ff;
  font-weight: 600;
}
.mainTabBar .webix_item_tab .webix_tab_close{
  color:#666;
  width: 20px;
  top:20px;
  right:6px
}
.mainTabBar .webix_selected .webix_tab_close{
  color:#1890ff
}
/*======================== mainView-mainTab =======================*/
.maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab {
  position: relative;
  top:1px;
  padding: 0 28px 0 6px;
}
.maintab  > .webix_el_tabbar  > .webix_all_tabs  .webix_item_tab .webix_icon.webix_tab_close {
  position: absolute;
  top: 22px;
  right: 4px;
  height: 28px;
  line-height: 28px;
  margin-top: -14px;
  font-weight: bold;
  font-size: 13px;
}

.maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab.webix_selected,
.maintab
  > .webix_el_tabbar
  > .webix_all_tabs
  .webix_item_tab.webix_selected:active {
  box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  color: #4c82b1;
  background-color: #fff;
}

.maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab:hover {
  border-color: #000;
  background-color: rgba(0, 0, 0, .08);
}
.maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab.webix_selected:hover {
  border-color: #000;
  background-color: #fff;
}

.maintab  > .webix_el_tabbar  > .webix_all_tabs  .webix_item_tab.webix_selected  .webix_icon.webix_tab_close {
  color: #919191;
}

.maintab > .webix_el_tabbar > .webix_all_tabs {
  padding-top: 8px;
  padding-left: 10px;
}

.maintab > .webix_el_tabbar {
  border-bottom: 0;
}

.maintab .webix_multiview > .webix_layout_line {
  border-top: 0;
}

.maintab > .webix_el_tabbar > .webix_all_tabs > .webix_item_tab {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background-color: #5fa2dd;
  color: #f0f0f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
}
.webix_toolbar .toolbarTitle .webix_el_box{
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color:#595959;
  padding-left:10px
}
/* ================滚动条样式=================== */
*::-webkit-scrollbar{
  width:6px;
  height:6px;
}
*::-webkit-scrollbar-button{
  width:0px; 
  height:0px;
}
*::-webkit-scrollbar-track{
  background:#f7f7f7;
}
*::-webkit-scrollbar-thumb{
  background:#d9d9d9;
}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{
  border-radius:3px;
}
*::-webkit-scrollbar-corner,*::-webkit-scrollbar-resizer,*::-webkit-scrollbar-button{
  background:#fff;
}
.addBgRed{
  background: #ffd2d2;
}
.addBgGreen{
  background: #bde2c8;
}
.addBgYellow{
  background: #fdfbc1;
}
.addBgWhite{
  background: #fff;
}
.bjs-powered-by{
  display:none!important;
}