.underBorder {
  border: unset;

  .el-input__inner {
    border: unset;
    border-radius: unset !important;
  }

  .el-input-group__prepend {
    background: #fff;
    border: unset;
    padding: 0 0 0 10px;
  }
}

.el-input--medium,
.el-cascader--medium,
.el-input--small,
.el-select--medium,
.el-range-editor--medium {
  &.el-input__inner {
    border-radius: 8px;
    //height: 30px;
    //line-height: 30px;
  }
  & .el-input__inner {
    border-radius: 8px;
    //height: 30px;
    //line-height: 30px;
  }
  & .el-input__icon {
    //line-height: 30px;
  }
}
.el-textarea {
  .el-textarea__inner {
    border-radius: 8px;
    &:focus {
      outline: 0;
      border-color: $--color-primary;
    }
  }
}

.el-cascader {
  width: 100%;
  & .el-input {
    &.is-active,
    &.is-focus {
      border-color: $--color-primary;
      &:hover {
        border-color: $--color-primary;
      }
      & .el-input__inner {
        border-color: $--color-primary;
        &:focus {
          border-color: $--color-primary;
        }
        &:hover {
          border-color: $--color-primary;
        }
        &:active {
          border-color: $--color-primary;
        }
        &:focus {
          border-color: $--color-primary;
        }
        &:disabled {
          border-color: rgba(0, 0, 0, 0.25);
        }
      }
    }
    & .el-input__inner {
      &:focus {
        border-color: $--color-primary;
      }
      &:hover {
        border-color: $--color-primary;
      }
      &:active {
        border-color: $--color-primary;
      }
      &:focus {
        border-color: $--color-primary;
      }
    }
    &.is-disabled {
      border-color: transparent;
      & .el-input__inner {
        border-color: transparent !important;
        &:focus {
          border-color: transparent !important;
        }
        &:hover {
          border-color: transparent !important;
        }
        &:active {
          border-color: transparent !important;
        }
      }
    }
  }
}
.el-cascader-node {
  &.in-active-path {
    color: $--color-primary;
  }
  &.is-active {
    color: $--color-primary;
  }
}
.el-input,
.el-select,
.el-range-editor {
  &.is-active,
  &.is-focus {
    border-color: $--color-primary;
    &:hover {
      border-color: $--color-primary;
    }
    & .el-input__inner {
      &:focus {
        border-color: $--color-primary;
      }
      &:hover {
        border-color: $--color-primary;
      }
      &:active {
        border-color: $--color-primary;
      }
      &:focus {
        border-color: $--color-primary;
      }
      &:disabled {
        border-color: rgba(0, 0, 0, 0.25);
      }
    }
  }
  & .el-input__inner {
    &:focus {
      border-color: $--color-primary;
    }
    &:hover {
      border-color: $--color-primary;
    }
    &:active {
      border-color: $--color-primary;
    }
    &:focus {
      border-color: $--color-primary;
    }
  }
  &.is-disabled {
    border-color: transparent;
    & .el-input__inner {
      border-color: transparent !important;
      &:focus {
        border-color: transparent !important;
      }
      &:hover {
        border-color: transparent !important;
      }
      &:active {
        border-color: transparent !important;
      }
    }
  }
  & .el-input {
    &.is-focus {
      & .el-input__inner {
        border-color: $--color-primary;
      }
    }
  }
}

.el-select-dropdown__item {
  &.selected {
    color: $--color-primary;
  }
}

.el-date-table {
  & td {
    &.available {
      &:hover {
        color: $--color-primary;
      }
    }
    &.today {
      span {
        color: $--color-primary;
      }
    }
    &.end-date {
      span {
        background: lighten($--color-primary, 5%);
      }
    }
    &.start-date {
      span {
        background: lighten($--color-primary, 5%);
      }
    }
  }
}

.el-input-number {
  &.is-controls-right {
    & .el-input-number__increase {
      border-radius: 0 8px 0 0;
      &:hover {
        color: $--color-primary;
      }
    }
    & .el-input-number__decrease {
      border-radius: 0 0 8px;
      &:hover {
        color: $--color-primary;
      }
    }
  }
}

.el-input-number__decrease:hover:not(.is-disabled)
  ~ .el-input
  .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)
  ~ .el-input
  .el-input__inner:not(.is-disabled) {
  border-color: $--color-primary;
}

.ebiz-other-cascader {
  width: 470px;
  & .el-cascader-menu {
    &:nth-child(2) {
      position: relative;
      &:after {
        position: absolute;
        top: 0;
        content: '';
        border-top: 1px solid $--color-primary;
        opacity: 0.5;
        transform: scaleY(0.5);
        width: 100%;
      }
    }
  }
  & .el-cascader-panel {
    display: unset;
    & .el-scrollbar__wrap {
      height: unset;
      max-height: 300px;
      & .el-cascader-menu__list {
        max-height: 300px;
        min-height: unset;

        & .el-cascader-node {
          &.is-active {
            position: relative;
            font-family: 'element-icons' !important;
            &::after {
              position: absolute;
              content: '\e6da';
              right: 20px;
            }
          }
        }
        //border-bottom: 1px solid $--color-primary;
        & .el-checkbox {
          display: none;
        }
        & .el-icon-arrow-right {
          display: none;
        }
      }
    }
  }
}
.el-cascader__suggestion-item {
  &.is-checked {
    color: $--color-primary;
  }
}

.el-time-panel__btn {
  &.confirm {
    color: $--color-primary;
  }
}

.el-date-picker__header-label {
  &.active {
    color: $--color-primary;
  }
  &:hover {
    color: $--color-primary;
  }
}

.el-date-table {
  & td {
    &.current {
      &:not(.disabled) {
        & span {
          background-color: $--color-primary;
        }
      }
    }
  }
}
.el-year-table,
.el-year-table {
  & td {
    &.current {
      &:not(.disabled) {
        & .cell {
          color: $--color-primary;
        }
      }
    }
    & .cell {
      &:hover {
        color: $--color-primary;
      }
    }
    &.today {
      & .cell {
        color: $--color-primary;
      }
    }
  }
}
.el-month-table {
  & td {
    & .cell {
      &:hover {
        color: $--color-primary;
      }
    }
  }
}
.el-picker-panel__icon-btn {
  &:hover {
    color: $--color-primary;
  }
}
