.priceCalculator {
	/* overflow: auto; */
}

.priceCalculator * {
	box-sizing: border-box;
}

.priceCalculator .maincol1,
.priceCalculator .maincol2,
.priceCalculator .maincol3 {
	width: 400px;
	margin-right: 20px;
	float: left;
	/* overflow: hidden; */
}

.priceCalculator .maincol3 {
	margin-right: 0;
}

.priceCalculator .priceHeader {
	width: 672px;
	max-width: 100%;
	float: right;
	overflow: hidden;
	text-align: left;
	margin: 20px 0 48px 0;
}

.priceCalculator .priceHeader h1 {
	font-size: 22px;
}

.priceCalculator .section_container {
	float: left;
	width: 100%;
	position: relative;
	background: #171717;
	margin-bottom: 16px;
}

.priceCalculator .section_container#calcBereken {
	background: transparent !important;
}

.priceCalculator .section_container.autoselected {
	background: #18ad4c !important;
	display: none !important;
}

.priceCalculator .section_number {
	float: left;
	width: calc(100% - 688px);
	position: relative;
	left: 0%;
	overflow: hidden;
	padding: 50px 20px;
}

.priceCalculator .section_container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	border-bottom: 60px solid #fff;
	border-right: 60px solid transparent;
}

/* vlakken/secties van de opties */
.priceCalculator .section {
	background-color: #F5F5F5;
	/* block-thema grijstint */
	padding: 20px 20px 8px;
	font-family: 'Ubuntu';
	float: left;
	width: 400px;
	position: relative;
	right: 0;
	/* overflow: hidden; */
	margin: 0 0 20px;
	border-radius: 4px;

}

.priceCalculator.reorder .section {
	width: 100%;
}

.priceCalculator #calcBereken .section {
	background-color: transparent;
	padding-left: 0;
}

.priceCalculator .section_number .content {
	float: right;
	font-size: 100px;
	font-weight: bold;
	color: #fff;
}

.priceCalculator .section_container.selected {
	background-color: #18ad4c;
}

.priceCalculator .section_container.selected .section_number .content {
	color: #171717;
}

.priceCalculator .titel,
.priceCalculator #fileupload .titel {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
	color: #141414;
}

.priceCalculator .subtitle__wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
	position: relative;
}

.priceCalculator .subtitle {
	font-weight: bold;
}

.priceCalculator #fileupload .titel:before {
	display: inline-block;
	content: url(../img/info-blauw.svg);
	font-size: 20px;
	width: 16px;
	height: auto;
	vertical-align: middle;
	margin-right: 10px;
}

.priceCalculator .subtitel {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	clear: both;
}

.priceCalculator .section .option {
	font-family: "Ubuntu";
	width: 100%;
	background-color: #fff;
	margin: 0 8px 8px 0;
	/*float: left;*/
	text-align: left;
	cursor: pointer;
	color: #141414;
	/* tekst kleur van het woord "afwijkend", onderlijn van de hover buttons */
	padding: 7px 10px;
	font-size: 16px;
	position: relative;
	line-height: 20px;
	border: 1px solid #ADADAD;
	/* border van de opties */
	border-bottom: 2px solid #ADADAD;
	border-radius: 4px;
}

.priceCalculator .section .option--extra-top-margin {
	margin-top: 16px;
}


.summary .info_button {
	cursor: help;
}

.priceCalculator .section .option .info_button {
	float: right;
	padding: 1px 0px;
	/* 2px 6px; */
	font-weight: bold;
	font-size: 20px;
	color: #969696;
}


.priceCalculator .section .info_button::before {
	display: inline-block;
	content: url(../img/info-grijs.svg);
	font-size: 20px;
	width: 20px;
	height: auto;
	vertical-align: middle;
	margin-right: 0px;
	cursor: help;
}

.priceCalculator .section .hide_info .info_button {
	display: none;
}

.priceCalculator #fileupload {
	border: 1px solid #0088ff;
	border-radius: 4px;
	background-color: #ebf6ff;
	padding: 16px;
	margin-bottom: 20px;
}

.priceCalculator .info_popup {
	font-family: "Ubuntu";
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	position: absolute;
	font-style: normal;
	z-index: 1000;
	bottom: 100%;
	right: 9999px;
	width: 160px;
	margin-right: 14px;
	/* width + left/right padding */
	padding: 10px;
	color: #fff;
	background: rgb(23, 23, 23);
	-webkit-box-shadow: 2px 2px 5px #aaa;
	-moz-box-shadow: 2px 2px 5px #aaa;
	box-shadow: 2px 2px 5px #aaa;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-out;
	-moz-transition: opacity 250ms ease-out;
	-ms-transition: opacity 250ms ease-out;
	-o-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
}

.priceCalculator .info_popup--wide {
	width: 100%;
}

/* .priceCalculator .info_popup:before {
	content: ' ';
	position: absolute;
	bottom: 18px;
	bottom: -16px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right-color: rgb(23, 23, 23);
	transform: rotate(-90deg);
	right: 20px;
	left: 72px
}
*/
.info_popup b {
	font-weight: bold;
}

.summary .info_titel {
	position: relative;
	width: auto;
}

.summary .info_button {
	cursor: help;
	margin: 2px 0 0 7px;

}

.priceCalculator .section .info_button:hover .info_popup,
.summary .info_button:hover .info_popup {
	right: -16px;
	opacity: 1;
}

.summary .info_button:hover .info_popup {
	position: absolute;
	cursor: help;
	left: 0;
	top: 23px;
	width: 100%;
	height: auto;
	overflow: hidden;
}


.summary .info_button:hover .info_popup ul {
	padding-bottom: 0;
}

.summary .info_button:hover .info_popup ul li {
	line-height: 1.2em;
	padding-bottom: 10px;

}

.priceCalculator .tooltip {
	position: relative;
	display: inline-block;
}

.priceCalculator .tooltip .tooltiptext {
	visibility: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-family: "Ubuntu";
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	/* position: absolute;
	bottom: 0px;
	*/
	z-index: 10;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.priceCalculator .tooltip:hover .tooltiptext {
	visibility: visible;
	cursor: default;
}

.priceCalculator .schutbladen .suboption1 .tooltiptext,
.priceCalculator .schutbladen .suboption3 .tooltiptext {
	color: #171717;
}

.priceCalculator .kapitaalbandjes .tooltip .tooltiptext {
	color: rgb(23, 23, 23);
	padding-top: 8px;
}

.priceCalculator .leeslintjes .tooltip .tooltiptext {
	color: rgb(23, 23, 23);
	padding-left: 16px;
}

.priceCalculator input[type=text] {
	border: 1px solid #ADADAD;
	/* input velden, zoals afwijkend formaat */
	border-bottom: 2px solid #ADADAD;
	font-size: 16px;
	border-radius: 4px;
}

.priceCalculator .section .option .option_content {
	min-height: 22px;
}

.priceCalculator .section .width_height {
	padding: 5px 7px 7px 7px;
	background-color: #F5F5F5;
	/* block-thema grijstint */
	border-color: #F5F5F5;
	/* block-thema grijstint */
	margin-bottom: 0;
}

.priceCalculator .width_height input {
	background-color: #fff;
}

.priceCalculator .section .hover {
	/* background-color: #F5F5F5; */
	border: 1px solid #141414;
	/* button-selectie hover */
	border-bottom: 2px solid;
}

.priceCalculator .section .hover .radio_block {
	color: #141414 !important;
}

.priceCalculator .section .hli {
	background-color: #E9FCEF;
	border: 1px solid #18AD4C;
	/* button-selectie geselecteerd */
	border-bottom: 2px solid #18AD4C;
}

.priceCalculator .section .hli:hover {
	background-color: #E9FCEF;
	border: 1px solid #18AD4C;
	/* button-selectie geselecteerd hover */
	border-bottom: 2px solid #18AD4C;
}

.priceCalculator .width_height.hover {
	background-color: #F5F5F5;
	/* block-thema grijstint */
	border-color: #F5F5F5;
	/* block-thema grijstint */
}

.priceCalculator .width_height.hli {
	background-color: #F5F5F5;
	border-color: #F5F5F5;
}

.priceCalculator .width_height.hli.hover {
	background-color: #F5F5F5;
	border-color: #F5F5F5;
}

/* afwijkend formaat vlak */
.priceCalculator .width_height.hover {
	background-color: #F5F5F5 !important;
	/* block-thema grijstint */
}

.priceCalculator .width_height.hli {
	background-color: #F5F5F5;
	/* afwijkend formaat vlak */
}

.priceCalculator input.valid_input,
.priceCalculator .width_height input.valid_input {
	background-color: #F6FEF9;
	border: 1px solid #18ad4c;
	border-bottom: 2px solid #18AD4C;
}

.priceCalculator input.error,
.priceCalculator .width_height input.error,
#step3 .option.error {
	border: 1px solid #ff0033;
}


.priceCalculator .section .option img {
	display: none;
	margin: 10px 0 10px 35px;
	min-height: 78px;
	text-align: left;
}

.priceCalculator .section .option .radio_block {
	color: #141414;
	font-weight: 500;
}

.priceCalculator .section .hli .radio_block {
	color: #141414;
}

.priceCalculator .section .option .radio_block .preferred,
.priceCalculator .section label .preferred,
.priceCalculator .section .option .radio_block .new-option,
.priceCalculator .section label .new-option {
	background-color: #fff;
	color: #7A7A7A;
	/* meest gekozen optie */
	border: 1px solid;
	border-radius: 3px;
	height: 20px;
	padding: 3px 6px;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	margin-left: 20px;
	font-weight: 500;
}

.priceCalculator .section .option .radio_block .new-option,
.priceCalculator .section label .new-option {
	background-color: #fff;
	color: #ff7700;
}

.priceCalculator .section .option .radio_block .notavailable,
.priceCalculator .section label .notavailable {
	background-color: #000;
	color: #fff;
	height: 22px;
	padding: 0px 6px;
	font-size: 10px;
	line-height: 22px;
	text-transform: uppercase;
	margin-left: 20px;
	font-weight: 500;
	display: inline-block;
}

.priceCalculator .section .option .radio_block .notavailable .fas,
.priceCalculator .section label .notavailable .fas {
	margin-right: 5px;
	color: red;
}


.priceCalculator .section .hli .radio_block .preferred,
.priceCalculator .section .hover .radio_block .preferred,
.priceCalculator .section .hli .radio_block .new-option,
.priceCalculator .section .hover .radio_block .new-option {
	background-color: #fff;
	color: #7A7A7A;
	/* meest gekozen hover effect */
	border: 1px solid;
}

.priceCalculator .section .hli .radio_block .new-option,
.priceCalculator .section .hover .radio_block .new-option {
	background-color: #fff;
	color: #ff7700;
}

/*
.priceCalculator .section .hli .radio_block .info_button, .priceCalculator .section .hover .radio_block .info_button {
	color: #fff;
	background-color: #ff7700;
}
*/

.hli .radio_block .extraprice:after,
.hli .suboption.selected:after,
.priceCalculator input.valid_input:after,
.priceCalculator .width_height input.valid_input:after {
	display: inline-block;
	content: url(../img/checkmark-oranje.svg);
	font-size: 20px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 10px
}

.hli .suboption.selected:after {
	margin-top: -7px;
	margin-left: 26px;
}

.priceCalculator #calcLaminaat .section .option .radio_block {
	font-weight: 300;
}

.priceCalculator #calcLaminaat .section .option p {
	font-weight: 700;
}

.priceCalculator .section .option .radio_block input {
	display: none;
}

.priceCalculator .section input[type=text] {
	width: 140px;
	padding: 10px 10px;
	height: 40px;
}

/* inputvelden van afwijkend formaat */
.priceCalculator .section .option input[type=text] {
	width: 140px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	margin: 23px 10px 0 0;
	border-radius: 5px;
	font-size: 16px;
}

.priceCalculator .section.disabled {
	pointer-events: none;
	opacity: 0.1;
}

.priceCalculator .section .disabled {
	cursor: auto;
	background-color: #f4f4f4;
	color: #aaa !important;
	border: 1px solid #f4f4f4;
}

.priceCalculator .section .disabled input,
.priceCalculator .section .disabled .radio_block {
	color: #aaa !important;
}

.hide {
	display: none !important;
}

.priceCalculator .col1 {
	width: 312px;
	float: left;
	margin: 16px 16px 16px 0;
}

.priceCalculator .col2 {
	width: 312px;
	float: left;
	margin: 16px 16px 16px 0;
}

.priceCalculator .extra_option {
	clear: both;
}

.priceCalculator .extra_option .block {
	width: 148px;
	height: 148px;
	float: left;
	position: relative;
	background-color: #fff;
	padding: 8px;
	margin-top: 16px;
}


.colorTitle {
	display: inline-block;
	margin-right: 10px;
}

.priceCalculator .suboption input {
	display: none;
}

.priceCalculator .suboption {
	width: 18px;
	min-width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
	border-radius: 2px;
}

.priceCalculator .suboption.selected {
	margin: 0 26px 0 0;
}

.priceCalculator .schutbladen .radio,
.priceCalculator .extra_option .radio {
	margin-bottom: 8px;
}

.priceCalculator #step3 .titel {
	margin-bottom: 16px;
}

.priceCalculator #step3 .radio {
	margin: 0 0 20px;
}

.priceCalculator #step3 .section .radio:last-child {
	margin: 0;
}

.priceCalculator #calcReferentie input {
	width: 360px;
}

.priceCalculator #calcVerpakken hr {
	margin-bottom: 25px;
	color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
}

.priceCalculator #calcBedrukkingOmslag hr {
	margin: 25px 0;
	color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
}

.priceCalculator #kapitaalbandjesGekleurd,
.priceCalculator #leeslintjesGekleurd,
.priceCalculator #foliedrukGekleurd,
.priceCalculator #spotuvGekleurd {
	margin-bottom: 16px;
}

.priceCalculator #kapitaalbandjesGeen {
	margin-bottom: 15px;
}

.priceCalculator .schutbladen .suboption:hover {
	width: 18px;
	height: 18px;
}

.priceCalculator .suboption.selected {
	float: right;
	margin-top: 2px;
}

.priceCalculator .suboption.selected:hover {
	width: 18px;
	height: 18px;
}

.priceCalculator .schutbladen .suboption1 {
	background-color: #f1ed01;
}

.priceCalculator .schutbladen .suboption2 {
	background-color: #f76629;
}

.priceCalculator .schutbladen .suboption3 {
	background-color: #b5d63b;
	border: 2px solid #b5d63b;
}

.priceCalculator .schutbladen .suboption4 {
	background-color: #ff000d;
	border: 2px solid #ff000d;
}

.priceCalculator .schutbladen .suboption5 {
	background-color: #214990;
	border: 2px solid #214990;
}

.priceCalculator .schutbladen .suboption6 {
	background-color: #0d2941;
	border: 2px solid #0d2941;
}

.priceCalculator .schutbladen .suboption7 {
	background-color: #827979;
	border: 2px solid #827979;
}

.priceCalculator .schutbladen .suboption8 {
	background-color: #161616;
	border: 2px solid #161616;
}

.priceCalculator .schutbladen .hli {
	border: 1px solid #18AD4C;
	/* schutbladen buttons geselecteerd */
	border-bottom: 2px solid #18AD4C;
	opacity: 1;
}

.priceCalculator .extra_option .kapitaalbandjes .disabled,
.priceCalculator .extra_option .disabled .kapitaalbandjes {
	color: #aaa !important;
	background-color: #ececec;
	border: 0;
}

.disabled input+span:before {
	background: #D1D7E3;
}

.priceCalculator .extra_option .kapitaalbandjes .suboption:hover {
	border: 0px solid #ff7700;
	opacity: 1;
}


.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption1 {
	background-color: #f1ed01;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption2 {
	background-color: #f76629;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption3 {
	background-color: #8ba81f;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption4 {
	background-color: #b9262d;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption5 {
	background-color: #19376e;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption6 {
	background-color: #faf8f3;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption7 {
	background-color: #515c5c;
}

.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption8 {
	background-color: #000000;
}


.priceCalculator #foliedrukGeen {
	margin-bottom: 15px;
}

.priceCalculator .extra_option .foliedruk .disabled,
.priceCalculator .extra_option .disabled .foliedruk {
	color: #aaa !important;
	background-color: #ececec;
	border: 0;
}

.priceCalculator #foliedrukGekleurd .suboption1 {
	background-color: #d4af37;
	background: linear-gradient(to right, #d4af37, #ead79b, #d4af37);
}

.priceCalculator #foliedrukGekleurd .suboption2 {
	background-color: #aaa9ad;
	background: linear-gradient(to right, #aaa9ad, #d5d4d6, #aaa9ad);
}

.priceCalculator #foliedrukGekleurd .suboption3 {
	background-color: #d58f8f;
	background: linear-gradient(to right, #d58f8f, #ffd6d6, #d58f8f);
}

.priceCalculator #foliedrukGekleurd .suboption4 {
	background-color: #d48e37;
	background: linear-gradient(to right, #d48e37, #fbdea6, #d48e37);
}

/*
.priceCalculator .extra_option .leeslintjes .suboption:hover {
	border: 2px solid #18ad4c;
	opacity: 1;
}
*/

.priceCalculator .extra_option #leeslintjesGekleurd .suboption1 {
	background-color: #fecb01;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption2 {
	background-color: #f76629;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption3 {
	background-color: #8ba81f;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption4 {
	background-color: #aa2329;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption5 {
	background-color: #3b588d;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption6 {
	background-color: #faf8f3;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption7 {
	background-color: #5f5c5c;
}

.priceCalculator .extra_option #leeslintjesGekleurd .suboption8 {
	background-color: #000000;
}

/*
.priceCalculator .extra_option .leeslintjes .hli {
	border: 2px solid #18ad4c;
	opacity: 1;
	background-color: inherit;
}*/


.priceCalculator .optie_error {
	color: #ff0033;
	width: 100%;
	margin-bottom: 16px;
}

.priceCalculator .radio.error span:first-of-type {
	color: #ff0033 !important;
}

.priceCalculator.reorder .section_container:after {
	border-bottom: 0;
	border-right: 0;
}

.priceCalculator.reorder .section {
	border-left: 0;
}

.priceCalculator.reorder .label {
	text-align: left;
}


.priceCalculator.reorder .section_container {
	background: none;
}

.priceCalculator.reorder a#calc_reorder:hover,
.priceCalculator.reorder a#addToCartReorder:hover {
	background-color: #18ad4c !important;
	color: #171717 !important;
	;
}

.radio {
	margin: 2px 0;
	display: block;
	cursor: pointer;
}

.radio input {
	display: none;
}

.radio input+span {
	line-height: 18px;
	height: 18px;
	padding-left: 18px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 16px;
}

.radio input+span:not(:empty) {
	padding-left: 30px;
}

.radio input+span:before,
.radio input+span:after {
	content: '';
	width: 18px;
	height: 18px;
	display: block;
	border-radius: 50%;
	left: 0;
	top: 0;
	position: absolute;
}

.radio input+span:before {
	background: #D1D7E3;
	transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
	transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
	transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.radio input+span:after {
	background: #fff;
	-webkit-transform: scale(0.78);
	transform: scale(0.78);
	transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.radio input:checked+span:before {
	-webkit-transform: scale(1.00);
	transform: scale(1.00);
	background: #18AD4C;
}

.disabled .radio input:checked+span:before {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	background: #D1D7E3;
	;
}


.radio input:checked+span:after {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
}

.radio:hover input+span:before {
	-webkit-transform: scale(0.92);
	transform: scale(0.92);
}

.radio:hover input+span:after {
	-webkit-transform: scale(0.74);
	transform: scale(0.74);
}

.radio:hover input:checked+span:after {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

.priceCalculator #calcBestanden .radio span:first-of-type {
	width: 300px;
}

.priceCalculator #calcBereken .section .summary,
.priceCalculator .summary {
	background-color: #ececec;
	padding: 16px;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 2.75%;
	overflow: hidden;
}

.priceCalculator .overview {
	font-size: 22px;
	padding-bottom: 16px;
	font-weight: 700;
}

.priceCalculator .label {
	width: 200px;
	float: left;
	clear: both;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}

.priceCalculator .value {
	float: left;
	text-align: left;
}

.priceCalculator .afwerking {
	width: 440px;
}

.priceCalculator #pages_warning {
	margin-left: 16px;
	color: #ff0033;
	font-weight: 400;
}

.priceCalculator .log {
	background-color: #ffe;
	padding: 16px;
	font-size: 12px;
	line-height: 13px;
	width: 100%;
	margin: 20px 0;
}

.priceCalculator a#calcReOrderBestel,
.priceCalculator a#calcOrder,
.priceCalculator a#continueAfterLogin,
.priceCalculator a#calcBestel,
.priceCalculator #calcBereken a,
.priceCalculator a#addToCart {
	background-color: #18ad4c;
	border: 1px solid #117A36;
	border-bottom: 4px solid #117A36;
	color: #fff;
	margin-left: 20px;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 4px;
	text-decoration: none !important;
	text-transform: none;
	font-size: 20px;
	font-weight: 500;
	width: 190px;
	text-align: center;
	height: 50px;
}

.priceCalculator a#calcBestel {
	width: 190px;
	text-align: center;
}

.priceCalculator a#mailOffer {
	color: #141414;
	background-color: #fff;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 4px;
	border: 1px solid #ADADAD;
	border-bottom: 4px solid #ADADAD;
	text-decoration: none !important;
	text-transform: none;
	float: left;
	font-size: 20px;
	font-weight: 500;
	width: 190px;
	height: 50px;
}

.priceCalculator a#returnStep1 {
	color: #141414;
	background-color: #fff;
	padding: 10px 15px;
	line-height: 20px;
	border-radius: 4px;
	border: 1px solid #ADADAD;
	border-bottom: 4px solid #ADADAD;
	text-decoration: none !important;
	text-transform: none;
	float: left;
	font-size: 20px;
	font-weight: 500;
	width: 190px;
	text-align: center;
	height: 50px;
}

.priceCalculator a#sendMail {
	margin-left: 0;
}

.priceCalculator a#calcReOrderBestel,
.priceCalculator a#calcBestel,
.priceCalculator a#calcOrder {
	float: right;
}

.priceCalculator a#continueAfterLogin {
	text-align: center;
}

.priceCalculator .fullcenter {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.priceCalculator #calcOplage,
.priceCalculator #calcTotal {
	background-color: #141414;
	/* totaal prijs vlak */
	color: #fff;
	padding-bottom: 20px;
	margin-bottom: 40px;
}


.priceCalculator #calcOplage .titel,
.priceCalculator #calcTotal .titel {
	color: #fff;
}

/* download werktekening button*/
.priceCalculator #calcOplage a,
.priceCalculator #calcTotal a {
	color: #F5F5F5;
	/* font-weight: bold; */
	text-decoration: underline;
}

/* klantgroep (rechts onder in het zwarte vlak) */
.priceCalculator .identifier {
	float: right;
	font-size: 12px;
	font-weight: 400;
	color: #ADADAD;
	line-height: 1.1em;
}

#bezorgKosten,
#opgaveMailen,
.rugDikte {
	margin-top: 20px;
}

.priceCalculator .OplageError {
	margin-left: 20px;
	color: #ff0033;
	font-weight: 500;
}

/* rugdikte + werktekening text */
.priceCalculator .oplage_tekst {
	font-size: 16px;
	color: #F5F5F5;
	line-height: 1.1em;
	clear: both;
	font-weight: 400;
}

.priceCalculator .oplageTitel {
	float: left;
}

/* toon / verberg staffelprijzen */
.priceCalculator #toonstaffelprijzen,
.priceCalculator #verbergstaffelprijzen {
	text-decoration: underline;
	cursor: pointer;
	font-weight: 400;
	color: #F5F5F5;
}

.priceCalculator .btw {
	float: right;
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	color: #ADADAD;
}

/* Prijzen zijn exclusief btw. text in het zwarte vlak onderaan*/
.priceCalculator .inex {
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	margin-right: 10px;
	vertical-align: top;
	font-weight: 400;
	color: #ADADAD;
}

.priceCalculator .totaalPrijsBlok {
	float: left;
	font-weight: 500;
	color: #ADADAD;
	/* 100 stuks - per stuk*/
}

.priceCalculator #calcTotal .totalText {
	line-height: 48px;
	font-weight: 700;
	color: #fff;
	/* totaal prijs 2de pagina */
}

.priceCalculator #totaalprijs,
.priceCalculator #total,
.priceCalculator .totalText {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 48px;
}

.priceCalculator .gratisBezorgd {
	float: left;
	margin-bottom: 20px;
	font-weight: 500;
	color: #18ad4c;
}

.priceCalculator .gratisBezorgd::before {
	display: inline-block;
	content: url(../img/checkmark-groen.svg);
	font-size: 20px;
	width: 16px;
	height: auto;
	vertical-align: middle;
	margin-right: 10px;
}

.priceCalculator #total {
	margin: 20px 0 0;
}

.priceCalculator .clear {
	clear: both;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	margin-left: 10px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #7A7A7A;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 1px;
	bottom: 1px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #FF7700;
	/* actieve kleur van de BTW slider */
}

input:focus+.slider {
	box-shadow: 0 0 1px #fff;
}

input:checked+.slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* prijs berekenen button ORIGINEEL */
x.priceCalculator #calc,
x.priceCalculator #calcReorder {
	background-color: #0070FF;
	color: #fff !important;
	/* padding-top: 0.5rem; */
	padding-right: 1.5rem;
	/* padding-bottom: 0.5rem; */
	padding-left: 1.5rem;
	line-height: 38px;
	border-radius: 4px;
	height: 40px;
	border: solid 1px #005ACC;
	border-bottom: solid 2px #005ACC;
	text-decoration: none !important;
	text-transform: none;
	float: right;
	font-size: 16px;
	font-style: normal;
	/* font-weight: 500; */
	font-weight: 500 !important;
	text-align: center;
	width: 190px;
}

/* prijs berekenen button */
.priceCalculator #calc,
.priceCalculator #calcReorder {
	background-color: #0070FF;
	border: solid 1px #005ACC;
	border-bottom: 3px solid #005ACC;
	color: #fff !important;
	margin-left: 20px;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 4px;
	text-decoration: none !important;
	text-transform: none;
	float: right;
	font-size: 18px;
	font-style: normal;
	font-weight: 500 !important;
	text-align: center;
	width: 200px;
	height: 45px;
}

.priceCalculator #calc:hover,
.priceCalculator #calcReorder:hover {
	background-color: #005ACC;
}

/* oplage prijs bereken vlak */
.priceCalculator .oplageCalc input[name="oplage"] {
	margin-bottom: 32px;
	height: 45px;
}

.priceCalculator .oplageCalc input[name="oplage"]:focus {
	background-color: #fff;
	/* of een andere lichte kleur */
	border: 2px solid #0070FF;
	/* kleur voor de focusrand */
	color: #141414;
	/* tekstkleur */
	outline: none;
	/* standaard browser-outline uitzetten */
}


.priceCalculator .hogereOplageGewenst {
	color: #ff0033;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.priceCalculator .hogereOplageGewenst a {
	color: #ff0033 !important;
	text-decoration: underline;
	text-transform: none;
	font-weight: 500 !important;
}


.priceCalculator .hogereOplage {
	background-color: #3D3D3D;
	border: solid 1px #292929;
	border-bottom: solid 2px #292929;
	color: #F5F5F5;
	padding: 5px 10px;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
	cursor: pointer;
	border-radius: 4px;
}

.priceCalculator .hogereOplage:hover {
	background-color: #ADADAD;
	color: #fff;
}

.priceCalculator .extraprice {
	color: #ADADAD;
	float: right;
	font-weight: 500;
	padding-left: 8px;
}

/*
.priceCalculator .hover .extraprice {
	color: #fff;
}
*/

.priceCalculator .extraprice#schutbladen_blanco {
	padding-right: 10px;
}

.priceCalculator #calcBereken a:after,
.priceCalculator a#addToCart:after,
.priceCalculator a#sendMail:after {
	text-shadow: 0 0;
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none;
	/*speak: none; */
	position: absolute;
	margin-left: 0;
	opacity: 1;
}

/*
.priceCalculator #calcBereken a:hover, .priceCalculator a#addToCart:hover, .priceCalculator a#sendMail:hover {
	color: #171717;
	background-color: #fff;
	border: 2px solid #18ad4c;
}
*/
.priceCalculator .letop_header {
	margin-top: 20px;
	font-weight: bold;
	clear: both;
}

.priceCalculator a#addToCart {
	margin-right: 20px;
}

.priceCalculator .letop a {
	font-weight: bold;
	border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}

.priceCalculator .letop a:hover {
	border: none;
}

.priceCalculator #bestandencontainer.inValid,
.priceCalculator #controlecontainer.inValid,
.priceCalculator #proefcontainer.inValid {
	border: 2px solid #ff0033;
	padding: 5px 0;
}

.priceCalculator #mailPopup,
.priceCalculator #step2 {
	position: fixed;
	z-index: 99999;
	padding-top: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.7);
}

.priceCalculator .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 16px;
	border: 1px solid #888;
	width: 80%;

	position: absolute;
	top: 50%;
	left: 50%;
	width: 432px;
	/* adjust as per your needs */
	/* height:340px;   /* adjust as per your needs */
	margin-left: -216px;
	/* negative half of width above */
	margin-top: -216px;

}

.priceCalculator .modal-content h3 {
	font-size: 20px;
	font-weight: 500;
}

.priceCalculator .block_grey {
	background-color: #f1f1f1;
	padding: 16px;
}

.priceCalculator .mailInput input {
	margin: 10px 0 0;
	border: 1px #acacac solid;
	border-radius: 5px;
}

.priceCalculator .mailInput input::placeholder {
	color: #acacac;
}

.priceCalculator .mailInput select {

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	background: #fff;
	background-image: none;
	border: 1px solid #acacac;
}

.priceCalculator .mailInput .select {
	margin: 10px 0 0 0;
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	background: #acacac;
	overflow: hidden;
	border-radius: 5px;
}

.priceCalculator .mailInput select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 9px;
	color: #141414;
	cursor: pointer;
	font-size: 16px;
}

.priceCalculator .mailInput select::-ms-expand {
	display: none;
}

.priceCalculator .mailInput .select::after {
	content: '\25BC';
	position: absolute;
	top: 8px;
	right: 0;
	bottom: 0;
	padding: 2px 16px;
	background: rgba(0, 0, 0, 0);
	color: #141414;
	pointer-events: none;
	font-size: 14px;
}

.priceCalculator .mailInput .select::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.priceCalculator .modal-content input {
	padding: 10px;
	width: 100%;
}

.priceCalculator #brancheText {
	color: #999999;
	font-size: 12px;
	line-height: 1.2em;
	margin: 10px 0;
}

.priceCalculator #privacyText {
	color: #999999;
	font-size: 12px;
	line-height: 1.2em;
	margin: 10px 0;
	padding: 0 16px;
}

.priceCalculator #brancheText a,
.priceCalculator #privacyText a {
	color: #999999;
}


.priceCalculator .modal-content label {
	display: block;
	padding-left: 30px;
	text-indent: -20px;
	line-height: 1.2em;
}

.priceCalculator .modal-content input#newsLetter {
	width: 20px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	left: -10px;
}

.priceCalculator .modal-content input[type="checkbox"] {
	accent-color: #18ad4c;
	color: #18ad4c;
}

.priceCalculator a#sendMail,
.priceCalculator a#closebutton {
	background-color: #18ad4c;
	width: 100%;
	font-size: 20px;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 5px;
	text-decoration: none !important;
	text-transform: none;
	display: block;
	text-align: center;
}

#mailBranche.inValid {
	border-color: #ff0000;
}

.priceCalculator .modelOrderContent {
	background-color: #fefefe;
	margin: auto;
	padding: 19px;
	border: 1px solid #888;
	width: 80%;

	position: absolute;
	top: 50%;
	left: 50%;
	width: 860px;
	/* adjust as per your needs */
	height: 800px;
	/* adjust as per your needs */
	margin-left: -430px;
	/* negative half of width above */
	margin-top: -400px;
}

.modelOrderContent .col1 {
	width: 400px;
	margin-right: 20px;
	float: left;
}

.modelOrderContent .col2 {
	width: 400px;
	margin-right: 0px;
	float: left;
}

.priceCalculator input.inValid {
	border: 1px solid #ff0033;
}

.priceCalculator #mailError {
	color: #ff0033;
	font-size: 14px
}

.priceCalculator .close {
	color: #717171;
	position: absolute;
	right: 1px;
	top: -7px;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.statusLine {
	margin-bottom: 16px;
}

.statusLine #status1,
.statusLine #status2,
.statusLine #status3,
.statusLine #status4 {
	display: inline-block
}

.statusLine #title2 {
	margin-left: -80px;
}

.statusLine #title3 {
	margin-left: -80px;
}

.statusLine #title4 {
	margin-left: -40px;
}

.dotCurrent {
	height: 16px;
	width: 16px;
	background-color: #14ad4c;
	border-radius: 50%;
	display: flow-root;
}

.dotEmpty {
	height: 16px;
	width: 16px;
	border: 2px solid #14ad4c;
	border-radius: 50%;
	display: flow-root;
}

.dotChecked {
	height: 16px;
	width: 16px;
	background-image: url('../img/checkmark-groen.svg');
	border-radius: 50%;
	display: flow-root;
}

.statusplaceholder {
	width: 400px;
	height: 2px;
	background-color: #14ad4c;
	display: flow-root;
	margin: -8px 0 16px 16px;
}

#status1 .statusplaceholder {
	width: 386px;
}

#status2 .statusplaceholder {
	width: 404px;
}

#status3 .statusplaceholder {
	width: 384px;
}



@media all and (max-width: 980px) {
	.priceCalculator .section_container {
		max-width: 688px;
	}

	.priceCalculator .section .option {
		max-width: 100%;

	}

	.priceCalculator .section .option .radio_block .preferred,
	.priceCalculator .preferred,
	.priceCalculator .section .option .radio_block .new-option,
	.priceCalculator .new-option {
		display: none;
	}

	.priceCalculator .section .option .radio_block .notavailable,
	.priceCalculator .notavailable {
		display: none;
	}

	.priceCalculator .section_container:after {
		border-bottom: 0;
		border-right: 0;
	}

	.priceCalculator .section_number {
		left: 20px;
		padding: 20px;
	}

	.priceCalculator .section_number .content {
		font-size: 40px;
	}

	.priceCalculator .section {
		max-width: 688px;
		width: 100%;
		width: calc(100vw - 40px);
		border-left: 0;
	}

	.et_pb_row {
		min-width: 344px;
	}

	.priceCalculator #calcBereken .section_number {
		display: none;
	}

	.priceCalculator .label {
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
		text-align: left;
		font-weight: bold;
	}

	.priceCalculator .value {
		float: none;
		text-align: left;
		padding-bottom: 10px;
	}


	.priceCalculator .col1 {
		float: left;
		margin: 16px 16px 0 0;
	}

	.priceCalculator .col2 {
		float: left;
		margin: 8px 16px 16px 0;
	}


	.priceCalculator .modelOrderContent {
		background-color: #fefefe;
		margin: auto;
		padding: 19px;
		border: 1px solid #888;
		width: 100%;
		position: absolute;
		top: 5%;
		left: 5%;
		width: 90%;
		overflow: overlay;
	}

	.modelOrderContent .col1,
	.modelOrderContent .col2 {
		width: 100%;
	}

	.priceCalculator .modelOrderContent .section {
		width: calc(90vw - 40px);
	}

	.priceCalculator .modelOrderContent #calcBestanden .radio span:first-of-type {
		width: 100%;
	}

}