/* ====================== 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;
  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;
  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;
  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;
  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{
  box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
  border-color: #1890ff!important;
}
.ag-theme-blue .ag-filter button{
  border-radius: 1px;
  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;
  justify-content: center!important;
  padding:4px!important
}
.ag-theme-blue.ag-popup > div:not(.ag-tooltip-custom){
  box-shadow: 3px 5px 10px rgba(0, 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;
  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{
  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;
}