/* =============================================================================
   =Handles Form Field Styling
   ========================================================================== */

.bwe-form-field,
.bwe-form-field * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bwe-form-field:before,
.bwe-form-field:after,
.bwe-form-field *:before,
.bwe-form-field *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bwe-form-field {
	margin-bottom: 20px;
}
.bwe-form-field-title {
	padding: 10px 0 15px 0;
	margin-bottom: 15px;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom: 1px solid #eee;
}
.bwe-form-field-content,
.bwe-form-field-description {
	display: inline;
	float: left;
	width: 55%;
}
.bwe-form-field-description {
	float: right;
	width: 40%;
	color: #999;
}
.bwe-form-field-content.bwe-form-field-content-full {
	display: block;
	float: none;
	width: auto;
}
.bwe-form-field-content label {
	display: block;
	font-size: 14px;
	line-height: 1.467;
}
.bwe-form-field-content input[type="text"],
.bwe-form-field-content textarea,
.bwe-form-field-content select {
	display: block;
	width: 100%;
	height: 42px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.467;
	color: #555;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: none;
	border-radius: 4px;
}
.bwe-form-field-content input[type="text"]:focus,
.bwe-form-field-content textarea:focus,
.bwe-form-field-content select:focus {
	border: 1px solid #999;
	background-color: #fff;
}
.bwe-form-field-content textarea {
	height: auto;
	resize: none;
}
.bwe-form-field-content select {
	margin-top: -2px;
}
.bwe-form-field-content input[type="text"].bwe-form-field-datetime-date {
	display: inline-block;
	width: 43%;
}
.bwe-form-field-content select.bwe-form-field-datetime-hours,
.bwe-form-field-content select.bwe-form-field-datetime-minutes,
.bwe-form-field-content select.bwe-form-field-datetime-ampm,
.bwe-form-field-content span.bwe-form-field-datetime-separator {
	display: inline-block;
	width: 15%;
}
.bwe-form-field-content select.bwe-form-field-datetime-ampm {
	width: 17%;
}
.bwe-form-field-content span.bwe-form-field-datetime-separator {
	width: 5%;
	text-align: center;
}
.bwe-form-field-content-event-start,
.bwe-form-field-content-event-end {
	margin-top: 15px;
}
.bwe-form-field-content-event-start label,
.bwe-form-field-content-event-end label {
	margin-bottom: 5px;
}
.bwe-metabox-group,
.bwe-form-field-multiple-item {
	margin-bottom: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
}
.bwe-form-field-multiple-item.bwe-state-on {
	border: 1px solid #bbb;
}
.bwe-metabox-group-title,
.bwe-form-field-multiple-item-control {
	position: relative;
	padding: 10px 12px;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom: 1px solid #ccc;
	background-color: #fafafa;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.bwe-state-on .bwe-form-field-multiple-item-control {
	border-bottom: 1px solid #bbb;
	background-color: #eaeaea;
}
.bwe-metabox-group-content,
.bwe-form-field-multiple-item-content {
	padding: 8px 12px 12px 12px;
}
.bwe-metabox-group-content .bwe-form-field:last-child,
.bwe-form-field-multiple-item-content .bwe-form-field:last-child {
	margin-bottom: 0;
}
.bwe-form-field-multiple-item-control-title {
	position: absolute;
	top: 14px;
	left: 10px;
}
.bwe-form-field-multiple-close-button.button,
.bwe-form-field-multiple-edit-button.button {
	display: none;
	min-width: 80px;
	text-align: center;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.bwe-form-field-multiple-close-button.button {
	display: inline-block;
}
.bwe-form-field-multiple-delete-button.button {
	min-width: 80px;
	text-align: center;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.bwe-state-off .bwe-form-field-multiple-item-control {
	border-bottom: 0;
	border-radius: 4px;
}
.bwe-state-off .bwe-form-field-multiple-item-content {
	display: none;
}
.bwe-state-off .bwe-form-field-multiple-close-button.button {
	display: none;
}
.bwe-state-off .bwe-form-field-multiple-edit-button.button {
	display: inline-block;
}
.bwe-form-field-imagesize-width,
.bwe-form-field-imagesize-height,
.bwe-form-field-imagesize-crop,
.bwe-form-field-imagesize-sep {
	display: inline;
	float: left;
	width: 20%;
}
.bwe-form-field-imagesize-sep {
	width: auto;
	margin: 10px 15px;
}
.bwe-form-field-imagesize-crop {
	width: auto;
	margin-top: 10px;
}
.bwe-form-field-note-plain,
.bwe-form-field-note-info,
.bwe-form-field-note-warning,
.bwe-form-field-note-download,
.bwe-form-field-note-error {
	position: relative;
	padding: 10px 15px;
	color: #1a1a1a;
	border: 1px solid #ccc;
	background-color: #fafafa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bwe-form-field-note-info {
	border: 1px solid #b5d3ff;
	background-color: #eef4fa;
}
.bwe-form-field-note-warning {
	border: 1px solid #e6db55;
	background-color: #fffcdb;
}
.bwe-form-field-note-download {
	border: 1px solid #6c3;
	background-color: #f0fae5;
}
.bwe-form-field-note-error {
	border: 1px solid #df7d7d;
	background-color: #feebeb;
}