@import "variables"
@import "compass/css3/box-shadow"

.form-control
  +box-shadow(none)
  -webkit-appearance: none
  &:focus
    +box-shadow(none)
    border-color: $input-border-focus
    background: #FFF
  &[disabled], &[readonly]
    color: $gray-dark
  &[disabled]:focus, &[readonly]:focus
    background: $input-bg-disabled
    color: $gray-dark
    border-color: $gray-lighter

.input-group-addon
  font-size: 13px
  padding: 0 10px
  line-height: 28px
  vertical-align: bottom

.input-group-btn
  vertical-align: bottom

.form-group:last-child
  margin-bottom: 0

// Form separated
.form-group-separated
  border-top: 1px dashed $gray
  .form-group
    border-bottom: 1px dashed $gray
    margin-bottom: 0px

    [class^="col-md-"],
    [class^="col-sm-"]
      border-left: 1px dashed $gray
      padding: 12px 10px
      &:first-child
        border-left: 0px

    .control-label
      border-left: none

  .panel-body.form-inputs
    padding: 0 10px

  .collapse
    .form-group:last-child
      border-bottom: none

.form-group-separated.panel-body
  padding: 0px

.help-block
  color: $help-block-color
  margin-bottom: 0

.input-group-btn:first-child >
  .btn, .btn-group
    margin-right: -2px

.input-group-lg >
  .form-control, .input-group-addon, .input-group-btn > .btn
    font-size: 16px

.input-group-sm >
  .form-control, .input-group-addon, .input-group-btn > .btn
    font-size: 11px

.input-group-btn > .btn
  &:active, &:focus, &:hover
    z-index: 0

.form-control-feedback
  top: 20px

.has-success
  .checkbox, .checkbox-inline, .control-label, .form-control-feedback, .help-block, .radio, .radio-inline
    color: $brand-success
  .form-control
    border-color: $brand-success

.has-warning
  .checkbox, .checkbox-inline, .control-label, .form-control-feedback, .help-block, .radio, .radio-inline
    color: $brand-warning
  .form-control
    border-color: $brand-warning

.has-error
  .checkbox, .checkbox-inline, .control-label, .form-control-feedback, .help-block, .radio, .radio-inline
    color: $brand-danger

.bootstrap-select.error > button, .form-control.error, .has-error .form-control
  border-color: $brand-danger

label
  font-weight: 600
  &.error, &.valid
    color: $brand-danger
    margin-bottom: 0
    margin-top: 3px
    font-size: 11px
    font-weight: 400
    width: 100%

.bootstrap-select.valid > button, .form-control.valid
  border-color: $brand-success

label.valid
  color: $brand-success

.control-label.text-left
  text-align: left

.label
  font-weight: 500

legend
  font-weight: 600
  padding: 10px 12px 15px 12px
  margin-top: 10px
  margin-bottom: 0
  width: auto
  margin-left: 0

.form-inputs > legend
  padding-left: 0

.form-fixed-actions
  margin-bottom: 150px
  .form-actions
    position: fixed
    bottom: 0
    margin: 0
    z-index: 2
    padding-bottom: 0
    border-bottom: 0
    // Width defined in responsive stylesheet