.input
  width 100%
  height 45px
  padding 0.5em 1em
  box-sizing border-box
  font-size inherit
  border 2px solid rgba(0, 0, 0, 0.3)
  border-radius 5px
  background #fff
  color rgba(0, 0, 0, 0.5)
  outline 0
  &:focus
    border 2px solid rgba(0, 0, 0, 0.4)
    color rgba(0, 0, 0, 0.6)

.input::-webkit-input-placeholder
  color rgba(0, 0, 0, 0.3)

.input:-moz-placeholder
  color rgba(0, 0, 0, 0.3)
  opacity  1

.input::-moz-placeholder
  color rgba(0, 0, 0, 0.3)
  opacity 1

.input:-ms-input-placeholder
  color rgba(0, 0, 0, 0.3)

.input.has-error
  border-color rgba(226, 33, 112, 0.6)
  color rgb(226, 33, 112)
