@import "bootstrap/forms";

.form-control {
  padding: 25px 25px;
  font-size: 18px;
}

header.casebooks-search > .content > form > .form-group > input {
  border-width: 1.5px;

}

label > .necessity {
  @include sans-serif($bold, 11px, 12px);
  color: $gray;
}

form .form-error-message {
  @extend .alert;
  @extend .alert-danger;
}

.error-wrapper {
  @include transition(height .25s linear, margin .25s linear);
  height: 0px;
  margin: 0px;
  overflow: hidden;

  .has-error > & {
    margin: 5px 0 0px;
    height: 25px;
  }
}

.error-transition {
  @include transition(max-height .25s linear);

  max-height: 50px;
  &.hide {
    max-height: 0px;
  }
}

@import "bootstrap/forms";

.form-control {
  height: 52px;
  font-size: 18px;
}

header.casebooks-search > .content > form > .form-group > input {
  border-width: 1.5px;

}

label > .necessity {
  @include sans-serif($bold, 11px, 12px);
  color: $gray;
}

form .form-error-message {
  @extend .alert;
  @extend .alert-danger;
}

.error-wrapper {
  @include transition(height .25s linear, margin .25s linear);
  height: 0px;
  margin: 0px;
  overflow: hidden;

  .has-error > & {
    margin: 5px 0 0px;
    height: 25px;
  }
}

.error-transition {
  @include transition(max-height .25s linear);

  max-height: 50px;
  &.hide {
    max-height: 0px;
  }
}

Delete padding & set form height b/c wasn't showing up in Firefox.
Delete padding & set form height b/c wasn't showing up in Firefox.
