@include b(btnSelect){
  cursor: pointer;
}
@include b(btnSelectItem){
  cursor: pointer;
  padding: 6px 10px;
  &:hover{
    background-color: $input-item-hover-color;
  }
}
@include b(btnSelectBor){
  border-top: solid 1px $input-border-color;;
}

@include b(select){
  position: relative;

  @include e(icon){
    position: absolute;
    padding: $padding;
    padding-right: 0;
    top:0;
    right: 8px;
    color: $text-color;
    font-size: $size-big;
  }
  @include e(input){
    height: 30px;
    color: $text-color;
    font-size: $size-base;
    line-height: $size-base;
    padding: $padding;
    background-color: $input-background-color;
    border-color: $input-border-color;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    @include single-text;
    @include txtSelectNone;
    @include when(error) {
      border-color: $warning-color;
    }
    &:disabled{
      color: rgba($text-color, .5);
      background-color: $input-disabled-background-color;
      cursor: not-allowed;
    }
  }
  @include e(icon){
    cursor: pointer;
    @include when(show-close){
      &:before {
        //content: "\f057" !important;
      }
    }
  }

}

@include b(scroll){
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  &::-webkit-scrollbar-thumb {
    background-color: $scrollbar-color;
  }
}