.input-group {
  .form-control {
    height: auto;
  }

}

.input-group-sm {
  .form-control {
    height: $input-height-sm;
  }
}

.input-group-lg {
  .form-control {
    height: $input-height-lg;
  }
}

.input-group-prepend,
.input-group-append {

  .has-success &,
  .has-danger & {
    background-color: $white-color;
  }

  .has-danger .form-control:focus + & {
    color: $danger-color;
  }

  .has-success .form-control:focus + & {
    color: $success-color;
  }


  i {
    width: 1rem;
  }

  .input-group-text {
    @include transition-input-focus-color();
    border: 1px solid $dark-gray;
    border-radius: $form-input-radius;
    background-color: transparent;
    color: $dark-background;
  }

  .input-group-text + .input-group-text {
    border-left: 0;
    border-right: 0;
  }

  .btn {
    border: 1px solid $dark-gray;
  }
}



.input-group-focus {
  .input-group-prepend,
  .input-group-append {
    .input-group-text {
      border-color: $primary-color;
      color: $primary-color;
      background-color: $input-group-focus-bg;
    }

    .btn {
      border-color: $primary-color;
    }
  }
}

.form-control + .input-group-prepend,
.form-control + .input-group-append {
  background-color: $form-input-bg;
}

.input-group-focus {

  .input-group-append,
  .input-group-prepend {
    border-color: $primary-color;
    color: $primary-color;
    background-color: $input-group-focus-bg;
  }

  &.form-group-no-border {

    .input-group-prepend,
    .input-group-append {
      color: $primary-color;
      background-color: $input-group-focus-bg;
    }
  }
}

.input-group[disabled] {

  .input-group-prepend,
  .input-group-append{
    background-color: $dark-gray;
  }
}

.input-group .form-control:first-child,
.input-group-append:first-child,
.input-group-prepend:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0 none;
}

.input-group .form-control:last-child:not(:first-child),
.input-group-prepend:last-child,
.input-group-append:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-left: 0 none;
}

.input-group-btn .btn {
  border-width: $border-thin;
  padding: calc(#{$padding-btn-vertical} + 2px) $padding-base-horizontal;
}

.input-group-btn .btn-default:not(.btn-fill) {
  border-color: $dark-gray;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
  border-radius: $form-input-radius;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 1rem;
}