// ===
//  el-tabs
// ===
.el-tabs {
  &.isStyleBase {
    .el-tabs__nav-wrap {
      width: 180px;
      max-width: 100%;
      &:after {
        background-color: transparent;
      }
    }
    .el-tabs__nav {
      border-radius: 8px;
      border-radius: 30px;
      border: 2px solid $color-text-dark;
      overflow: hidden;
      width: 100%;
      &.is-stretch{
        display: flex;
        min-width: 100%;
        & > * {
          flex: 1;
          text-align: center;
        }
      }
    }
    .el-tabs__item {
      position: relative;
      cursor: pointer;
      // &:not(:last-child) {
      //   &::before {
      //     content: '';
      //     height: 100%;
      //     position: absolute;
      //     right: 0;
      //     top: 0;
      //     background: #5DBFD6;
      //     width: 1px;
      //   }
      // }
    }
    .el-tabs__nav-prev {
      display: none;
    }
    .el-tabs__nav-next {
      display: none;
    }
    .el-tabs__nav {
      white-space: nowrap;
      position: relative;
      transition: transform .3s;
      float: left;
      z-index: 2;
    }
    .el-tabs__active-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      transition: transform .3s cubic-bezier(.645,.045,.355,1);
      list-style: none;
      background: $color-text-dark;
      z-index: -1;
      height: 100%;
      border-radius: 30px;
    }
    .el-tabs__item {
      line-height: 40px;
      color: $color-text-dark;
      transition: color 0.3s;
      padding: 0;
      // &:hover, &:focus {
      //   background: rgba($color-text-dark, 0.1);
      // }
      &.is-active {
        color: #fff;
        // &:hover, &:focus {
        //   background: rgba($color-text-dark, 0.1);
        //   border-radius: 30px;
        // }
      }
    }
  }
  &.isBigWidth {
    .el-tabs__nav-wrap {
      width: 288px;
      @include max-lg {
        width: 180px;
      }
    }
  }
}

//===
// el-popover
//===
.el-popper {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: $color-text-2 !important;
}

//===
//el-form
//===
.el-form {
  &.isStyleBase {
    .el-input {
      &__inner {
        height: 56px;
        background-color: #f9fbfc;
        color: $color-text-3;
        border: 1px solid #d7d8df;
        letter-spacing: 0.15em;
      }
    }
    .el-textarea {
      &__inner {
        background-color: #f9fbfc;
        color: $color-text-3;
        border: 1px solid #d7d8df;
        letter-spacing: 0.15em;
      }
    }
  }
}

//===
// el-notification
//===
.el-notification {
  &.isStyleBase {
    width: 548px;
    max-width: 100%;
    @include max-md {
      max-width: 328px;
    }
    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 12px;
      height: 100%;
      background-color: #70E0B1;
    }
    .el-notification__icon {
      width: 50px;
      height: 50px;
      align-self: center;
      margin-left: 15px;
      margin-right: 5px;
    }
    .successIcon {
      background-image: url('~@assets/images/contact/check_icon.svg');
      background-size: contain;
      background-repeat: no-repeat;
      width: 40px;
      margin-top: 5px;
      // &:before {
      //   content: url('~@assets/images/contact/check_icon.svg');
      // }
    }
    .el-notification__group {

    }
    .el-notification__title {
      font-size: 16px;
      @include max-md {
        font-size: 14px;
      }
    }
    .el-notification__content {
      font-size: 14px;
      color: $color-text-3;
      @include max-md {
        font-size: 12px;
      }
    }
  }
}