/**
 * Public CSS rules
 */
 input[type="radio"] {
 	-moz-appearance: radio !important;
 	margin: 0 5px 0 0;
 }

.form-outer li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;

}

.form-outer > li:not(:last-child){
	margin-bottom: 15px;
}

.form-outer li input:not([type="checkbox"]),
.form-outer li textarea{
	padding: 10px;
	border: 1px solid #c7c7c7;
}

.form-outer > li > label,
.form-outer li p {
	flex: 1 0 250px;
	padding: 8px 0;
}
 
.form-outer > li > label + * {
	flex: 1 0 220px;
}

.form-outer li button,
.form-outer li input[type="submit"] {
	margin-left: auto;
	float: none;
	width: auto;
	border: none;
}

.form__title{
	font-weight: 700;
	margin-bottom: 20px;
}

.form__title h2{
	width: 100%;
}

#gdrf-radio-label {
	font-weight: 800;
	display: block;
	margin-bottom: .5em;
}
.gdrf-data-type-input, .gdrf-data-type-label {
	display: inline-block;
}
.gdrf-success {
	display: block;
	margin: 0 0 1em 0;
	padding: .5em 1em;
	background-color: #ecf7ed;
	border-left: 4px #46b450 solid;
}
.gdrf-errors {
	display: block;
	margin: 0 0 1em 0;
	padding: .5em 1em;
	background-color: #fbeaea;
	border-left: 4px #dc3232 solid;
}