@import "_reboot.scss";
@import "../fonts/iconfont/iconfont.css";
//element-ui 样式重写
$main-color: #1f2a38; // 主色
$accent-color: #3a88ff; // 强调色
$success-color: #21cd6d; // 成功/正常色
$warning-color: #ffb95c; // 提示/警告色
$error-color: #ff4e4e; // 失败/异常色
$hover-color: #e7eeff; // 鼠标悬浮色
$bg-table-header: #f0f3f5; // 表头标题底色
$bg-container: #eff5fd; // 内容区域背景色

// primary 按钮样式重写
.el-button--primary {
  background-color: $accent-color;
  border-color: $accent-color;
}

// 表格样式重写
.el-table {
  .el-table__header {
    thead {
      tr {
        th {
          height: 42px;
          padding: 0;
          color: rgba(0, 0, 0, 0.85);
          font-weight: bold;
          background-color: $bg-table-header;
          .cell {
            padding: 0 14px;
          }
        }
      }
    }
  }
  // 下方样式使得表格高度为40px
  td {
    padding: 8px 0;
  }
  .cell {
    line-height: 24px;
  }
}

// 去掉展开列表头的边框
.el-table__header-wrapper {
  th.el-table__expand-column {
    border: none;
  }
}

//时间选择框到相符宽度
.el-range-separator {
  width: 20px!important;
}

// table表格，表头添加边框可调整列宽，表格不添加边框
.el-table--border,
.el-table--group {
  border: none;
}
.el-table__header-wrapper th {
  border: 1px solid #dcdde1;
  border-top: none;
  border-left: none;
}
.el-table--border td {
  border: none;
}
.el-table--border::after,
.el-table--group::after {
  width: 0;
}

// 步骤条样式
.el-step__title.is-finish,
.el-step__title.is-process,
.el-step__title.is-wait {
  color: #333333;
  font-weight: bold;
}
.el-step__description.is-finish,
.el-step__description.is-process,
.el-step__description.is-wait {
  margin: 30px 0 30px 0px;
}
.el-step__head.is-finish {
  color: #ffffff;
  border-color: #1a96ff;
  .el-step__icon.is-text {
    background-color: #1a96ff;
  }
}
.el-step__head.is-process {
  color: #fff;
  border-color: #cccccc;
  .el-step__icon.is-text {
    background-color: #cccccc;
  }
}

// 面包屑样式
.el-breadcrumb {
  position: relative;
  padding-left: 8px;
  &::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #409eff;
  }
}

// 分页样式
.el-pagination {
  text-align: right;
  margin-top: 24px;
  padding-bottom: 15px;
  .el-pagination__total {
    float: left;
  }
  .el-pagination__sizes {
    float: left;
  }
}

//气泡确认框
.el-popconfirm {
  .el-popconfirm__main {
    margin: 16px 0;
  }
}


.el-dialog {
  .el-dialog__header {
    border-bottom: 1px solid #eaeefb;
  }
  .el-dialog__footer {
    border-top: 1px solid #eaeefb;
  }
}
