@charset "utf-8";
/**
  * @link       </assets/css/forms.css>
  * @version    1.0
  * @media      all
  * @css-for    all
  * @author     Ingo Wagener <http://atelierkrake.de>
  * @created    01.08.16
  */

form { margin-bottom: 30px } 

input.form-element, button.form-element, textarea.form-element, select.form-element {
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 2px;
	padding: 10px 15px;
	text-align: left;
	font-size: 14px;
}

input.form-element, textarea.form-element { box-shadow: inset 0 1px 3px #ddd; border: 1px solid #ccc }

button, input[type=submit], input[type=button] { cursor: pointer;  }

.form-element:focus {
	outline: none;
	box-shadow: inset 0 1px 3px #ddd, 0px 0px 10px -5px rgba(38, 87, 127, .8);
	border-color: #26577f
}

.form-group::before,
.form-group::after { content: " "; display: table; } 
.form-group::after { clear: both; }
.form-group { *zoom: 1; }

input[type=number] { width: 50px }

/**
  * @section	Buttons
  */