@import "../InputErrors/style";

.hui-SimpleSelectInput {
  @extend %hui-input-base;
}

.hui-SimpleSelectInput__wrap {
  @extend %hui-input-border;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hui-SimpleSelectInput__label {
  @extend %hui-input-label;
}

.hui-SimpleSelectInput__displayValue {
  background-image: none;
  width: 100%;
  height: 100%;
  font-size: 15px;
}

.hui-SimpleSelectInput__selected,
.hui-SimpleSelectInput__selected--noSelection {
  color: $grey;
  letter-spacing: 0.10em;
  line-height: $x-9 - 1;
  pointer-events:none;
  padding-right: $x-7;
}

.hui-SimpleSelectInput__selected--noSelection {
  color: $grey-light;
}

.hui-SimpleSelectInput__inputWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 42px;
}

.hui-SimpleSelectInput__input {
  background-image: none;
  opacity: 0;
  width: 100%;
  min-height: 42px;
  position: relative;
  top: 0px;
  left: 0px;
}

.hui-SimpleSelectInput__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.hui-SimpleSelectInput--disabled .hui-SimpleSelectInput__wrap,
.hui-SimpleSelectInput--disabled .hui-SimpleSelectInput__selected,
.hui-SimpleSelectInput--disabled .hui-SimpleSelectInput__label {
  @extend %hui-input-disabled;
}

.hui-SimpleSelectInput--focused .hui-SimpleSelectInput__wrap,
.hui-SimpleSelectInput--focused .hui-SimpleSelectInput__label {
  @extend %hui-input-focused;
}

.hui-SimpleSelectInput--error .hui-TextInput__message {
  @extend %error-message;
}

.hui-SimpleSelectInput--error .hui-SimpleSelectInput__icon,
.hui-SimpleSelectInput--error .hui-SimpleSelectInput__wrap,
.hui-SimpleSelectInput--error .hui-SimpleSelectInput__label {
  @extend %hui-input-error;
}

@include input-sizes(SimpleSelectInput);