form
  $x : 8px
  @extend %clearfix

  .input-column
    margin-right: 30px
    width: 288px
    float: left

    &.last
      margin-right: 0

  .input-holder
    float: left
    margin-right: $x
    width: 100%
    min-height: 48px
    +grid-margin-s($bottom: .5)

    &.last
      margin-right: 0

    &.w8
      width: 8 * $x
    &.w9
      width: 9 * $x
    &.w11
      width: 11 * $x
    &.w14
      width: 14 * $x
    &.w15
      width: 15 * $x
    &.w24
      width: 24 * $x

    &.radio
      line-height: 32px

    &.auto-generate
      input
        background: #f3f3f3

    &.error
      label
        color: red
      input
        border-color: red
      textarea
        border-color: red
      .description
        color: red

    .message
      float: none
    &.birthday
      display: none


  .message
    display: block
    float: left
    margin-bottom: 5px
    width: 100%
    +type-basic

    &.error
      color: #F00

  .global-message
    display: block
    +grid-margin-s($bottom: .5)
    +grid-padding-s(.5,.5,.5,.5)
    width: 100%
    border: 1px solid red
    color: red
    +type-basic

  label:not(.radio-label)
    display: block
    line-height: 16px
    +type-small-title-uc

  .radio-label
    margin-right: $x
    +type-basic

  input[type="radio"]
    margin-right: 4px

  input[type="text"],input[type="password"],input[type="email"]
    padding: 0 $x
    width: 100%
    height: 32px
    border: 1px solid #d6cfc9
    border-radius: 4px
    +type-basic

  select.styled
    border: 1px solid #d6cfc9
    padding: 0 $x
    height: 32px
    background-color: transparent


  textarea
    padding: 0 $x
    width: 100%
    height: 150px
    border: 1px solid #d6cfc9
    border-radius: 4px
    resize: none
    +type-basic

  .hidden-box
    +grid-margin-s($top: 1)
    position: relative
    overflow: hidden
    max-height: 0
    +transition(max-height 600ms ease-out)

    &.open
      max-height: 500px
p.error
  color: red