/**************************************************************************** 
 * teqa-forms.css (used for specific formbuilder form settings/overrides)
 ***************************************************************************/
 
.InputfieldForm .Inputfields.form-horizontal  > .InputfieldFieldset {
	margin-top:25px;
	}
	.form-horizontal .legend {
		font-size:120%;
		}
.form-horizontal .control-label {
	text-align:left!important;
	}
	/* new lay-out: white label color */
	.toggleForm .form-horizontal .control-label {
		color:#ffffff;
		}
	.form-horizontal .control-label .toggle-icon {
		display:none;
		}
		.form-horizontal .InputfieldStateRequired > label.ui-widget-header:first-child::after {
		color: #ff5f1f;
		}
.form-horizontal textarea {
	resize:vertical;
	}
.Inputfields fieldset, 
.Inputfields input, 
.Inputfields select, 
.Inputfields textarea {
	padding:6px 12px;
	}
.Inputfields > .Inputfield > .ui-widget-content {
	padding:0;
	border-color: transparent;
	background-color: transparent;
	background-image: none;
	}
	@media screen and (min-width:768px){
	.Inputfields > .Inputfield > .ui-widget-content {
		padding:0 0 0 15px;
		}
	.Inputfields > .InputfieldFieldset > .ui-widget-content.no-padding {
		padding:0;
		}
	}
.form-horizontal .ui-widget input, 
.form-horizontal .ui-widget select, 
.form-horizontal .ui-widget textarea,
.form-horizontal, 
.form-horizontal .Inputfield, 
.form-horizontal label, 
.form-horizontal input, 
.form-horizontal select, 
.form-horizontal textarea, 
.form-horizontal table {
	font-family:Arial,sans-serif;
	font-size:14px;
	}
	.form-horizontal .ui-widget button {
		font-family: 'proxima_nova_bold',Arial,sans-serif;
		font-size:18px;
		}

.form-horizontal .ui-widget-content label {
	font-weight:normal;
	}
	/* new lay-out: white label color */
	.toggleForm .form-horizontal .ui-widget-content label {
		color:#ffffff;
		}
.form-horizontal .form-control {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}
	.form-horizontal .form-control:focus {
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		}
	/* new lay-out: glow on focus */
	.toggleForm .form-horizontal .form-control:focus {
		box-shadow:0 0 5px #03e9f4, 0 0 12px #03e9f4, 0 0 25px #03e9f4;
		-moz-box-shadow:0 0 5px #03e9f4, 0 0 12px #03e9f4, 0 0 25px #03e9f4;
		-webkit-box-shadow:0 0 5px #03e9f4, 0 0 12px #03e9f4, 0 0 25px #03e9f4;
		border-color:#ffffff;
		}

		/* notes (uses bootstrap class settings "small") */
.form-horizontal .notes.small {
	color:#777777;
	font-style:italic;
	}
/* vertical or horizontal (oneline) stacked radio buttons */
.form-horizontal .InputfieldRadiosFloated,
.form-horizontal .InputfieldRadiosStacked {
	padding-left:0;
	}
	
/* alerts*/
.ui-state-error,
.ui-widget-content.no-padding .ui-state-error { /* error, same styling as bootstrap danger alert */
	background-color:transparent;
	background-image:none;	
	border-color:transparent;
	border-radius:0;
	color:#A94442;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}
	.ui-state-error .ui-widget-header {
		color:#A94442;
		}

/* Hide Honeypot Field (spam protection) */
/* by defailt PW hides a honeypot field by css (formbuilder.css), but for our bootstrap based forms we don't use this css file so we need to hide honeypot fields in our own css file */
.form-horizontal #wrap_Inputfield- {
    display: none;
}
		
/* ie8 only */
@media \0screen { /* IE8 only, see //gist.github.com/necolas/983116 and //browserhacks.com/ */
	.Inputfields > .Inputfield > .ui-widget-content {
			padding:0 0 0 15px;
			}
	.Inputfields > .InputfieldFieldset > .ui-widget-content.no-padding {
		padding:0;
		}
	.checkbox input[type="checkbox"],
	.radio input[type="radio"] {
		padding-top:3px;
		padding-left:0;
		}
	.radio-inline, 
	.checkbox-inline {
		display:inline;
		float:left;
		}
		.radio-inline label, 
		.checkbox-inline label {
			padding-right:5px;
			}
		.radio-inline input[type="radio"], 
		.checkbox-inline input[type="checkbox"] {
			margin-left:-30px;
			padding-top:3px;
			padding-right:0;
			}	
}