@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 { 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%*/ div.div1_w25fl.div1_w25fl_fqtNum182 { width: 20%;} 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;} div.div_m8px5px8px {margin:8px 5px 8px;} p.pre_post_labels {text-align: justify;font-size: 12px;font-style: italic;font-weight: normal;} ul.pre_post_labels li{text-align: justify;font-size: 12px;font-style: italic;font-weight: normal;} input.input1_w100, textarea {width:100%;} input#input1_w100_fqtNum182, textarea {width: 50%;} textarea.input_textarea {width:99%; height:150px; margin:0px} /* input#file {width:60%;} */ div#upload{display:none;} .ValidButton span.Valid_Text_Button{font-size: 25px;} 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;' */ img.Valid_Green_Symbol {position: relative;top: 6px;} .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; } table.Opening{ table-layout: fixed; width: 100%; } table.Opening > thead > tr > td:nth-child(1), table.Opening > thead > tr > td:nth-child(2){ text-align: center; width: 15%; } table.Opening > thead > tr > td:nth-child(3){ text-align: center; } table.Opening > thead > tr > td:first-child{ text-align: center; width: 10%; } table.Opening > tbody > tr > td:nth-child(2), table.Opening > tbody > tr > td:nth-child(3){ text-align: center; } .buttonDiv > span{ align-self: center; text-align: center; height: 40px; color: white; border-radius: 8px; cursor: pointer; background-color: #41BC06; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; } .pre_post_choises{ display: block; margin: 0 0 0 10px; text-align: justify; font-size: 12px; font-style: italic; font-weight: normal; }