//to reset element-ui default css

 @font-face {
  font-family: element-icons;
  src: url('~@/assets/fonts/elementfonts/element-icons.woff') format("woff"),
    url('~@/assets/fonts/elementfonts/element-icons.ttf') format("truetype"),
    url('~@/assets/fonts/elementfonts/element-icons.eot?#iefix') format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}

 .el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-input__inner {
  height: 35px;
  line-height: 35px;
}
.el-input--small .el-input__inner{
  height: 35px;
  line-height: 35px;
}
.el-textarea__inner {
  height: 102px;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#000}
.el-input--suffix .el-input__inner{padding-right:15px;}//修改下拉宽度跟输入框一样
//校验提示语隐藏
.el-form-item__error{display: nonex;}
//表单label
.el-form-item__label {  
  color: #333;
  line-height: 35px;
}
// .el-tabs__item{height: 30px; line-height: 30px; font-size: 12px;padding: 0 20px;}
 //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
 .el-dialog{
  &__title {
     line-height: 14px;
     font-size: 14px;
     color: #333;
     display: inline-block;
   }
 }

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;
    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}
#nprogress .spinner{left:15px;}//路由加载loading位置
.el-tree-node>.el-tree-node__children {overflow: visible;}
.el-dropdown-menu{border-radius:0}
.el-form-item{ margin-bottom:22px;}//全局表单搜索行与行间距
//修改右上角弹出三角形图标默认样式
// .el-popper[x-placement^=bottom] .popper__arrow{display: none}
//修改左边数选中背景颜色与文字颜色
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background: #b6dbfc;color:#4993f1;width: 100%; overflow: visible}
//修改边框默认绿色颜色--去掉颜色
// .el-tree-node:focus>.el-tree-node__content{background: none}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .custom-tree-node{background: #b6dbfc; height: 30px; line-height: 30px;}
.el-tree-node__content>.el-tree-node__expand-icon{padding: 0}
.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus{border-color:#bfbfbf}
//修改eltree左缩进距离*左边树每一级左间距*/
.el-tree-node{padding-left:10px;}
.el-tree-node__content > .el-tree-node__expand-icon{margin-left:-12px;}
.el-tree-node.is-expanded > .el-tree-node__children .el-tree-node__content {
  padding-left: 0px !important;
}
.el-tree-node.is-expanded
  > .el-tree-node__children
  .el-tree-node__content
  + .el-tree-node__children
  .el-tree-node__content {
  padding-left: 5px !important;
}
.el-tree-node.is-expanded
  > .el-tree-node__children
  .el-tree-node__content
  + .el-tree-node__children
  .el-tree-node__content
  + .el-tree-node__children
  .el-tree-node__content {
  padding-left: 10px !important;
}
.el-tree-node.is-expanded
  > .el-tree-node__children
  .el-tree-node__content
  + .el-tree-node__children
  .el-tree-node__content
  + .el-tree-node__children
  .el-tree-node__content 
  + .el-tree-node__children
  .el-tree-node__content {
  padding-left: 10px !important;
}
//el-popover
.el-popover{min-width: 250px;}
//el-input与日期输入框自带颜色统一
.el-input__inner{color: #333}
.el-date-editor .el-range-input{color:#333;}
.el-dialog .el-input__inner{color:#333}
.el-range-editor.el-input__inner{padding: 0 10px;}
//弹窗输入框placeholder样式
.el-dialog input::-webkit-input-placeholder {
  color: #808080;
}
.el-dialog input::-moz-input-placeholder {
  color: #808080;
}
.el-dialog input::-ms-input-placeholder {
  color: #808080;
}
//标签选择颜色
.el-radio-button__orig-radio:checked+.el-radio-button__inner{background: #2e8ad7;border-color:#2e8ad7}
//修改左边菜单默认样式
.slidercontent {
  // .el-scrollbar__wrap{overflow-x:hidden;padding-left:0px; padding-right:0px;@include SliderBg($Slider-Bgcolor-theme);}//左边菜单栏左右不滚动
  .el-menu{ border: 0;background: none;}
  .el-menu-item{color: #262626; font-size: 13px;}
  // .el-menu-item:hover{@include bg_color($background-color-theme);color: #fff}
  .el-menu-item.is-active{ color: #262626}
  // .el-menu-item.is-active:hover{@include bg_color($background-color-theme);color: #000}

  .el-submenu__title{color: #000;font-size: 16px;padding-left:15px!important;margin-left:10px;margin-right:10px;}
  // .el-submenu__title:hover{@include bg_color($background-color-theme); color: #fff}

  .el-menu--inline .el-menu-item{ }
  .el-menu--inline .el-submenu__title{ padding-left:45px!important;}//二级栏目包含子级
  .el-submenu .el-menu-item{padding-left:45px!important;}//三级栏目
  .el-menu-item-group .el-menu-item{padding-left:45px!important;}//二级栏目不包含子级
  .el-menu-item-group__title{ display: none}
  
  .el-submenu .el-menu-item{ height: 40px; line-height: 40px;border-radius: 12px;}
  .el-menu-item, .el-submenu__title{ height: 40px; line-height: 36px;border-radius: 12px;margin-top:5px;} //有子级
}
//面包屑
.el-breadcrumb__inner{color: #888;}
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color: #888;}
//表格统一样式
.el-table{font-size: 12px;color:#000;}
.el-table th{padding:5px!important; height: 35px;}
.el-table td{padding:5px!important; height: 35px;}
.el-table th, .el-table tr{background: none;}
.el-table__row:nth-child(n+1) { background: #fff;}
.el-table thead{color: #909399;font-weight: 500;}
.el-table thead tr{background: rgba(214,215,220,1);color: rgba(77,77,77,1);}
.el-table th.el-table__cell{background: #f5f7fa!important;}//表头背景颜色，基本最高
.el-table th{ text-align: center;}
.el-table tr td{ text-align: center;background-clip: padding-box;}
.el-table tbody tr:nth-child(even){background: #fff;}
.el-table--border, .el-table--group{border:1px solid rgba(213,214,219,1);}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right: 1px solid rgba(213,214,219,1);}
//表格经过后带上下边框颜色
.el-table__body tr>td,.el-table--enable-row-hover .el-table__body tr>td{ border-top: 1px solid transparent;border-bottom: 1px solid rgba(213,214,219,1); }
.el-table__body tr.hover-row>td,.el-table--enable-row-hover .el-table__body tr:hover>td{ background:#97c4ec; border-top: 1px solid #97c4ec; border-bottom:1px solid #97c4ec; z-index: 1;}
.el-table__fixed-right::before, .el-table__fixed::before{z-index:1;}
.el-table .cell{line-height: 16px;}
//开票页面表格修改
.TicketContent{
  .el-table{background: none; border: 0}
  .el-table td, .el-table th{padding: 0;height:30px;}
  .el-table__row:nth-child(n+1) { background:none;}
  .el-table__body tr>td,.el-table--enable-row-hover .el-table__body tr>td{ border-top: 0px solid transparent;border-bottom: 0px solid transparent; }
  .el-table__body tr.hover-row>td,.el-table--enable-row-hover .el-table__body tr:hover>td{ background:none; border-top: 0px solid #97c4ec; border-bottom:0px solid #97c4ec;}
  .el-table::before{height: 0;}
}

// el-dialog 单列 宽度
.el-dialog-single .el-dialog{
  //width: 50%;
  width: 525px;
}
// el-dialog 双列 宽度
.el-dialog-double .el-dialog{
  //width:60%;
  width: 850px;
}

@media screen  and (min-width: 1366px) {
  // el-dialog 三列 宽度
  .el-dialog-treble .el-dialog{
    //width:60%;
    width: 1182px;
  }

  // el-dialog 四列 宽度
  .el-dialog-fourfold .el-dialog{
    //width:60%;
    width: 1312px;
  }

  // el-dialog 五列 宽度
  .el-dialog-quintupling .el-dialog{
    width: 1711px;
  }
}

@media screen and (max-width: 1366px) {
  // el-dialog 三列 宽度
  .el-dialog-treble .el-dialog{
    //width:60%;
    width: 900px;
  }

  // el-dialog 四列 宽度
  .el-dialog-fourfold .el-dialog{
    //width:60%;
    width: 900px;
  }

  // el-dialog 五列 宽度
  .el-dialog-quintupling .el-dialog{
    width: 900px;
  }
}


.el-form-item__label{text-align: left;}

.el-form-item__content {text-align: left;line-height: 35px}//弹窗表单左对齐
.el-form-item__label{padding: 0;}
.el-form--inline .el-form-item{margin-right:20px;}
.HighSearchBox{//高级搜索下拉框多选问题
  .el-select__tags-text {
    display: inline-block;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .el-select .el-tag__close.el-icon-close {
    top: -5px;
  }
}
//弹窗 单列模板
.el-dialog-single{
  .el-form{padding: 0;}
  .el-row {padding: 0 30px;margin-bottom:0px;}
  .el-form-item__label{text-align: left}
  .el-form-item.is-required .el-form-item__label:before{ margin-left:-10px;}
  .el-select {width: 100%;}
  .el-form-item{ display: flex; flex-direction: column;}//行与行间距
  .el-form-item__content{margin-left:20px!important;}
}
//弹窗 双列模板
.el-dialog-double{
  .el-form{padding: 0 30px;}
  .el-form-item__label{text-align: left}
  .el-form-item.is-required .el-form-item__label:before{ margin-left:-10px;}
  .el-form-item { margin-bottom:22px;}
  .el-select {width: 100%;}
  .el-date-editor { width: 100%;}
  .el-form {padding: 0;}
  .el-textarea__inner {height: 102px;}
  .el-row-line-top {border-top: 1px solid #eeeeee;padding: 30px;margin-bottom: 0;} // 单行分割带上边线
  .el-row-line-tops {border-top: 1px solid #eeeeee;padding: 30px;margin-bottom: -10px;} // 多行分割带上边线
  .el-dialog__body {overflow: hidden;}
  .el-row {padding: 0 30px; margin-bottom: 20px;&:last-child {margin-bottom: 0; }}
}
//弹窗 三列模板
.el-dialog-treble{
  .el-form{padding: 0;}
  .el-row {padding: 0 30px;margin-bottom:0px;}
  .el-form-item__label{text-align: left}
  .el-form-item.is-required .el-form-item__label:before{ margin-left:-10px;}
  .el-select {width: 100%;}
  .el-form-item{ margin-bottom:22px;}//行与行间距
  .el-tabs__item{padding: 0 10px;height: 30px; line-height: 30px; font-size: 12px;}
}
//弹窗 四列模板
.el-dialog-fourfold{
  .el-form{padding: 0;}
  .el-row {padding: 0 30px;margin-bottom:0px;}
  .el-form-item__label{text-align: left}
  .el-form-item.is-required .el-form-item__label:before{ margin-left:-10px;}
  .el-select {width: 100%;}
  .el-form-item{ margin-bottom:22px;}//行与行间距
}
//弹窗 五列模板
.el-dialog-quintupling{
  .el-form{padding: 0;}
  .el-row {padding: 0 30px;margin-bottom:0px;}
  .el-form-item__label{text-align: left}
  .el-form-item.is-required .el-form-item__label:before{ margin-left:-10px;}
  .el-select {width: 100%;}
  .el-form-item{ margin-bottom:22px;}//行与行间距
}
//表格单选按钮居中
.el-table__row .el-radio__label{ padding: 0;}
.el-input__icon{line-height: 35px!important;height: 35px;}
.el-input__prefix{display: flex;align-items: center;}
//表格表头高度与每一行高度
.el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 40px;
}

.el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 40px;
}
//日期选择控件
.el-picker-panel{-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.4);box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);}
.el-date-picker__header {margin: 0px;text-align: center;background: #eff0f0;padding: 12px;}
.el-date-editor .el-range-separator{width: 8%;}
.el-date-editor .el-range__icon{line-height: 28px}
//全局loading--去掉遮罩
// .el-loading-mask{width: 100%; height: 100%;position: fixed;top:0;left:0;}

//树选中背景
.el-tree{
  color:#000;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background:rgba(214,215,220,1);
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .custom-tree-node{
  background:rgba(214,215,220,1);
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
  color:rgba(77,77,77,1) !important;
}
//选中复选框样式
.el-checkbox__inner{border: 1px solid #9c9da1;}
//el-select下拉滚动条
.el-select-dropdown__wrap {max-height: 400px;}//设置select最大高度 
.el-scrollbar__bar.is-vertical{width:9px;}//select 滚动条高度
//数字输入框更改居左对齐
.el-input-number .el-input__inner{text-align: left;font-size: 14px;}
//表格二级列表背景颜色区分
// .el-table__row--level-1{background: #eee !important;}
//输入框禁用disable
.el-input.is-disabled .el-input__inner{color: #333!important;border: 1px solid #DCDFE6!important;}
.el-radio__input.is-disabled+span.el-radio__label{color: #333!important;}
.el-checkbox__input.is-disabled+span.el-checkbox__label{color: #333!important;}
//级联
.el-cascader{line-height: 25px;}

//表格css
.el-table thead tr{background: #f5f7fa!important;}

/* element样式重置 start */
/* 去掉input尾部上下小箭头 start */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  appearance: none !important;
  margin: 0;
}
input[type="number"]{
  -webkit-appearance:textfield;
  -moz-appearance:textfield;
  -o-appearance:textfield;
  -ms-appearance:textfield;
  appearance:textfield;
}
/* 去掉input尾部上下小箭头 end */

// 表格头统一14px
.el-table__header tr,.el-table__header th{font-size: 14px;}