@import shared

// Taken from Twitter Bootstrap

form
  margin: 0 0 18px

fieldset
  padding: 0
  margin: 0
  border: 0

legend
  display: block
  width: 100%
  padding: 0
  margin-bottom: 27px
  font-size: 30px
  line-height: 36px
  border: 0
  border-bottom: 1px solid #EEE

legend + .control-group
  margin-top: 18px
  -webkit-margin-top-collapse: separate

.form-horizontal .control-group
  margin-bottom: 18px

.form-horizontal .control-label
  float: left
  width: 140px
  padding-top: 5px
  text-align: right

label
  display: block
  margin-bottom: 5px

label, input, button, select, textarea
  // font-size: 13px;
  // font-weight: normal;
  // line-height: 18px;

.form-horizontal .controls
  margin-left: 160px

.form-horizontal input
  display: inline-block
  margin-bottom: 0

.form-horizontal .form-actions
  padding-left: 160px

.form-actions
  padding: 17px 20px 18px
  margin-top: 18px
  margin-bottom: 18px
  border-top: 1px solid #DDD

.form-actions::before, .form-actions::after
  display: table
  content: ""

.form-actions::after
  clear: both

.form-actions::before, .form-actions::after
  display: table
  content: ""

input, textarea, .uneditable-input
  margin-left: 0

input[type=text], textarea, select, .uneditable-input
  width: 210px
  height: 18px
  padding: 4px
  line-height: 18px
  border: 1px solid #CCC
  -webkit-border-radius: 3px
  -moz-border-radius: 3px
  border-radius: 3px

input[type=text], textarea
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s
  -ms-transition: border linear 0.2s,box-shadow linear 0.2s
  -o-transition: border linear 0.2s,box-shadow linear 0.2s
  transition: border linear 0.2s,box-shadow linear 0.2s

input[type=submit]
  margin-right: 10px

input:focus, textarea:focus
  border-color: $main-color
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
  outline: 0
  outline: thin dotted 9

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input
  float: none
  margin-left: 0

input.span6, textarea.span6, .uneditable-input.span6
  width: 450px

input.span6, textarea.span6, .uneditable-input.span6
  width: 560px

textarea
  height: auto

// .radio, .checkbox {
//   padding-left: 18px;
// }

.controls > .radio:first-child, .controls > .checkbox:first-child
  padding-top: 5px

.error
  .help-inline
    color: #c00