@font-face {
font-family: "Roboto Regular";
src: url(../../fonts/Roboto-Regular.ttf);
}

.pAffilie{
	font-weight: bold;
	text-align: right;
	color: #333333;
}

p.p_web_form_header {margin-bottom: 2px;}

body { 
	font: 12px "Roboto Regular", "Lucida Grande", Helvetica, Sans-Serif; 
	margin:10px auto;
	background-color: white;
	width : 90%;
}
table { 
	border-collapse: collapse; 
}

div.logo {
	text-align:center;
}
img.logo_img {
	width:100px; 
	height:100px;
}
img.photo {
	max-width:100%; 
	max-height:100%;
	display: inline;
	float : none;
}

div.div_web_form_title {margin:0; padding:0;}
div.div_web_form_title_sub {margin:0; padding:0; color:#41BC06;}
div#div_web_form_title_subO {margin:0; padding:0; color:orange;}
div.div_web_form_header {width: 100%; clear:both;}
div.div_web_form_header_sub {float:left; width:40%; font-weight:bold;}

div#div_web_form_header_sub2 {float:right; width:50%; font-weight:bold; text-align:center; color:#41BC06;}
p#p_div_web_form_header_sub2 {line-height:20px; text-align:center;}
div#div_sub_form_text {margin:0 10px; padding:0; text-align: justify; font-size:9px;}

p#p_webform_paragraph {background-color:#ED6E3A; color:#ffffff;}
p.p_div_bgcgcf {background-color: #41BC06;color : #ffffff;}
p.p2_div_bgcgcf {background-color: #41BC06;color : #ffffff;}
p.p_webform_questionblock,
p.p2_webform_questionblock,
p.p3_webform_questionblock,
p.p32_webform_questionblock,
p.p4_webform_questionblock,
p.p5_webform_questionblock,
p.p6_webform_questionblock,
p.p7_webform_questionblock,
p.p8_webform_questionblock,
p.p9_webform_questionblock,
p.p10_webform_questionblock {margin: 0;padding: 0}
div#div1_w10fl{float:left;}/* @author:abm: i've deleted 'width:30%;' */
div.div1_w40fl{width:40%;float:left;}
div.div1_w95fl,div.div2_w95fl{width:95%;float:left;}
div.div1_w70fl{width:100%;margin: auto;text-align: center;}/* @author:abm: i've deleted 'width:55%;'*/
div.div2_w70fl{width:60%;float:left;}
div.div1_w25fl,div.div2_w25fl,div.div3_w25fl{width:40%;float:left;}/* @author:abm: i've changed this one from 25% to 30%*/
div.div1_w50fl,div.div2_w50fl,div.div3_w50fl{width:50%;float:left;}/* @author:abm: i've changed this one from 50% to 55%*/
ul#ul1_w95oh{width:95%;overflow:hidden;}
label.label1_fs12fwb,label.label2_fs12fwb{font-size:12px;font-weight:bold;}
ul.ul_w95ofh {width:95%;overflow:hidden;}
hr.hr_bcgw90 {border-color:#41BC06;width:90%;}
div.div_m2px5px {margin:2px 5px;}
p.pre_post_labels {text-align: justify;font-size: 10px;font-style: italic;}

input.input1_w100, textarea {width:100%;}
textarea.input_textarea {width:57%; height:150px; margin:0px}
/* input#file {width:60%;} */
div#upload{display:none;}


div#webform {background-color: white;;}
div#webform_intro {font-size:16px;}
div#webform_conclusion {font-size:16px;}
div#webform_status {font-size:14px;}
div#webform_basicquestions {}
div#webform_header {height:80px;}
div#webform_footer {}
div#webform_links {
	text-align:center;
	text-decoration:none;
	color:#ff3333;
}

div#webform_links a:hover, span.boldplafon {  
	font-weight:bold;
}

div#webform_termsofuse {font-size:9px; font-style:italic;}

/* */
.webform {
	text-align:left;
	background-color: #CFD6F2;
	color:#333333;
	background-color: white;
	/* /* font-family: Arial, Verdana, sans-serif;
	font-size: 12px; */
	width:100%; 
	margin:auto;
}

.webform_title {
		font-size:14px;
		font-weight:bold;
		text-align: center;
		color:black;
		
	}
.webform_container {padding:0px; margin:5px; min-height:50px;overflow:hidden;}
div.div_webform_container {border: 2px solid #ED6E3A; padding-bottom:14px;}
div.div2_webform_container {border: 2px solid #41BC06;padding-bottom: 14px;}

.webform_label {
	font-weight:bold;
	vertical-align: middle;
}
.webform_list { list-style-type: none }
.webform_answer {color:#333333; margin:0px; padding:2px;}
.webform_answer_photo {color:#333333; margin:0px; padding-top:5px;}/* author abm deleting 'position:relative;' */

.webform_paragraph {
	background-color: #f5a9a9;
	font-size:14px;
	margin:0px; padding:5px;
	font-weight:bold;
	text-align: left;
	/* border:1px solid #000000; */
}

.webform_question  { /* background-color:#cccccc; */ color:#0000; }
.webform_questionblock { /* border:1px solid #cccccc; */
	margin:0px; padding:4px 4px 4px 15px;border-color: #ED436D;position:relative;
	min-height:10px;overflow:hidden;

}
.webform_input {}
.webform_select {}

div.errorMsg {}
div.warnmsg {}

table.table_photo { width: 100%; font-size: 12px;border:0px;margin:0px;padding:0px;}
table.table_photo tr {margin:0px;padding:0px;}
table.table_photo td {margin:0px;padding:0px;}
/* table.table_photo td.td_label_photo {width:50%;padding-left:100px;} */
table.table_photo td.td_photo_photo {width:50%;padding-left:50px;} /*text-align:right;}*/
span.span_photo {font: 12px 'Roboto Regular', 'Lucida Grande', Helvetica, Sans-Serif;font-weight: bold; 
font-style: italic;text-align:center !important;display:inline;float: none;
width:80%; margin : 0 auto;}
i.i_text_initial {color:red;font: 12px 'Roboto Regular', 'Lucida Grande', Helvetica, Sans-Serif;font-weight: bold; font-style: italic;text-align:left !important}
i.i_red{color:red}
p.p_important_nofloat{float: none !important;}
span.span_bold{font-weight: bold;}

#order-table { width: 100%; font-size: 12px;}
#order-table td { padding: 4px; }
#order-table th { padding: 4px; background: black; color: white; text-align: center; font-weight:bold;}
#order-table td.thstyle { background: black; color: white; text-align: center; font-weight:bold;}
#order-table th#order-table_th_quantity { text-align: center;padding-right:32px;}
#order-table td.row-total { text-align: center; }
#order-table td input { width: 80%; text-align: center; }
#order-table tr.even td { background: #eee; }
#order-table th.thprixnet{text-align: center;padding: 4px;}
.num-pallets input { background: white; }
.num-pallets input.warning { background: #ffdcdc; }

#order-table td .total-box, .total-box { border: 3px solid #41BC06; width: 70px; padding: 3px; margin: 5px 0 5px 0; text-align: center; font-size: 12px; }
.forPrintOnly{display: none;}


div,div.div1_w50fl2 {float: none !important;}
div#div_web_form_header_sub2 {float:right !important;}
div.div3_w25fl, 
div.div2_w70fl, 
div.div1_w25fl, 
div.div1_w40fl, 
div.div3_w50fl, 
div.div1_w50fl, 
div.div_web_form_header_sub {float:left !important;}

 div#webform_links a {  
	color:#ff3333;
	text-decoration:none;
	font-size: large !important;
}


#order-table2 { width: 100%; font-size: 12px;}
#order-table2 td { padding: 5px; }
#order-table2 th { padding: 5px; background: black; color: white; text-align: left; font-weight:bold;}
#order-table2 td.thstyle { padding: 5px; background: black; color: white; text-align: left; font-weight:bold;}
#order-table2 th#order-table_th_quantity { text-align: right;padding-right:32px;}
#order-table2 td.row-total { text-align: right; }
#order-table2 td input { width: 75px; text-align: center; }
#order-table2 tr.even td { background: #eee; }

#order-table2 td .total-box, .total-box { border: 3px solid #41BC06; width: 70px; padding: 3px; margin: 5px 0 5px 0; text-align: center; font-size: 12px; }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width : 100% !important;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.sticky {
	position: fixed;
	top : 0;
	width : 90% !important;
	  z-index:1003;
}

.sticky + .tabcontent{
	padding-top: 102px;
}

html {
	scroll-behavior : smooth;
}