/*
	stylus-boilerplate

	forms.styl

	Author: Sean Goresht

	Created on 2014-08-23 by PhpStorm
*/
.form-section,
.form-section-inline,
.form-field-controls-group-append {
  border: 1px solid color-fallback(rgba(0,0,0,0.4));
}
.form-section,
.form-section-inline {
  box-sizing: border-box;
  margin: 1em;
}
.form-field,
.form-field-horizontal,
.form-field-vertical {
  box-sizing: border-box;
  padding: 0.3em 1em;
}
.form {
  display: inline-block;
media-query($breakpointMain)
}
.form-section-inline .form-field,
.form-section-inline .form-field-horizontal,
.form-section-inline .form-field-vertical {
  display: inline-block;
}
.form-section label,
.form-section input {
  display: inline-block;
}
.form-section-header {
  padding: 1em;
}
.form-field-label,
.form-field-controls {
  display: inline-block;
  vertical-align: top;
}
.form-field-label {
  min-width: 10em;
  width: 10%;
media-query($breakpointMain)
  cursor: pointer;
}
.form-field-controls-group {
  display: table;
}
.form-field-controls-group input,
.form-field-controls-group select,
.form-field-controls-group textarea,
.form-field-controls-group label {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.form-field-controls-group-append {
  padding: 0 $padding;
  cursor: pointer;
}
.form-field-controls-group-append:first-child {
  border-right: 0;
}
.form-field-controls-group-append:last-child {
  border-left: 0;
}
.form-field-horizontal {
  width: 100%;
  display: table;
  table-layout: auto;
}
.form-field-horizontal .form-field-label {
  margin-right: 1em;
  min-width: 10em;
}
.form-field-horizontal .form-field-label,
.form-field-horizontal .form-field-controls {
media-query($breakpointMain)
  display: table-cell;
  vertical-align: middle;
}
.form-field-vertical .form-field-label {
  min-width: 0;
  width: auto;
}
.form-field-vertical .form-field-controls {
  display: block;
}
.form-field-vertical .form-field-controls input,
.form-field-vertical .form-field-controls select,
.form-field-vertical .form-field-controls textarea {
  width: 100%;
}
.form-action {
  display: inline-block;
  margin: 0.69em;
}
.form-actions {
  margin-top: 0.3em;
  text-align: center;
  border-top: 1px solid color-fallback(rgba(0,0,0,0.4));
}