/* Algemeen
========================================================= */

#offerteForm  {}

body .gform_wrapper form .gform_body ul.gform_fields li.fullWidth {
	margin-left: 0px !important;
	width: 100%;
}
#offerteForm .gform_wrapper form .gform_body ul.gform_fields li.noLabel > label{
	display: none;
}
#offerteForm .gform_wrapper form .gform_body ul.gform_fields li.noLabel .ginput_container {
	margin-left: 0px!important;
	width: 100%;
}
#offerteForm .gform_wrapper .gfield_checkbox li label, 
#offerteForm .gform_wrapper .gfield_radio li label {
	font-size: 14px;
}

@media all and (min-width: 641px) {
	#offerteForm  div.ginput_complex.ginput_container.gf_name_has_2 span {
		width: 36%;
	}
}

/* head steps bar ----------- */
#offerteForm .gform_wrapper .gf_page_steps {
	border-bottom: 1px solid #e0005a;
}
#offerteForm .gform_wrapper .gf_step {
	margin: 0 5px 0 0;
	padding: 15px 10px 30px 10px;
	border-radius: 0 10px 0 0;
	text-transform: uppercase;
}
#offerteForm .gform_wrapper .gf_step.gf_step_active {
	border: 1px solid #0061a1;
	color: #0061a1;
	border-bottom: 0;
	font-weight: bold;
}

/* Footer buttons ----------- */

#offerteForm .gform_wrapper .gform_page_footer {
	text-align: center;
}
#offerteForm .gform_wrapper .gform_page_footer.left_label, 
#offerteForm .gform_wrapper .gform_page_footer.right_label {
	padding-left: 0px;
	padding-right: 0px;
}

#offerteForm .gform_wrapper .gform_page_footer .button {
	border: 1px solid #000;
	color: #fff;
	background-color: #000;
	padding: 10px 20px;
	font-weight: 600;
	min-width: 150px;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
#offerteForm .gform_wrapper .gform_page_footer .button.gform_button {}
#offerteForm .gform_wrapper .gform_page_footer .button.gform_previous_button {
	border-color: #0061a1;
	background-color: #0061a1;
} 
#offerteForm .gform_wrapper .gform_page_footer .button.gform_next_button {
	border-color: #e0005a;
	background-color: #e0005a;
}
	#offerteForm .gform_wrapper .gform_page_footer .button:hover { 
		background-color: #fff; 
		color: #000; 
	}
	#offerteForm .gform_wrapper .gform_page_footer .button.gform_previous_button:hover { color: #0061a1; } 
	#offerteForm .gform_wrapper .gform_page_footer .button.gform_next_button:hover { color: #e0005a; }

/* Stap 1: Premie berekenen
========================================================= */
#gform_page_3_1 {}

/* Stap 2: Verzekering keuze
========================================================= */
#gform_page_3_2 {}
#gform_page_4_2 ul#gform_fields_4_2,
#gform_page_3_2 ul#gform_fields_3_2{
	display: inline-block;
	width: 60%;
	width: 100%;
}
#gform_page_4_2 #field_4_1 label.gfield_label ,
#gform_page_3_2 #field_3_1 label.gfield_label { 
	display: none; 
}
body #gform_page_4_2 #field_4_1 .ginput_container.ginput_container_checkbox ,
body #gform_page_3_2 #field_3_1 .ginput_container.ginput_container_checkbox {
	margin-left: 0px!important;
	width: 100%;
}
#gform_page_4_2 #field_4_1 .ginput_container_checkbox ul ,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox ul { 
	width: 100%; 
}

#gform_page_4_2 #field_4_1 .ginput_container_checkbox li ,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox li {
	display: inline-block;
	float: left;
	width: 100%;
	padding: 10px !important;
	border: 1px solid #dadada;
	border-left-color: #e0005a;
	margin: 0 0 10px 0;
	border-radius: 0 10px 0 0;
}

/* Kosten --------------- */
#gform_page_4_2 .cost,
#gform_page_3_2 .cost{
	display: inline-block;
	float: right;
	font-size: 17px;
	transition: all 0.3s ease 0s; 
}
#gform_page_4_2 .unchecked .cost,
#gform_page_3_2 .unchecked .cost{
	color: #dadada;
}
#gform_page_4_2 .newrow .label,
#gform_page_3_2 .newrow .label{ 
	display: inline-block;
	float: left;
	margin-left: 20px;

}
#gform_page_4_2 #field_4_1 .ginput_container_checkbox li label,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox li label, 
#gform_page_4_2 .newrow .label ,
#gform_page_3_2 .newrow .label {
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}

#gform_page_4_2 #field_4_1 .ginput_container_checkbox li.Subtotaal,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox li.Subtotaal,
#gform_page_4_2 #field_4_1 .ginput_container_checkbox li.Totaal,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox li.Totaal {
	border-radius: 0;
	border: 0px solid;
	border-top: 2px solid #0061a1;
	margin-bottom: 20px;
	color: #0061a1;
	font-weight: bold;
	text-transform: uppercase;
}
#gform_page_4_2 #field_4_1 .ginput_container_checkbox li span ,
#gform_page_3_2 #field_3_1 .ginput_container_checkbox li span {
	display: inline-block;
	width: 100%;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
}


/* Stap 3: Extra info
========================================================= */
#gform_page_3_3 {}

/* Stap 4: NAW
========================================================= */
#gform_page_3_4 {}

/* kostenOverzicht oud
========================================================= */
.kostenOverzicht {
	display: inline-block;
	float: right;
	width: 40%;
	background-color: #0061a1;
	color: #fff;
	padding: 10px;
}
.kostenOverzicht h3{ color: #fff; }
.kostenOverzicht p{ padding-bottom: 5px; }
.kostenOverzicht table { max-width: 100%; }
.kostenOverzicht table td{ 
	padding: 1px; 
	font-size: 12px;
}
.kostenOverzicht table tr td:nth-child(2){ 
	text-align: right;
}
/* Recaptcha
========================================================= */
@media all and (max-width: 479px) {
	.ginput_container.ginput_recaptcha {
	    transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	    transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	}
}

/* ====================================================================
// Updated form specific, for updated Gravityforms
// .gform_wrapper.gravity-theme
==================================================================== */

body .gform_wrapper.gravity-theme .updatedForm .gform_body select {
	padding: 8px;
}

	/* Responsive Styles Tablet Portrait */
	@media all and (max-width: 768px) {
		body .gform_wrapper.gravity-theme .updatedForm .gform_footer.left_label {
			padding: 0;
		}
		body .gform_wrapper.gravity-theme .updatedForm .gform_footer .button {
			width: 100%;
		}	
	}

/* ====================================================================
// Offerte forms style for the updated version 
// .gform_wrapper.gravity-theme
==================================================================== */	
body #offerteForm .gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset), 
body #offerteForm .gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
	align-items: center;
}
body #offerteForm .gform_wrapper.gravity-theme .gfield_label {
	font-size: 14px;
	padding-right: 10px;
}
body #offerteForm .gform_wrapper.gravity-theme .left_label .et-box {
	width: 100%;
}	
body #offerteForm .gform_wrapper.gravity-theme .gf_step {
	padding: 10px 8px 10px 1px;
}
	body #offerteForm .gform_wrapper.gravity-theme .gf_step:not(.gf_step_active) .gf_step_number,
	body #offerteForm .gform_wrapper .gf_step:not(.gf_step_active) {
		color: #0000001f;
	}
	body #offerteForm .gform_wrapper.gravity-theme .gf_step:not(.gf_step_active) .gf_step_number::before {
		content: none;
	}
body #offerteForm .gform_wrapper.gravity-theme .gf_step_number {

	background: none;
	border: none;
	color: #0061a1;
	height: 20px;
	width: 20px;
}
body #offerteForm .gform_wrapper.gravity-theme .gf_step_label {
	padding-left: 0;
}
	/* Responsive Styles Smartphone Portrait */
	@media all and (max-width: 479px) {
		body #offerteForm .gform_wrapper.gravity-theme .left_label .gfield_html_formatted, 
		body #offerteForm .gform_wrapper.gravity-theme .right_label .gfield_html_formatted {
			margin-left: 0;
		}
		body #offerteForm .gform_wrapper.gravity-theme .gf_step {
			width: 100%;
		}
	}