/* 重置表单一些默认样式 */
.el-form--inline .el-form-item{
  margin-bottom:20px;
}
.el-switch__label.is-active{
  color:#000
}
.el-select-dropdown__item.selected{
  color:#000
}
.el-form-item .el-form-item__label{
  color: $font-color-secondary;
}
//取消tab的阴影效果
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  border-radius: 0 !important;
  box-shadow: none;
}
.el-popper[x-placement^=bottom]{
  margin-top:2px
}
.el-popper[x-placement^=bottom] .popper__arrow{
  display:none
}

// 重置header组件
.el-header{
  padding:0;
  margin:0;
}

// 重置table字体
.el-table--mini, .el-table--small, .el-table__expand-icon,.el-button--mini, .el-button--small{
  font-size:14px;
}

// 重置按钮大小
.el-button--small, .el-button--small.is-round{
  padding:7px 16px;
}

.el-tree {
  .el-tree-node__content{
    [class^="el-icon-"], [class*=" el-icon-"]{
      padding-right:5px;
      font-weight:bold;
    }
    .el-icon-datau-hangyeguanli1{
      color: #fcaf14;
    }
    .el-icon-menu{
      color: $font-color-primary
    }
    .tree-node-method{
      padding-left:5px;
      [class^="el-icon-"], [class*=" el-icon-"]{
        visibility:hidden;
      }
      .el-icon-plus{
        color: $font-color-success;
      }
      .el-icon-minus{
        color: $font-color-danger;
      }
      .el-icon-edit{
        color:$font-color-info;
      }
    }

  }
  .el-tree-node__content:hover{
    .tree-node-method{
      padding-left:10px;
      [class^="el-icon-"], [class*=" el-icon-"]{
        visibility:visible;
      }
    }
  }
}
.el-dropdown-menu{
  overflow: hidden;
}
.el-dropdown{
  color: $font-color-secondary;
}
.el-tag--medium{
  height:30px;
  line-height:28px;
}
.el-switch{
  display:inline-block;
}
.el-color-picker{
  height:30px;
  line-height:30px;
  vertical-align: middle;
  .el-color-picker__trigger{
    border-color: $border-color-main;
    height:30px;
    width:30px;
    line-height:30px;
  }
}

.el-select{
  .el-input__inner{
    height:30px ;
  }
}
.el-select.el-multiple-select{
  .el-input__inner{
    min-height:30px !important;
    // height: auto !important;
  }
}


.el-popover{
  min-width:30px;
  background-color: $input-bg-color;
}
.el-input-group__append{
  .el-button{
    box-sizing: border-box !important;
    height: 28px !important;
    border: 0 !important;
  }
  .el-button:focus{
    border: 0 !important;
  }
}

.el-tree {
  min-width: 100%;
  display:inline-block !important;
  span:first-of-type:hover{
    color: $font-color-primary;
  }
}

// 表单项提示信息
.el-alert--warning.weak-alert{
  background-color: inherit;
  padding:0;
  font-size:14px;
  line-height:16px;
  .el-alert__content{
    padding-left:0
  }
}
// 只读情况下的input样式
.readonly {
  .el-icon-arrow-up:before{
    display: none
  }
}

.el-input.is-disabled .el-input__inner {
  background-color: $input-bg-color-disabled !important;
  color:$font-color-secondary !important;
}




.step-outline{
  padding-top:10px;
  padding-bottom:40px;
  .el-step__icon-inner{
    visibility: hidden;
  }
  .el-step__title.is-process{
    color: $font-color-primary;
  }
  .el-step__icon.is-icon{
    color: $font-color-primary-opposite;
    background-color: inherit;
    width:24px;
    padding:5px;
    box-sizing: border-box;
    font-size:14px;
    border-radius: 12px;
    .el-step__icon-inner{
      visibility: visible;
      font-size:14px;
    }
  }
  .is-finish{
    .el-step__icon{
      background-color: $font-color-primary;
      border-color: $font-color-primary;
      cursor:pointer
    }
  }
  .is-process{
    .el-step__icon{
      border-color: $font-color-primary;
      cursor:pointer
    }

    .el-step__icon.is-icon{
      border:2px solid $font-color-primary;
      color: $font-color-primary;
      background-color: $bg-color-main;
      width:24px;
      border-radius: 12px;
      padding:0;
      line-height:22px;
    }
  }
}


.el-form-item__content .el-input__inner{
  background-color: $input-bg-color;
}
.el-form-item__content .el-input__inner:-ms-input-placeholder{
  color: $font-color-placeholder;
}
.el-input__inner:-ms-input-placeholder{
  color: $font-color-placeholder;
}
.el-form-item__content .el-input__inner::-webkit-input-placeholder{
    color: $font-color-placeholder;
  }
.el-input__inner::-webkit-input-placeholder{
  color: $font-color-placeholder;
}
.el-form-item__content .el-textarea__inner:-ms-input-placeholder{
  color: $font-color-placeholder;
}

.el-form-item__content .el-textarea__inner::-webkit-input-placeholder{
  color: $font-color-placeholder;
}


.el-pagination button:disabled{
  background-color: $bg-color-main;
}
.el-pager li{
  background-color: $bg-color-main;
}

.el-pagination .btn-next, .el-pagination .btn-prev{
  background-color: $bg-color-main;
  color:$font-color-secondary;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{

  color:$font-color-secondary;
}
.el-pagination{
  color:$font-color-secondary;
}

.el-input__inner{
  color:$font-color-secondary;
  background-color: $input-bg-color;
  border-color:$border-color-main;
}
.el-select-dropdown__item{
  color:$font-color-secondary;

}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background-color: $input-bg-color-hover;
}
.el-select-dropdown__item.selected{
  color:$font-color-secondary;

}
.el-select-dropdown{
  background-color: $input-bg-color;

}
.el-textarea__inner{
  background-color: $input-bg-color;
  border-color:$border-color-main;
  color:$font-color-secondary;
}
.el-textarea.is-disabled .el-textarea__inner{
  background-color: $input-bg-color-disabled;
  border-color:$input-border-color-disabled;
  color:$font-color-secondary;
}
.el-tree{
  color:$font-color-secondary;
  background-color: $input-bg-color;
  .el-tree-node__content:hover{
    background-color: $input-bg-color-hover;
  }
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background-color: $input-bg-color-hover;
}
.el-input-group__append button.el-button ,.el-input-group__append, .el-input-group__prepend{
  background-color: $input-bg-color;
  border-color:$input-bg-color;
  color:$font-color-secondary;

}
.multiple-select-container > div .multiple-select-title{
  color:$font-color-secondary;
}
.multiple-select-container > div .multiple-select-item{

  background-color: $input-bg-color;
}






.el-checkbox{
  color:$font-color-secondary;

}
.el-button.el-button--default{
  color:$font-color-primary;
  background-color: $input-bg-color;
  border-color: $font-color-primary;
  height:30px;
}
.el-button.el-button--default:hover,.el-button.el-button--default:focus{
  color:$font-color-primary;
  background-color: $menu-bg-color;
  border-color: $font-color-primary;
  height:30px;
}


.el-button.el-button--primary{
  color:#fff;
  background-color: $font-color-primary;
  border-color: $font-color-primary;
}
.el-button.el-button--primary:hover,.el-button.el-button--primary:focus{
  color:#fff;
  background-color: #006beb ;
  border-color: #006beb;
}

.el-select .el-tag{
  background-color: $input-tag-bg-color;
  color:$font-color-secondary;

}
.el-select .el-tag__close.el-icon-close{

  color: $input-bg-color;
}
.el-popover{
  background-color: $input-bg-color;
  border-color: $border-color-main

}
.el-radio{

  color: $font-color-secondary
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{

  background-color: $input-bg-color;
}

.el-select:hover .el-input__inner,.el-input__inner{
  border-color: $border-color-main
}

.el-select-dropdown{
  border-color: $border-color-main
}
.el-popper[x-placement^=top] .popper__arrow::after{
  border-top-color: $border-color-main;
  color: $border-color-main;
}
.el-input.el-input--mini .el-input__inner{
  height:30px;
  line-height:30px;
}
.el-button.el-button--mini{
  padding: 8px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-form-item--mini.el-form-item{
  margin-bottom: 20px !important;
}
.el-tag.el-tag--mini{
  height:28px;
  line-height:28px;
  padding: 0 10px;
}
.el-select__tags .el-tag.el-tag--mini{
  height: 20px;
  padding: 0 8px;
  line-height: 19px;
}

.el-button--primary:focus, .el-button--primary:hover{
  color: #FFF;
  background-color: #006beb ;
  border-color: #006beb;
}
.el-button:focus, .el-button:hover{
  color: #FFF;
  background-color: #006beb;
  border-color: #006beb;
}
.el-button--primary{
  color: #FFF;
  background-color: #137fff;
  border-color: #137fff;
}


// 日期组件
.el-picker-panel{
  background-color: $input-bg-color;
  border-color:$border-color-main;
  color:$font-color-regular;
}
.el-date-table td.next-month, .el-date-table td.prev-month{
  color:$font-color-secondary
}
.el-date-table td.disabled div{
  background-color: $input-bg-color-disabled;
  color:$font-color-secondary;
}
.el-picker-panel__icon-btn{
  color:$font-color-regular;
}
.el-date-picker__header-label{
  color:$font-color-regular;
}
.el-date-table th{
  color:$font-color-regular;
}
.el-year-table td.disabled .cell,.el-month-table td.disabled .cell{
  background-color: $input-bg-color-disabled;
  color:$font-color-secondary;
}
.el-year-table td .cell,.el-month-table td .cell{
  color:$font-color-regular;
}
.el-message-box{
  background-color: $bg-color-main;
  border-color:$border-color-main;
  .el-message-box__title,.el-message-box__content{
    color:$font-color-secondary;
  }
}
.is-leaf.el-tree-node__expand-icon{
  visibility: hidden !important;
}
.el-icon-datau-genmulu{
  color: #137FFF;
  font-size:12px;
}
.el-icon-datau-wenjian{
  font-size:12px;
}
.el-icon-datau-wenjianjia{
  color: #FBC52D;
  font-size:12px;
}
.el-button--small.is-circle{
  padding:7px;
}
.hide-form-star{
  .el-form-item__label:before{
    display: none;
  }
}
.el-tree-node{
  &.is-current{
    >.el-tree-node__content{
      color: $font-color-primary
    }
  }
}
.el-table--mini td, .el-table--mini th{
  padding: 8px 0
}
.el-dialog__header{
  text-align: left;
}
.el-dialog{
  background-color: $bg-color-main;
  border-color:$border-color-main;
  .el-dialog__title,.el-dialog__content{
    color:$font-color-secondary;
  }
}

.el-radio__inner,.el-checkbox__inner{
  background-color: $input-bg-color;
  border-color:$border-color-main;
  &:hover{
    border-color:$font-color-primary;
  }

}
.el-step__icon.is-text{
  background-color: $bg-color-main;
  border-color: $border-color-main;
}
.el-step__head.is-wait{
  color: $font-color-secondary;
}
.el-step__head.is-process{
  color: $font-color-secondary;
}
.el-step__line{
  background-color: $border-color-main;
}
.is-finish .el-step__line{
  background-color: $font-color-primary;
}
.el-menu{
  background-color: $bg-color-main;

}
.el-form-item--mini .el-form-item__error{
  padding-top:2px;
}
.el-submenu__title,.el-menu-item{
  &.is-active{
    color:$font-color-primary
  }
  color:$font-color-secondary
}
.el-select .el-input.is-disabled .el-input__inner:hover{
  border-color: $input-border-color-disabled;
}
.el-tabs{
  color:$font-color-secondary;
  .el-tabs__item{
    color:$font-color-secondary;
    height:30px;
    line-height:29px;
    font-size:14px;
  }
  .el-tabs__item.is-active{
    color:$font-color-primary;
  }
  .el-tabs__item:hover{
    color:$font-color-primary;
  }
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  border-color: $border-color-main;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  border-color: $border-color-main;
}
.el-tabs--card>.el-tabs__header{
  border-color: $border-color-main;
}
.el-tabs__content{
  padding:0 20px;
}
.el-chart-code > .el-textarea__inner{
  height: 95vh;
  width: 100%;
}