/*
 * Component: Form
 * ---------------
 */
.form-control {
  @include border-radius-all($input-radius);
  box-shadow: none;
  border-color: $gray-lte;
  &:focus {
    border-color: $light-blue;
    box-shadow: none;
  }
  &::-moz-placeholder,
  &:-ms-input-placeholder,
  &::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1;
  }

  &:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}

.form-group {
  &.has-success {
    label {
      color: $green;
    }
    .form-control,
    .input-group-addon {
      border-color: $green;
      box-shadow: none;
    }
    .help-block {
      color: $green;
    }
  }

  &.has-warning {
    label {
      color: $yellow;
    }
    .form-control,
    .input-group-addon {
      border-color: $yellow;
      box-shadow: none;
    }
    .help-block {
      color: $yellow;
    }
  }

  &.has-error {
    label {
      color: $red;
    }
    .form-control,
    .input-group-addon {
      border-color: $red;
      box-shadow: none;
    }
    .help-block {
      color: $red;
    }
  }
}

/* Input group */
.input-group {
  .input-group-addon {
    @include border-radius-all($input-radius);
    border-color: $gray-lte;
    background-color: #fff;
  }
}

/* button groups */
.btn-group-vertical {
  .btn {
    &.btn-flat:first-of-type, &.btn-flat:last-of-type {
      @include border-radius-all(0);
    }
  }
}

.icheck > label {
  padding-left: 0;
}

/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: $input-height-base;
}

.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: $input-height-large;
}

.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: $input-height-small;
}
