@mixin form-input-search-size($padding-y,$padding-x,$scale:1) {
  $icon-width: if($scale == 1, 1, 1.375);
  padding: $padding-y $padding-x;
  .input-group-addon {
    i.aid {
      transform: scale($scale,$scale);
    }
  }

  input.form-control{
    &:focus{
      padding-left: ($padding-x * 3 + $icon-width);
    }
  }
}

.form-input-search{
  position: relative;
  padding: $input-padding-y $input-padding-x;
  border: $border-width solid $input-border-color;
  border-radius: $border-radius;

  .input-group-addon{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: $input-icon-color;
    border-color: transparent;
    z-index: 4;
    &:first-child{
      border-right: $border-width solid $input-border-color;
    }
    i.aid {
      transform: scale(1.3,1.3);
    }
  }

  input.form-control{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border-color: transparent;
    box-shadow: none;
    transition: position ease-in-out 0.15s;
    &:focus{
      position: absolute;
      width: 100%;
      padding-left: ($input-padding-x * 3 + 1.125) ;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: $border-radius;
      border-color: #7D8FFF;
      box-shadow: $input-box-shadow-focus;
      transition: $input-border-focus;
    }
  }

  //size
  &.input-group--lg{
    @include form-input-search-size($input-padding-y-lg,$input-padding-x,1.5);
  }
  &.input-group--sm{
    @include form-input-search-size($input-padding-y-sm,$input-padding-x);
  }

  //hover
  @include hover{
    border-color: $input-border-hover;
  }

  // disabled
  @include status-disabled {
    background-color: $input-bg-disabled;
    .input-group-addon, input.form-control{
      background-color: transparent;
    }
    @include hover{
      border-color: $input-border-color;
    }
  }

}
