.form-control {
  color: $color-text-02;
  font-size: inherit;

  &::placeholder { color: $color-text-04; }

  &:disabled,
  &[readonly] { background-color: $color-ui-01; }
}

textarea.form-control { min-height: $height-base; }

.form-group { margin-bottom: 20px; }

.form-fieldset {
  background-color: #fff;
  border: 1px solid $border-color;
  padding: 20px 25px 25px;
  @include border-radius();
  position: relative;

  .form-group:last-child { margin-bottom: 0; }

  legend {
    width: auto;
    background-color: inherit;
    padding: 0 10px;
    position: relative;
    margin-left: -10px;
    text-transform: uppercase;
    font-weight: $font-weight-semibold;
    font-size: inherit;
    color: $gray-900;
    letter-spacing: .5px;
    margin-bottom: 0;
    position: absolute;
    top: -10px;
  }
}