form
  margin-bottom: 20px

label
  cursor: pointer
  display: block
  margin-top: 10px

input
  &[type="number"], &[type="date"], &[type="email"], &[type="password"], &[type="text"]
    color: #888
    border: 1px solid #ccc
    width: 300px
    max-width: 95%
    font-size: $text-normal
    height: 25px
    padding-bottom: 0
    font-family: sans-serif
    margin-top: 10px
    +appearance
  &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus
    color: #000
    border-color: rgba(82, 168, 236, 0.8)
    outline: 0
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)

textarea:focus
  color: #000
  border-color: rgba(82, 168, 236, 0.8)
  outline: 0
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)

input
  &.form-numeric, &[type="number"]
    width: 70px

textarea
  border: 1px solid #ccc
  width: 400px
  max-width: 99%
  height: 200px
  font-family: sans-serif

select
  max-width: 95%
  &:focus
    outline: 0

.tag-autocomplete
  width: 400px

span.select2-container
  margin-top: 2px

\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder
  color: #ddd
  padding-top: 2px

.form-actions
  padding-top: 20px
  clear: both

input.form-error, textarea.form-error
  border: 2px solid #b94a48

input.form-error:focus, textarea.form-error:focus
  box-shadow: none
  border: 2px solid #b94a48

.form-required
  color: red
  padding-left: 5px
  font-weight: bold

.form-errors
  color: #b94a48
  list-style-type: none

ul.form-errors li
  margin-left: 0

.form-help
  font-size: $text-small
  color: brown
  margin-bottom: 15px

.form-inline
  padding: 0
  margin: 0
  border: none
  label
    display: inline
  input, select
    margin: 0 15px 0 0
  .form-required
    display: none

.form-inline-group
  display: inline

input
  &.form-datetime, &.form-date
    width: 150px
  &.form-input-large
    width: 400px
  &.form-input-small
    width: 150px

.form-columns
  display: -webkit-flex
  display: flex
  -webkit-flex-direction: row
  flex-direction: row

.form-column
  margin-right: 25px

.form-login
  width: 350px
  margin: 8% auto 0
  li
    margin-left: 25px
    line-height: 25px
  h2
    margin-bottom: 30px
    font-weight: bold

.reset-password
  margin-top: 20px
  a
    color: #999