.input.boolean
  label.checkbox
    input
      margin-right: 0.5em
  &.error
    small
      margin-top: 0.1em

textarea
  height: +emCalc(200px)

input, textarea
  +radius($input-radius)
  &.with-prefix
    +radius(0 $input-radius $input-radius 0)

  &.with-postfix
    +radius($input-radius 0 0 $input-radius)

  &.with-prefix.with-postfix
    +radius(0)

span.prefix, span.postfix
  @extend .radius
  border-color: $input-prefix-border-color
  box-shadow: $input-box-shadow

label
  abbr
    color: red

.input.boolean
  label.checkbox
    input
      margin-right: 0.5em
  &.error
    small
      margin-top: 0.1em
.input.error small.error, form.custom .error .custom.dropdown + small.error
  z-index: 4
  position: relative
  margin-top: +emCalc(-3px)

textarea
  height: +emCalc(200px)

input, textarea
  +radius($input-radius)
  &.with-prefix
    +radius(0 $input-radius $input-radius 0)

  &.with-postfix
    +radius($input-radius 0 0 $input-radius)

  &.with-prefix.with-postfix
    +radius(0)

span.prefix, span.postfix
  @extend .radius
  border-color: $input-prefix-border-color
  box-shadow: $input-box-shadow

.input.error
  span.prefix, span.postfix
    border-color: $alert-color
    background: rgba($alert-color, 0.1)

label
  abbr
    color: red

Adjust styles for inputs with errors
Adjust styles for inputs with errors
