/* Widget formbasic */
/* v1.0 */

.widget_formbasic {
}
.widget_formbasic form {
	padding: 0;
	margin: 0;
}

.widget_formbasic form input,
.widget_formbasic form textarea,
.widget_formbasic form select,
.widget_formbasic form iframe {
    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #000;
}

.widget_formbasic form iframe {
	border: 1px solid #AAA;
	padding: 2px;
}

.widget_formbasic form input {
	border: 1px solid #AAA;
	padding: 2px;
}
	.widget_formbasic form input.checkbox,
	.widget_formbasic form input.radio {
		border: none;
		padding: 0;
	}
.widget_formbasic form textarea {
	border: 1px solid #AAA;
	padding: 2px;
}
.widget_formbasic form select {
	border: 1px solid #AAA;
	padding: 2px;
}
.widget_formbasic form input.blank,
.widget_formbasic form textarea.blank {
	color: #BABABA;
}

		.widget_formbasic form .group {
			border: 1px solid #CCC;
			margin-bottom: 10px;
			padding: 10px;
		}
		
		.widget_formbasic form .field {
			display: block;
			clear: both;
			margin: 4px;
			padding: 4px;
		}
		.widget_formbasic form .field.first {
		}
		.widget_formbasic form .field.last {
		}
			.widget_formbasic form .field.error {
			}
			.widget_formbasic form.form- .field label {
				display: block;
				text-align:right;
				width: 200px;
				float: left;
				overflow:hidden;
			}
			.widget_formbasic form.form-horizontal .field label {
				xwidth: none;
				xfloat: left;
				xtext-align:inherit;
			}
@media (max-width:768px) {
	.widget_formbasic form.form-horizontal .field label.blank {
		display:none !important;
	}
}
				.widget_formbasic form .field .checkboxbox label {
					width: auto;
				}
			.widget_formbasic form .field .checkboxbox > label {
				text-align:left;
				width: auto;
				float:inherit;
			}
			.widget_formbasic form .field .value {
				display: block;
				vertical-align:top;
				margin-left: 204px;
				overflow:hidden;
				padding: 1px;
			}
				.widget_formbasic.nolabel form .field .value {
					margin: 0;
				}
				.widget_formbasic form .field .value label {
					display: block;
					float: none;
					width: auto;
					min-height: 16px;
					clear: right;
					margin-left: 20px;
					text-align: left;
					overflow:hidden;
				}

			.widget_formbasic form .field .value.error {
				border: 1px dotted #FF0000;
				padding: 0;
			}
				.widget_formbasic .field .value .message{
					display: none;
				}
				.widget_formbasic .field .value.error .message{
					display: block;
					color: #FF0000;
					clear: both;
					padding: 8px 4px 4px 4px;
				}

.widget_formbasic .req {
	color: #FF0000;
}

.widget_formbasic textarea.textarea {
	width: 99%;
	height: 200px;
}
	.widget_formbasic .error textarea.textarea {
	}
	
.widget_formbasic input.text,
.widget_formbasic input.email,
.widget_formbasic input.number,
.widget_formbasic input.phone,
.widget_formbasic input.date,
.widget_formbasic input.datetime,
.widget_formbasic input.month,
.widget_formbasic input.week,
.widget_formbasic input.time,
.widget_formbasic input.phone,
.widget_formbasic input.tel,
.widget_formbasic input.color {
	width: 99%;
}
	.widget_formbasic .error input.text {
	}
	
.widget_formbasic input.email {
	/*width: 180px;*/
}
	.widget_formbasic .error input.email {
	}
	
.widget_formbasic input.phone {
	/*width: 180px;*/
}
	.widget_formbasic .error input.phone {
	}

.widget_formbasic input.captcha {
	width: 180px;
}
	
.widget_formbasic input.checkbox {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;
}
	.widget_formbasic .error input.checkbox {
	}

.widget_formbasic input.radio {
	display: block;
	width: 16px;
	height: 16px;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}
	.widget_formbasic .error input.radio {
	}

.widget_formbasic input.select {
}
	.widget_formbasic .error input.select {
	}

.widget_formbasic .field_submit .submit {
	background-color:#CCCCCC;
	cursor:pointer;
}
.widget_formbasic .loading .submit {
	background-image: url(/lib/img/loading/mozilla_giallo.gif);
	background-position: 2px center;
	background-repeat:no-repeat;
	padding-left: 18px;
}