form{
	margin: 0px;
	padding: 0px;
}

input[type="text"], input[type="password"] {
	width: 100%;
	background: none;
	background-color: #F3F3F3;
	border: solid 1px #DCDCDC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	color: #000;
	padding: 13px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

textarea {
	width: 100%;
	height: 79px;
	background: none;
	background-color: #F3F3F3;
	border: solid 1px #DCDCDC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	color: #000;
	padding: 13px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 6px;
	resize: none;
	font-family: 'Arial';
}

select {
	width: 100%;
	background: url(../images/icon_selectarrow.png) no-repeat right 10px center;
	background-size: 15px;
	background-color: #F3F3F3;
	border: solid 1px #DCDCDC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	color: #000;
	padding: 13px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
}
.subchaptercontent select, .subchaptercontent input{
	color: #F3F3F3;
}




.subchaptercontent select, .activiteitentabscontent .formitem > .row .column input{
	background-color: #FFF;
	color: #FFF;
}
.subchaptercontent .selectedcheckbox select, .activiteitentabscontent .formitem > .row.selectedcheckbox .column input{
	background-color: #F3F3F3;
	color: #000;
}

.activiteitentabscontent .formitem > .row.selectedcheckbox .column input[data-modified="1"]{
	color: #045891;
}
.activiteitentabscontent .formitem > .row.selectedcheckbox .column .itemprice input[data-modified="1"]{
	color: #FF0000;
}

.subchaptercontent ::placeholder {
  color: #F3F3F3;
  opacity: 1;
}

.subchaptercontent :-ms-input-placeholder {
  color: #F3F3F3;
}

.subchaptercontent ::-ms-input-placeholder {
  color: #F3F3F3;
}

.subchaptercontent .selectedcheckbox ::placeholder {
  color: #000;
  opacity: 1;
}

.subchaptercontent .selectedcheckbox :-ms-input-placeholder {
  color: #000;
}

.subchaptercontent .selectedcheckbox ::-ms-input-placeholder {
  color: #000;
}


input[type="button"], input[type="submit"] {
	margin: 0px;
	width: 92%;
	background: none;
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 13px;
	padding-left: 4%;
	padding-right: 4%;
	-webkit-appearance: none;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.3s ease-out;  /* IE10 */
	transition: all 0.3s ease-out;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #23272A;
}

button:not('.mce-tinymce button') {
	margin: 0px;
	width: 92%;
	background: none;
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 13px;
	padding-left: 4%;
	padding-right: 4%;
	-webkit-appearance: none;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.3s ease-out;  /* IE10 */
	transition: all 0.3s ease-out;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #23272A;
}

#uploadform #submitbtn{
	width: 48%;
	float: right;
}

#submitcancel{
	background-color: #f4f4f6;
	color: #818587;
	margin-right: 5px;
	width: 48%;
	float: left;
}
#submitcancel:hover{
	background-color: #EBEBEB;
}

.row.requiredrow input[type="text"], .row.requiredrow input[type="password"], .row.requiredrow textarea {
	border: solid 1px #FF0000 !important;
}
.row.requiredcheckboxrow .column:first-child{
	color: #fe0000;
}

.required{
	color: #fe0000;
	padding-left: 5px;
}
.requiredmessage{
	color: #fe0000;
	margin-bottom: 10px;
}

.formitem{
	display: table;
	width: 100%;
}
.formitem li{
	display: table-row;
}
.formitem li .column{
	display: table-cell;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}
.formitem li .column:first-child{
	padding-right: 25px;
}
.formitem li.linetop .column{
	border-top: solid 1px #045891;
	padding-top: 5px;
}

/** Klanten **/
.projectadresclass, .factuuradresclass{
	display: none !important;
}
.projectadresclass.visible, .factuuradresclass.visible{
	display: table-row !important;
}
.planninginstellingen .formdata[data-action="klantenformsave"] form .column:first-child{
	width: 210px;
}


/** Offerte **/
.row.hidden{
	display: none;
}
.hidden2{
	display: none !important;
}
.hidden3{
	display: none !important;
}
.hidden4{
	display: none !important;
}
.hidden5{
	display: none !important;
}
label.hidden{
	display: none !important;
}
.alwayshidden{
	display: none !important;
}

.row.section .column{
	height: 25px;
	padding-top: 30px;
}
.row.section:first-child .column{
	padding-top: 0px;
}
.row.section .column h2{
	right: 0px;
	left: 0px;
	position: absolute;
	margin-top: -25px;
	display: block;


	font-family: 'PoppinsRegular', 'Arial';
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

h2.section{
	margin-top: 20px;
	font-size: 18px;
	border-bottom: solid 1px #E1E1E1;
	padding-bottom: 5px;
}

/* Login form */
#loginForm input[type="text"], #loginForm input[type="password"]{
	text-align: center;
}
#loginForm input[type="submit"]{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.formmessage{
	color: #F47920;
	text-align: center;
	margin-top: 10px;
}


/* Search */
#tableviewsearch{
	display: inline-block;
	float: left;
	width: 30%;
	margin-left: 10px;
	text-align: left;
	outline: none;
	 -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	padding-left: 0px;
	background: none;
	border: none;
	border-bottom: solid 2px #CCC;
}
.tablesearchcontainer select{
	display: inline-block;
	float: left;
	width: 150px;
	margin-left: 10px;
	outline: none;
	background: none;
	border: none;
	border-bottom: solid 2px #CCC;
}



/* Activiteiten */
.activiteitentabscontent input[type="text"], .activiteitentabscontent select{
	padding: 8px;
	margin-left: 3px;
	margin-right: 3px;
}
.activiteitentabscontent .itemprice{
	width: 90px;
	font-size: 12px;
}
.activiteitentabscontent .itemprice.hiddenprice{
	display: none;
}
.activiteitentabscontent .itemprice input[type="text"]{
	background: none !important;
	border: none;
	border-bottom: solid 2px #CCC;
	font-size: 12px;
	max-width: 70px;
	text-align: right;
}

.subfields input{
	display: inline-block;
	max-width: 90px;
}
.subfields input.websitechoisebtn{
	max-width: 350px;
}
.subfields select{
	display: inline-block;
	max-width: 120px;
}
.subfields input.full{
	display: block;
	max-width: 100%;
}

.tussengeleider{
	display: none;
}
.tussengeleider.show{
	display: block;
}

.tussengeleiderscreen{
	display: none;
}
.tussengeleiderscreen.show{
	display: block;
}

.tussenstijl{
	display: none;
}
.tussenstijl.show{
	display: inline-block;
}


/** HPL Basisprijs **/
#hplbasisprijszijwangen_8850,
#hplbasisprijsfronten_8851,
#hplbasisprijsboeideel_8852,
#stelkozijn1_9564,
#stelkozijn2_13741,
#stelkozijn3_13742,
#stelkozijn4_13743,
#stelkozijn5_13744,
#stelkozijn6_13745,
#stelkozijn7_13746,
#stelkozijn8_13747,
#stelkozijn9_16405,
#stelkozijn10_16406,
#looddeel1_9565,
#looddeel2_16423,
#looddeel3_16424,
#looddeel4_16425,
#achterbak1_9585,
#achterbak2_16442,
#achterbak3_16443,
#achterbak4_16444,
#achterbak5_16445,
#achterbak6_16446,
#achterbak7_16447,
#dakbedekking2_16461,
#dakbedekking3_16462,
#rcwaardezijwangen2_16497,
#teopenenramenbewaard_19464,
#aantalkozijnenbewaard_19465,
#balkhoutplaatsing_19466,
#balkhoutplaatsingcls_19467,
#balkhoutplaatsingraggel_19468,
#exterieurbasisprijspaneelmateriaal_19408,
#exterieurbasisprijspaneel_14051,
#exterieurbasisprijspaneelmdf_19407,
#exterieurbasisprijsborstweringmateriaal_19409,
#exterieurbasisprijsborstwering_14071,
#exterieurbasisprijsborstweringmdf_19406
{
	display: none !important;
}


.tableview .column.hidden{
	display: none;
}


#uitvoering_27, #Stelkozijn_9564{
	max-width: 219px;
}

#onderslagbalktype_48, #onderslagbalktypemeer_203{
	max-width: 200px;
}
#onderslagbalkpositie_19517, #onderslagbalkpositiemeer_19518{
	max-width: 230px;
}
#onderslagbalkaantal_49, #onderslagbalkaantalmeer_204{
	width: 50px;
}

#meerofminderwerk1text_367,
#meerofminderwerk2text_368,
#meerofminderwerk3text_369,
#meerofminderwerk4text_370,
#plaatsing1text_371,
#plaatsing2text_372,
#plaatsing3text_373,
#plaatsing4text_374,
#meerofminderwerk1text_359,
#meerofminderwerk2text_360,
#meerofminderwerk3text_361,
#meerofminderwerk4text_362,
#plaatsing1text_363,
#plaatsing2text_364,
#plaatsing3text_365,
#plaatsing4text_366
{
	max-width: 320px;
}

#korting1keuze_3176btn,
#korting2keuze_3288btn,
#korting3keuze_3290btn,
#korting4keuze_3292btn,
#korting5keuze_3294btn{
	max-width: 500px;
}

#toeslagtype_19397, #toeslagtypemeer_19399{
	max-width: 340px;
}

.websitechoisewrapper.dontshow, #boeideelafgewerktmeteenmateriaalkraalralkleurmeer_19463.dontshow{
	display: none;
}

@media (min-width: 1320px){
	#leverenenplaatsendakraamtype_158btn,
	#leverenenplaatsendakraam2type_164btn,
	#leverenenplaatsendakraam3type_166btn,
	#leverenenplaatsendakraam4type_168btn,
	#leverenenplaatsendakraam5type_170btn,
	#leverenenplaatsendakraamtypemeer_315btn,
	#leverenenplaatsendakraam2typemeer_318btn,
	#leverenenplaatsendakraam3typemeer_321btn,
	#leverenenplaatsendakraam4typemeer_324btn,
	#leverenenplaatsendakraam5typemeer_327btn
	{
		max-width: 450px;
		width: 450px;
	}
}

.extraprice.hidden{
	display: none;
}
.extrapricebtn{
	color: #999;
	font-size: 12px;
	cursor: pointer;
}
.extrapricebtn:hover, .extrapricebtn.selected{
	color: #045891;
}


#extraovereengekomen_2830{
	height: 200px;
}

.hiddenselect{
	display: none !important;
}

/** Opvallende kleur **/
#uitvoering_27, #breedte_23, #hoogte_41, #dakschuinte_21, #teopenenramen_24, #aantalkozijnen_6584, #typekozijnenraam_25, #positiekraan_19526, #maattussendemuren_19527, #dakvlak_39, #dakvlakverdieping_1555, #positielinks_19458, #positierechts_19459, #aantaldakpannen_19513, #mmuitvloer_19514, #mmuitdakvoet_19515, #maattussendemuren_19528, #positiekraan_19527{
	background-color: #e7ebd2;
}

#typekozijnenraam_25{
	max-width: 215px;
}


#aantaldakpannen_19513, #mmuitvloer_19514, #mmuitdakvoet_19515, #maattussendemuren_19528{
	max-width: 60px;
}


#zonnepanelen_19401, #technischnameten_19752{
	max-width: 350px;
}

#aanhelendakbeschotbreedte_19524, #aanhelendakbeschothoogte_19525, #aanhelendakbeschotmeerbreedte_19522, #aanhelendakbeschotmeerhoogte_19523{
	max-width: 70px;
}

#balkhoutplaatsingofferteopafstand_19526{
	max-width: 350px;
}

.balkhoutplaatsing2onderbalk input[type="text"], .balkhoutplaatsing2bovenbalk input[type="text"], .balkhoutplaatsing2slapers input[type="text"]{
	max-width: 60px;
}
.balkhoutplaatsing2onderbalk .websitechoisebtn, .balkhoutplaatsing2bovenbalk .websitechoisebtn{
	max-width: 150px !important;
	min-width: 150px !important;
	margin-left: 80px !important;
	margin-top: -37px !important;
	position: absolute !important;
}
.balkhoutplaatsing2slapers .websitechoisebtn{
	margin-left: 0px !important;
	margin-top: 0px !important;
	max-width: 230px !important;
	min-width: 230px !important;
}
.balkhoutplaatsing2onderbalk desc, .balkhoutplaatsing2bovenbalk desc, .balkhoutplaatsing2slapers desc{
	position: absolute;
	margin-top: -28px;
	margin-left: 240px;
}
.balkhoutplaatsing2onderbalk .column{
	border-top: none !important;
	border-bottom: none !important;
	padding-bottom: 0px !important;
}
.balkhoutplaatsing2bovenbalk .column{
	border-bottom: none !important;
	padding-bottom: 0px !important;
}
.balkhoutplaatsing2onderbalk span .websitechoisebtnclear, .balkhoutplaatsing2bovenbalk span .websitechoisebtnclear{
	margin-top: -28px;
	left: 210px !important;
	z-index: 99;
}
.balkhoutplaatsing2onderbalk .websitechoisewrapper, .balkhoutplaatsing2bovenbalk .websitechoisewrapper{
	min-height: 0px;
}

.balkhoutplaatsing2onderbalk select, .balkhoutplaatsing2bovenbalk select, .balkhoutplaatsing2slapers select{
	background-color: #F3F3F3;
	color: #000;
}

.requiredfield{
	background-color: #FF0000 !important;
	color: #FFF !important;
}




/** Balkhout dakraam **/
.balkhoutdakraamonderbalk input[type="text"], .balkhoutdakraambovenbalk input[type="text"], .balkhoutdakraamslapers input[type="text"]{
	max-width: 60px;
}
.balkhoutdakraamonderbalk .websitechoisebtn, .balkhoutdakraambovenbalk .websitechoisebtn{
	max-width: 150px !important;
	min-width: 150px !important;
	margin-left: 80px !important;
	margin-top: -37px !important;
	position: absolute !important;
}
.balkhoutdakraamslapers .websitechoisebtn{
	margin-left: 0px !important;
	margin-top: 0px !important;
	max-width: 230px !important;
	min-width: 230px !important;
}
.balkhoutdakraamonderbalk desc, .balkhoutdakraambovenbalk desc, .balkhoutdakraamslapers desc{
	position: absolute;
	margin-top: -28px;
	margin-left: 240px;
}
.balkhoutdakraamonderbalk .column{
	border-top: none !important;
	border-bottom: none !important;
	padding-bottom: 0px !important;
}
.balkhoutdakraam .column, .balkhoutdakraambovenbalk .column{
	border-bottom: none !important;
	padding-bottom: 0px !important;
}
.balkhoutdakraamonderbalk span .websitechoisebtnclear, .balkhoutdakraambovenbalk span .websitechoisebtnclear{
	margin-top: -28px;
	left: 210px !important;
	z-index: 99;
}
.balkhoutdakraamonderbalk .websitechoisewrapper, .balkhoutdakraambovenbalk .websitechoisewrapper{
	min-height: 0px;
}

.balkhoutdakraamonderbalk select, .balkhoutdakraambovenbalk select, .balkhoutdakraamslapers select{
	background-color: #F3F3F3;
	color: #000;
}




#vat{
	background: none;
	border: none;
}


.beglazingtype2 .websitechoisebtn{
	max-width: 250px !important;
}
.beglazingtype2 .websitechoisewrapper{
	display: inline-block;
	margin-right: 5px;
}

.beglazingtypegedeeltelijk input[type="text"]{
	max-width: 50px;
}
.beglazingtypegedeeltelijk .websitechoisebtn{
	max-width: 250px !important;
}
.beglazingtypegedeeltelijk .websitechoisewrapper{
	display: inline-block;
	margin-right: 5px;
}

#overruleoverheaddakkapellennu, #overrulewinstdakkapellennu, #overruleoverhead, #overrulewinst{
	width: 50px;
}

#usersgroupstoeslag_19673{
	display: none;
}


#rcwaardezijwangen_31{
	pointer-events:none !important;
	color:#000100 !important;
}

.usergroupenabled .itemprice input{
	pointer-events:none !important;
}
.usergroupenabled .tabcontent21 .itemprice input, .itemprice input.enabledtomodify{
	pointer-events: inherit !important;
}
.usergroupenabled.mainaccount .itemprice input{
	pointer-events:inherit !important;
}

.usersgroupsinkoopprijs{
	display: none !important;
}
.usergroupenabled .usersgroupsinkoopprijs{
	display: inline-block !important;
}

.inlinemessage{
	margin-left: 15px;
	font-size: 12px;
	line-height: 16px;
	float: right;
}

.selecttekening{
	background: none;
	background-color: #F3F3F3;
	border: solid 1px #DCDCDC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	color: #000;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 8px;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #F3F3F3;
	color: #000;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.selecttekening:hover{
	background-color: #ececec;
}
.contentarea .filescontainer div{
	padding: 5px;
	border: solid 1px #045891;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin-bottom: 10px;
}
.contentarea .filescontainer div:hover{
	background-color: #045891;
	color: #FFF;
}