@import './variables.scss';
 //覆盖一些element-ui样式

 .el-breadcrumb__inner, .el-breadcrumb__inner a{
  font-weight: 400!important;
}

.el-breadcrumb__item {
  height: 7vh;
}

.el-container {
  width: 100%;
  height: 93vh;
  .el-aside-0 {
    width: 0!important;
  }
  .el-main-0 {
    padding: 0;
  }
  .el-aside-1 {
    position: fixed;
    top: 7vh;
    bottom: 0;
    width: 50%!important;
    z-index: 999;
  }
  .el-main-1 {
    padding: 0;
  }
  .el-aside-2 {
    width: 100%!important;
  }
  .el-main-2 {
    padding: 0;
  }
}

.el-container-full-screen {
  height: 93vh;
}

.el-menu {
  border-right: 0;
}

.el-menu--horizontal {
  border-bottom: rgba(0,0,0,.12);
}

.el-loading-mask {
  background-color: rgba(0,0,0,.1);
  .el-loading-text {
    color: $yo-3;
    font-size: 16px;
  }
  .path {
    stroke: $yo-3;
  }
}

.el-table {
  // color: $yo-3!important;
  color: $yo-3!important;
  font-size: 16px;
  .el-table__body-wrapper {
    .el-table__row {
      .cell {
        text-indent: 1em;
      }
    }
    // overflow-y: scroll;
    .el-table__body {
      width: 100%!important;
      tr.current-row>td {
        background-color: rgba(255, 209, 145, .3);
      }
    }
  }
  .el-table__header-wrapper {
    border-bottom: 0;
  }
  thead {
    color: $yo-1!important;
    font-family: 'Times New Roman'!important;
    font-size: 20px;
  }
  tr {
    background-color: rgba(0,0,0,0)!important;
  }
  tr:hover>td {
    background-color: rgba(255, 209, 145, .1)!important;
  }
  th.is-leaf {
    border-bottom: 1px solid $yo-3;
  }
}

.el-table--medium {
  td {
    padding: 15px 10px
  }
}

.el-table__body tr.el-table__row.hover-row>td{
  background-color:inherit;
  }

.el-table--border, .el-table--group {
  border: 1px solid $yo-3!important;
  td {
    border-bottom: 1px solid $yo-3!important;
    border-right: 0;
  }
  th {
    border-right: 0;
  }
}

.el-table--border::after, .el-table--group::after, .el-table::before {
  background-color: rgba(0,0,0,0);
}
.el-table_1_column_2, .el-table_1_column_1 {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  div{
    line-height: 30px!important;
  }
} 

.el-notification {
  border: 1px solid $yo-3!important;
  background-color: rgba(0,0,0,.5)!important;
  color: #ccc!important;
  .el-notification__content {
    color: #ccc!important;
  }
}

.el-range-editor{
  background: transparent;
}
.is-disabled{
  background: transparent!important;
}
.el-popper{
  background: transparent!important;
  color: antiquewhite!important;
}
.el-date-table__row .in-range {
  background: rgba(255,255,255,0.1);
  div{
    background: rgba(255,255,255,0)!important;
  }
}

.el-breadcrumb__separator {
  color:$yo-2!important;
  font-size: 20px!important;
  line-height: 7.5vh!important;
}

.el-breadcrumb__inner {
  line-height: 8vh!important;
}

.el-card__header {
  border-width: 0px!important;
  box-shadow: 0 0 20px $bg-3!important;
}
.el-range-input {
  background-color: transparent!important;
  color: antiquewhite!important;
}

.el-range-separator {
  color: antiquewhite!important;
}

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

 .el-upload__input {
   display: none;
 }

 .cell {
   .el-tag {
     margin-right: 0px;
   }
 }

 .small-padding {
   .cell {
     padding-left: 5px;
     padding-right: 5px;
   }
 }

 .fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    width: 60px;
  }
 }

 .status-col {
   .cell {
     padding: 0 10px;
     text-align: center;
     .el-tag {
       margin-right: 0px;
     }
   }
 }

 //暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
 .el-dialog {
   transform: none;
   left: 0;
   position: relative;
   margin: 0 auto;
 }

 //文章页textarea修改样式
 .article-textarea {
   textarea {
     padding-right: 40px;
     resize: none;
     border: none;
     border-radius: 0px;
     border-bottom: 1px solid #bfcbd9;
   }
 }

 //element ui upload
 .upload-container {
   .el-upload {
     width: 100%;
     .el-upload-dragger {
       width: 100%;
       height: 200px;
     }
   }
 }
