/*basic form element styles. feel free to change. By: Dr. Raz Ben-Ezzer*/

form{
	position:relative;
}


form label{ /*regular labels that come BEFORE an input*/
	display: inline-block;
	width: 150px;
	text-align: right;
	padding:10px;
	font-size: 18px;
	margin:10px;

}

form input+label { /*labels that come AFTER an input*/
	text-align: left;
	font-size: 18px;
	
	padding:10px;
}

form input+label.error ,form textarea+label.error{ /*error messages AFTER an input , such as email*/
	color: #d466ff;
	padding: 10px;
	font-size: 18px;
	width: auto !important;
	

}

form .radioreq{/*error message AFTER an radio group*/
	position:absolute;
	left:130px;
		top:60px;
	transform: rotate(90deg);
color: #d466ff !important;
	padding: 10px;
	font-size: 18px;
	width: auto !important;

}




form input[type="text"],
form input[type="number"],
form input[type="file"],
form textarea { /*regular inputs, default look*/
	background-color: #EEE;
	padding: 10px;
	font-size: 18px;
	border-radius: 8px;
	
}

form input[type="text"].error,
form input[type="number"].error,
form input[type="file"].error,
form textarea.error { /*input fields that contain an error*/
	background-color: #d466ff;
	font-size: 18px;
}

form input[type="text"].valid,
form input[type="number"].valid,
form input[type="file"].valid,
form textarea.valid { /*input fields that passed validation*/
	background-color: #AFA;
	font-size: 18px;
}



form input[type="submit"]{
	
	font-size:18px;
	box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	padding:10px;
	border-radius: 8px;
}