/**
 * Datasheet-request popup: replicates the legacy fancybox 1.3.4 chrome and
 * restyles the Gravity Forms markup to match the legacy CodeIgniter popup
 * (#submission-form / .input-content / .popup rules in /public/css/style.css).
 */

.adc-popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(102, 102, 102, 0.3);
	z-index: 1100;
	overflow: auto;
}

.adc-popup-overlay.open {
	display: block;
}

.adc-popup-box {
	position: relative;
	background: #fff;
	padding: 10px;
	width: 412px;
	max-width: calc(100% - 40px);
	margin: 80px auto;
	box-sizing: border-box;
}

.adc-popup-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/public/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
}

.adc-popup-box #submission-form {
	width: 100%;
	box-sizing: border-box;
}

/* --- Gravity Forms markup -> legacy .input-content look --- */

#submission-form .gform_validation_container,
#submission-form .gfield_required,
#submission-form .gfield--type-checkbox legend {
	display: none !important;
}

#submission-form .gform_heading {
	display: none;
}

#submission-form .gfield {
	margin-bottom: 15px;
}

#submission-form .gfield--type-hidden,
#submission-form .gfield--type-turnstile {
	margin-bottom: 0;
}

#submission-form .gfield--type-turnstile {
	margin-top: 10px;
}

#submission-form .gfield_label {
	display: block;
	margin-bottom: 3px;
	font-weight: normal;
	font-size: inherit;
	color: inherit;
}

#submission-form input[type=text],
#submission-form input[type=email] {
	height: 28px;
	line-height: 28px;
	width: 100% !important;
	box-sizing: border-box;
	padding: 0 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff;
	font-size: inherit;
	color: #4e4e4e;
}

#submission-form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#submission-form .gfield--type-checkbox .gchoice {
	display: block;
}

#submission-form .gfield--type-checkbox input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px 0 0;
	width: auto;
	height: auto;
}

#submission-form .gfield--type-checkbox .gform-field-label--type-inline {
	display: inline;
	font-weight: normal;
	font-size: inherit;
	margin: 0;
}

#submission-form .gform_footer {
	margin: 0;
	padding: 0;
}

/* Legacy .popup input[type=submit] look, restated to beat GF theme CSS. */
#submission-form .gform_footer input[type=submit] {
	background: -webkit-gradient(linear, left top, left bottom, from(#26506F), to(#1B4766));
	background: linear-gradient(#26506F, #1B4766);
	border: medium none;
	border-radius: 3px;
	clear: both;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: right;
	font-family: "Economica", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	height: 30px;
	letter-spacing: 0.1em;
	margin-top: 20px;
	text-align: center;
	padding: 0 10px;
	line-height: 30px;
	width: auto;
}

#submission-form .gform_ajax_spinner {
	margin-left: 8px;
	vertical-align: middle;
}

/* Confirmation message (legacy #submission-confirmation look). */
#submission-form .gform_confirmation_message {
	display: block;
	color: #4e4e4e;
}

#submission-form .gform_confirmation_message a.button {
	float: right;
	margin-top: 20px;
	line-height: 30px;
	text-decoration: none;
}

/* GF validation errors, kept legible inside the gray popup. */
#submission-form .gform_validation_errors {
	padding: 8px;
	margin-bottom: 12px;
	border: 1px solid #c02b0a;
	background: #fff;
}

#submission-form .gfield_validation_message {
	color: red;
	font-size: 12px;
	margin-top: 2px;
}