/* 改变主题色变量，默认主题色 #409eff */
$--color-primary: #409eff;
/* 基础边框线 */
$--border-color-base: #dcdfe6;
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: $--color-primary !important;
  background-color: rgba($--color-primary, 0.05) !important;
}

/* 修改组件radio悬停时的默认样式： 悬停状态：文字改为主色，背景色改为主色加0.05不透明度 */
.el-radio-button__inner:hover {
  color: $--color-primary !important;
  background-color: rgba($--color-primary, 0.05) !important;
}

/* 悬停状态：文字改为主色，背景色改为主色加0.05不透明度 */
.el-checkbox-button__inner:hover {
  color: $--color-primary !important;
  background-color: rgba($--color-primary, 0.05) !important;
}

/* 修复element移除选中状态延迟的bug */
.el-checkbox-button .el-checkbox-button__inner {
  border-color: $--border-color-base !important;
}

/* 修改组件radio悬停时的默认样式： 悬停状态：文字改为主色，背景色改为主色加0.05不透明度 */
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  position: relative;
  color: $--color-primary !important;
  border-color: $--color-primary !important;
  background-color: rgba($--color-primary, 0.05) !important;
  overflow: hidden;
  /* element本身左边框颜色偏浅 */
  box-shadow: -1px 0 0 0 $--color-primary !important;
  /* 选中状态：在单选的基础上右下角增加“勾选”角标 */
  &::after {
    content: '⌋';
    //content: '\e6da';
    display: block;
    padding-left: 1px;
    width: 20px;
    height: 48px;
    text-align: left;
    position: absolute;
    bottom: -22px;
    transform: rotate(45deg);
    right: -14px;
    font-size: 12px;
    // font-weight: 700; // font-weight-notation 字重的值使用命名还是数值， Expected named font-weight notation
    font-weight: bolder;
    line-height: 48px;
    background-color: $--color-primary;
    color: #fff;
  }
}

/* taps 在顶部的样式修改 */

.is-top.el-tabs__header {
  margin: 0;
  padding: 0 40px;
}

/* 移除底部虚线 */
.is-top.el-tabs__nav-wrap::after {
  display: none;
}

/* taps高度为50 */
.is-top.el-tabs__nav {
  height: 50px;
  margin: 0;
}

/* taps高度为50 */
.is-top.el-tabs__item {
  height: 50px;
  line-height: 50px;
}

.el-upload:hover {
  background-color: rgba($--color-primary, 3%);
  // Expected quotes around "el-icon"   selector-attribute-quotes
  i[class^='el-icon'] {
    color: inherit;
  }
}

/* 在上传框内提添加文字时需要添加class类: el-upload--picture-card-tip */
.el-upload--picture-card {
  line-height: 20px !important;
  vertical-align: center;
  padding-top: 40px;

  .el-upload--picture-card-tip {
    color: #999;
    font-size: 12px;
    line-height: 17px;
  }
}

.el-upload--picture-card-tip {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 0;
}

/* 提升通知层级，避免通知处于弹窗之下 */
.el-notification, .el-message {
  z-index: 99999 !important;
}

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* 字体加载展示逻辑：阻塞 */
$--font-display: block;
@import '~element-ui/packages/theme-chalk/src/index';