.select{
  @extend .input-common;
  .select-selection {
    height: $component-size;
    padding: $input-padding;
    @include user-select-none;
    display: block;
    user-select: none;
    position: relative;
    font-size: $font-size;
    cursor: pointer;
    background-color: #fff;
    transition: all $transition-time $ease-in-out;
    border:$border-width solid $border-color;
  }
  .select-not-found{

  }
  .drop{
    .select-not-found,
    .select-dropdown-list{
      @include list-unstyled;
      margin: 0;
      li{
        @include user-select-none;
        padding: $content-padding $content-padding;
        font-size: $font-size;
        white-space: nowrap;
        cursor: pointer;
        transition: background $transition-time $ease-in-out;
        &:hover{
          background:$background-color-select-hover;
        }
        &.select-item-disabled {
          color: $disabled-color;
        }
      }
    }
  }
}