/*add by xuyingnan*/
$--color-D7E5F9: #d7e5f9;
$--color-a9c4df: #a9c4df;
$--color-4084f0: #4084f0;
$--color-e6a23c: #e6a23c;
$--color-c4dcf4: #c4dcf4;
$--color-1b9cff: #1b9cff;
$--color-1dc5b3: #1dc5b3;
$--color-78a1cb: #78a1cb;
$--color-f86359: #f86359;
/*tab页*/
.el-tabs {
  .el-tabs__active-bar {
    display: none;
  }
  .el-tabs__item {
    /*设置每个tab导航元素的样式*/
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    color: #5c79b0;
    margin: 0 5px;
    &.is-active {
      /*设置tab导航激活态的字体加粗*/
      font-weight: bold;
      border-bottom: 2px solid #4084f0;
    }
  }
  .el-tabs__nav-scroll {
    /*设置tab导航总体的10px左右内边距*/
    padding: 0 10px;
  }
}
.el-tabs--top {
  .el-tabs__nav {
    .el-tabs__item {
      &.is-top:nth-child(2) {
        /*设置tab导航第一个元素左内边距为10px*/
        padding-left: 10px;
      }
      &.is-top:last-child {
        /*设置tab导航最后一个元素右内边距为10px*/
        padding-right: 10px;
      }
    }
  }
}
.el-tabs--card {
  /*标签式tab页*/
  .el-tabs__item {
    /*默认左右内间距为20px*/
    padding: 0 20px;
    .el-icon-close {
      /*关闭按钮距左侧10px*/
      margin-left: 10px;
    }
  }
  & > .el-tabs__header {
    background: $--color-D7E5F9;
    border-bottom: 1px solid $--color-a9c4df !important;
    border: 1px solid $--color-a9c4df;
  }
  & > .el-tabs__header .el-tabs__item {
    border-left: 1px solid transparent !important;
  }
  & > .el-tabs__header .el-tabs__item.is-closable:hover {
    /*鼠标hover时，强制设置左右内间距10px*/
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  & > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 10px;
  }
  & > .el-tabs__header .el-tabs__item.is-active.is-closable {
    /*激活态时，强制设置左右内间距10px*/
    height: 37px;
    margin-top: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-top: 2px solid $--color-primary;
    border-bottom: none;
    background: #fff;
  }
  & > .el-tabs__header .el-tabs__nav {
    border-radius: 0 !important;
    border: 0;
  }
}
/*弹出框*/
.el-dialog,
.el-message-box {
  border: 0;
  .el-dialog__header,
  .el-message-box__header {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: left;
    .el-dialog__title,
    .el-message-box__title {
      color: #fff;
      height: 100%;
      span {
        height: 100%;
        display: block;
        line-height: 40px;
      }
    }
    background: $--color-4084f0;
    .el-dialog__headerbtn,
    .el-message-box__headerbtn {
      width: 40px;
      height: 40px;
      top: 0;
      right: 0;
      i.el-dialog__close,
      i.el-message-box__close {
        color: #c4dcf4;
      }
      &:hover {
        background: $--color-e6a23c;
        i.el-dialog__close,
        i.el-message-box__close {
          color: #fff;
        }
      }
    }
  }
  .el-dialog__body,
  .el-message-box__content {
    padding: 15px;
  }
  .el-dialog__footer,
  .el-message-box__btns {
    height: 64px;
    padding: 15px;
    background: rgba(237, 241, 250, 1);
    .el-button {
      height: 34px;
      line-height: 34px;
      padding: 0 20px;
    }
  }
}
.el-message-box {
  padding: 0;
  .el-message-box__btns {
    box-sizing: border-box;
  }
}
.el-button--primary {
  background: $--color-1b9cff;
  color: #fff;
}
/*按钮*/
.el-button {
  min-width: 110px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  border-radius: 3px;

  &.el-button--read {
    background: #ebf4fe;
    color: #5c76b0;
    border: 1px solid $--color-a9c4df;
  }
  &.el-button--read:hover {
    background: $--color-1b9cff;
    color: #fff;
  }

  &.el-button--blue {
    background: $--color-1b9cff;
    color: #fff;
  }
  &.el-button--blue:hover {
    background: rgba(25, 140, 229, 1);
    color: #fff;
  }
  &.el-button--green {
    background: $--color-1dc5b3;
    color: #fff;
  }

  &.el-button--green:hover {
    background: rgba(26, 177, 162, 1);
    color: #fff;
  }
  &.el-button--gray {
    background: $--color-c4dcf4;
    border: 0;
    outline: none;
  }
  &.el-button--gray:focus {
    background: rgba(176, 198, 219, 1) !important;
    color: rgba(122, 149, 188, 1) !important;
  }
  &.el-button--gray:hover {
    background: rgba(176, 198, 219, 1) !important;
    color: rgba(122, 149, 188, 1) !important;
  }
  &.el-button--gray:active {
    background: rgba(176, 198, 219, 1) !important;
    color: rgba(122, 149, 188, 1) !important;
  }
  &.is-disabled,
  &.is-disabled:hover,
  &.is-disabled:focus {
    background: rgba(176, 198, 219, 1) !important;
    color: #fff;
  }
}
/*滚动条*/
.el-scrollbar__bar {
  &.is-vertical {
    width: 8px;
  }
  &.is-horizontal {
    height: 8px;
  }

  .el-scrollbar__thumb {
    background: $--color-78a1cb;
    opacity: 0.5;
  }
}
.hidescroll_x {
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}
/*Messagebox*/
.message-style {
  .iconfont {
    font-size: 52px;
    &.el-icon-th-warning {
      color: $--color-e6a23c;
    }
    &.el-icon-th-success {
      color: $--color-1dc5b3;
    }
    &.el-icon-th-info {
      color: $--color-1b9cff;
    }
    &.el-icon-th-error {
      color: $--color-f86359;
    }
    &.el-message-box__status {
      font-size: 52px !important;
    }
  }

  .el-message-box__content {
    padding: 25px 30px;
    line-height: 1.5;
    font-size: 16px;
    .el-message-box__message {
      padding-left: 72px;
    }
  }
}