/*FORMS*/ #form div.content, #form div.content div.form-intro, #form div.content div.companyFields{width:100%;clear:both} #form div.content.form, #form div.content div.fields, #form div.content div.companyFields{display:flex;flex-flow:row wrap} #form div.content.form, #form div.content div.companyFields{align-items:stretch;grid-gap:var(--cnt-margin-1)} #form div.content.completed, #form div.content.error{height:600px} #form div.content div.fields{ width:calc(50% - (var(--cnt-margin-1) / 2)); align-items:center; align-content:flex-start; overflow:visible!important } #form div.content div.notes-field, #form div.content div.privacy-disclaimer, #form div.content div.treatment-privacy, #form div.content div.title-field, #form div.content div.buttons{width:100%!important;clear:both} #form div.content div.radio-field, #form div.content div.checkbox-field{grid-gap:0 var(--chk-gap);padding-top:calc(var(--lbl-height) + var(--lbl-margin))} #form div.content div.treatment-privacy{overflow:visible!important;padding-top:0!important} #form div.content div.invisible-field{visibility:hidden;margin:0!important} #form div.content label{ width:auto; font-size:var(--fnt-smaller-1); font-weight:var(--w-medium); line-height:var(--lbl-height); text-transform:uppercase } #form div.content label strong{font-weight:var(--w-bold)} #form div.content div.text-field label, #form div.content div.select-field label, #form div.content div.notes-field label{width:100%;margin-bottom:var(--lbl-margin)} #form div.content div.treatment-privacy label{ width:calc(100% - calc(var(--chk-size-1) + var(--chk-gap))); font-weight:var(--w-light)!important; line-height:120%!important; text-transform:none!important } #form div.content div.radio-field label{width:auto!important} #form div.content div.radio-field label.rdo-option{font-weight:var(--w-bold)!important} #form div.content div.validation-error label{font-weight:var(--w-bold);color:var(--c-red)!important} #form div.content p{width:100%} #form div.content div.privacy-disclaimer p{margin-bottom:0!important} #form div.content span.mandatory{font-weight:var(--w-bold);color:var(--c-red)} #form div.content span.error-message{ width:auto; font-size:var(--fnt-smaller-2); color:var(--c-red); line-height:130%; clear:both; display:none; overflow:hidden; padding-top:5px } #form div.content div.validation-error span.error-message{display:block} #form div.content div.form-intro h2, #form div.content div.form-intro p{text-align:center} #form div.content input, #form div.content select, #form div.content textarea, #form div.content div.buttons a{ overflow:hidden; box-sizing:border-box; outline:none!important } #form div.content input, #form div.content select{-webkit-appearance:none!important} #form div.content div.text-field input, #form div.content div.select-field select, #form div.content div.notes-field textarea{ width:100%; font-size:var(--fnt-smaller-1); color:var(--c-grey-50); border-radius:var(--fld-radius); border:1px solid var(--c-grey-90); background-color:var(--c-grey-96)!important } #form div.content div.text-field input, #form div.content div.select-field select, #form div.content div.buttons input, #form div.content div.buttons a{height:var(--fld-height-1);line-height:var(--fld-height-1)} #form div.content div.text-field input::-webkit-input-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.text-field input:-moz-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.text-field input::-moz-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.text-field input:-ms-input-placeholder{color:var(--c-grey-50)!important;opacity:1!important} #form div.content div.text-field input:focus::-webkit-input-placeholder{color:transparent} #form div.content div.text-field input:focus:-moz-placeholder{color:transparent} #form div.content div.text-field input:focus::-moz-placeholder{color:transparent} #form div.content div.text-field input:focus:-ms-input-placeholder{color:transparent} #form div.content div.notes-field textarea::-webkit-input-placeholder{color:var(--c-grey-50)!important;opacity:1!important} #form div.content div.notes-field textarea:-moz-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.notes-field textarea::-moz-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.notes-field textarea:-ms-input-placeholder{color:var(--c-grey-50);opacity:1!important} #form div.content div.notes-field textarea:focus::-webkit-input-placeholder{color:transparent} #form div.content div.notes-field textarea:focus:-moz-placeholder{color:transparent} #form div.content div.notes-field textarea:focus::-moz-placeholder{color:transparent} #form div.content div.notes-field textarea:focus:-ms-input-placeholder{color:transparent} #form div.content div.text-field input{padding:0 var(--fld-padding-1)} #form div.content div.select-field select{ padding:0 calc(var(--fld-padding-1) * 3) 0 var(--fld-padding-1); background:url(/Layout/img/ico-arrow-dwn-grey.png) no-repeat calc(100% - var(--fld-padding-1)) center; background-size:var(--sel-arrow-1) } #form div.content div.notes-field textarea{ height:140px; line-height:140%; padding:var(--txt-padding-1) } #form div.content div.radio-field input, #form div.content div.checkbox-field input{ width:var(--chk-size-1); height:var(--chk-size-1); padding:0; margin:0; border:1px solid var(--c-grey-90); background-color:var(--c-grey-96)!important } #form div.content div.radio-field input:checked, #form div.content div.checkbox-field input:checked{border:none;background-color:var(--c-blue)!important} #form div.content div.radio-field input{margin-right:15px;border-radius:50%} #form div.content div.radio-field input:last-of-type{margin-right:0!important} #form div.content div.checkbox-field input{margin-top:0;border-radius:var(--chk-radius)} #form div.content div.validation-error input, #form div.content div.validation-error select, #form div.content div.validation-error textarea{color:var(--c-red);border:2px solid var(--c-red)} #form div.content div.fld-password{position:relative} #form div.content div.fld-password i{ width:var(--ico-pwd-1); height:var(--ico-pwd-1); font-size:var(--ico-pwd-1); display:flex; flex-flow:column wrap; justify-content:center; position:absolute; top:calc(((var(--fld-height-1) - var(--ico-pwd-1)) / 2) + (var(--lbl-height) + var(--lbl-margin))); right:var(--fld-padding-1); cursor:pointer; visibility:hidden } #form div.content div.buttons input, #form div.content div.buttons a{ width:auto!important; font-size:var(--fnt-base); color:var(--c-white); text-transform:uppercase; text-align:center; float:right; cursor:pointer; padding:0 var(--btn-padding-1); margin-left:var(--cnt-margin-1); border-radius:var(--fld-radius); border:none!important; background:var(--c-blue) } #form div.content div.buttons input:last-of-type{margin-left:0!important} #form div.content div.buttons a{text-decoration:none} #form div.content div.buttons input:hover, #form div.content div.buttons a:hover{color:var(--c-grey-14)} /*AUTOCOMPLETE*/ #form div.content div.ig-autocomplete, #form div.content div.ig-autocomplete *{box-sizing:border-box} #form div.content div.ig-autocomplete ul{width:100%;clear:both} #form div.content div.ig-autocomplete{ height:auto!important; max-height:303px; overflow:auto!important; position:absolute; top:calc(100% + 6px); left:0; padding:calc(var(--cnt-margin-1) / 2); border-radius:var(--fld-radius); border:1px solid var(--c-grey-85); background:var(--c-grey-96) } #form div.content div.ig-autocomplete ul{ height:auto!important; max-height:unset!important; font-size:var(--fnt-smaller-3); overflow:hidden!important; list-style:none outside!important; line-height:130%!important; text-transform:uppercase; display:flex; flex-flow:row wrap; align-items:stretch; align-content:flex-start; position:static!important; margin:0!important; border-top:1px solid var(--c-grey-85); background:none!important } #form div.content div.ig-autocomplete ul li{ width:50%; color:var(--c-grey-50)!important; padding:4px 2px; border-bottom:1px solid var(--c-grey-85) } #form div.content div.ig-autocomplete ul li:hover{color:var(--c-orange)!important} #form div.content div.fld-cap div.ig-autocomplete{width:220%} #form div.content div.fld-cap div.ig-autocomplete ul li{width:100%} /*BECOME CUSTOMER*/ #layout.form-become-customer #form div.content div.fld-name, #layout.form-become-customer #form div.content div.fld-lastname, #layout.form-become-customer #form div.content div.fld-email, #layout.form-become-customer #form div.content div.fld-registration, #layout.form-become-customer #form div.content div.fld-pec{width:calc(33.33% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-company{width:calc(66.67% - (var(--cnt-margin-1) / 3))} #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.033% - ((var(--cnt-margin-1) * 2) / 3))} /*#layout.form-become-customer #form div.content div.fld-phone, #layout.form-become-customer #form div.content div.fld-mobile, #layout.form-become-customer #form div.content div.fld-role, #layout.form-become-customer #form div.content div.fld-howyouknow{width:calc(25% - ((var(--cnt-margin-1) * 3) / 4))}*/ #layout.form-become-customer #form div.content div.fld-phone, #layout.form-become-customer #form div.content div.fld-mobile{width:calc(20% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-role, #layout.form-become-customer #form div.content div.fld-howyouknow{width:calc(40% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-cap{width:130px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 130px) / 2))} #layout.form-become-customer #form div.content div.fld-city, #layout.form-become-customer #form div.content div.fld-cap{overflow:visible!important;position:relative} #layout.form-become-customer #form div.content.error h2, #layout.form-become-customer #form div.content.error p, #layout.form-become-customer #form div.content.completed h2, #layout.form-become-customer #form div.content.completed p{text-align:center!important} /*PROFILE*/ #layout.form-profile #form div.content div.fld-company-data{width:100%;grid-gap:0 var(--chk-gap)} #layout.form-profile #form div.content div.fld-company-data label, #layout.form-profile #form div.content div.fld-company-data p{width:auto;margin:0!important} #layout.form-profile #form div.content div.fld-company-data p{text-transform:uppercase} #layout.form-profile #form div.content div.fld-company-data p a{cursor:pointer} #layout.form-profile #form div.content div.fld-company-data div.companyInfo{ width:100%; clear:both; margin-top:5px } #layout.form-profile #form div.content div.fld-company-data div.companyInfo p strong{font-size:1.10em!important;color:var(--c-blue)} #layout.form-profile #form div.content div.fld-phone, #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 15px)} #layout.form-profile #form div.content div.buttons a{margin:0 var(--cnt-margin-1) 0 0} #layout.form-profile #form div.content.error h2, #layout.form-profile #form div.content.error p, #layout.form-profile #form div.content.completed h2, #layout.form-profile #form div.content.completed p{text-align:center!important} /*JOBS*/ #layout.form-jobs #form div.content.error h2, #layout.form-jobs #form div.content.error p, #layout.form-jobs #form div.content.completed h2, #layout.form-jobs #form div.content.completed p{text-align:center!important} /*REGISTRATION*/ #form.registration div.content div.fld-company, #form.registration div.content div.fld-company div{width:100%} #form.registration div.content div.fld-company label{display:none} #form.registration div.content div.fld-company h6{text-align:center} #form.registration div.content div.fld-company p{text-align:center;margin-bottom:0!important} #form.registration div.content div.fld-usertype, #form.registration div.content div.fld-usertype p{width:100%!important;clear:both} #form.registration div.content div.fld-usertype{padding-top:0!important} #form.registration div.content div.treatment-privacy{align-items:flex-start!important} #form.registration div.content div.treatment-privacy input{margin-top:3px!important} #form.registration div.content div.treatment-privacy label{line-height:150%!important} #form.registration div.content.completed h2, #form.registration div.content.completed p, #form.registration div.content.error h2, #form.registration div.content.error p{text-align:center} #form.registration div.content.completed h2, #form.registration div.content.error h2{margin-bottom:10px} /*REQUEST TECHNICIAN*/ #layout.form-technician #form div.content div.fld-company{width:100%} #layout.form-technician #form div.content div.fld-address{width:calc(100% - (230px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:230px} #layout.form-technician #form div.content div.fld-cap{width:90px} #layout.form-technician #form div.content div.fld-province{width:210px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (300px + (var(--cnt-margin-1) * 2)))} #layout.form-technician #form div.content div.fld-city, #layout.form-technician #form div.content div.fld-cap{overflow:visible!important;position:relative} #layout.form-technician #form div.content div.ig-autocomplete ul li{width:100%} /*RIGHT CONTENT*/ #pagecontent div.side-form, #pagecontent div.side-form > div, #pagecontent div.side-form #map{width:100%;clear:both} #pagecontent div.side-form{height:100%} #pagecontent div.side-form div.owner-data{margin-bottom:var(--cnt-margin-1)} #pagecontent div.side-form h2, #pagecontent div.side-form p{text-align:center} #pagecontent div.side-form div.map{height:calc(100% - 130px)} #pagecontent div.side-form div.map div{overflow:visible!important} #pagecontent div.side-form #map{height:100%} /*RESPONSIVITY*/ @media only screen and (min-width:320px) and (max-width:1024px) { /*forms*/ #form div.content.completed, #form div.content.error{height:450px} #form div.content div.notes-field textarea{height:110px} #form div.content div.ig-autocomplete{max-height:275px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.035% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-cap{width:100px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 100px) / 2))} /*profile*/ #layout.form-profile #form div.content div.fld-phone, #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 12px)} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (200px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:200px} #layout.form-technician #form div.content div.fld-cap{width:60px} #layout.form-technician #form div.content div.fld-province{width:180px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (240px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 114px)} } @media only screen and (min-width:1025px) and (max-width:1280px) { /*forms*/ #form div.content.completed, #form div.content.error{height:450px} #form div.content div.notes-field textarea{height:110px} #form div.content div.ig-autocomplete{max-height:275px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.033% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-cap{width:100px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 100px) / 2))} /*profile*/ #layout.form-profile #form div.content div.fld-phone, #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 12px)} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (200px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:200px} #layout.form-technician #form div.content div.fld-cap{width:60px} #layout.form-technician #form div.content div.fld-province{width:180px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (240px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 114px)} } @media only screen and (min-width:1281px) and (max-width:1500px) { /*forms*/ #form div.content.completed, #form div.content.error{height:500px} #form div.content div.notes-field textarea{height:120px} #form div.content div.ig-autocomplete{max-height:287px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.02% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-cap{width:110px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 110px) / 2))} /*profile*/ #layout.form-profile #form div.content div.fld-phone{width:calc(25% - 13px)} #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 14px)} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (210px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:210px} #layout.form-technician #form div.content div.fld-cap{width:70px} #layout.form-technician #form div.content div.fld-province{width:190px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (260px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 121px)} } @media only screen and (min-width:1501px) and (max-width:1950px) { /*forms*/ #form div.content.completed, #form div.content.error{height:550px} #form div.content div.notes-field textarea{height:120px} #form div.content div.ig-autocomplete{max-height:289px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-cap{width:110px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 110px) / 2))} /*profile*/ #layout.form-profile #form div.content div.fld-phone{width:calc(25% - 13px)} #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 14px)} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (220px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:220px} #layout.form-technician #form div.content div.fld-cap{width:80px} #layout.form-technician #form div.content div.fld-province{width:200px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (280px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 122px)} } /*TABLET*/ @media only screen and (min-device-width:744px) and (max-device-width:1024px) { /*forms*/ #form div.content.form, #form div.content div.companyFields{grid-gap:calc(var(--cnt-margin-1) - 1px)} #form div.content div.fields{width:calc(50% - ((var(--cnt-margin-1) - 1px) / 2))} #form div.content div.notes-field textarea{height:100px} #form div.content div.radio-field input{margin-right:10px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-cap{width:90px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 90px) / 2))} /*profile*/ #layout.form-profile #form div.content div.fld-phone{width:calc(25% - 10px)} #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 11px)} #layout.form-profile #form div.content div.buttons a{margin-right:calc(--cnt-margin-1 - 1px)} } @media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) { /*forms*/ #form div.content div.ig-autocomplete{max-height:285px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(21.99% - ((var(--cnt-margin-1) * 2) / 3))} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (180px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:180px} #layout.form-technician #form div.content div.fld-cap{width:55px} #layout.form-technician #form div.content div.fld-province{width:170px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (225px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 108px)} } @media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) { /*forms*/ #form div.content div.ig-autocomplete{max-height:269px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.05% - ((var(--cnt-margin-1) * 2) / 3))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 111px)} } /*SMARTPHONE*/ @media only screen and (min-device-width:320px) and (max-device-width:743px) { /*forms*/ #form div.content div.notes-field textarea{height:100px} #form div.content div.radio-field input{margin-right:10px} } @media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) { /*forms*/ #form div.content.completed, #form div.content.error{height:auto} #form div.content div.ig-autocomplete{max-height:227px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-name, #layout.form-become-customer #form div.content div.fld-lastname, #layout.form-become-customer #form div.content div.fld-email, #layout.form-become-customer #form div.content div.fld-company, #layout.form-become-customer #form div.content div.fld-registration, #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany, #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (var(--cnt-margin-1) / 2))} #layout.form-become-customer #form div.content div.fld-pec, #layout.form-become-customer #form div.content div.fld-address{width:100%} #layout.form-become-customer #form div.content div.fld-city{width:calc(100% - (var(--cnt-margin-1) + 70px))} #layout.form-become-customer #form div.content div.fld-cap{width:70px} #layout.form-become-customer #form div.content div.fld-phone, #layout.form-become-customer #form div.content div.fld-mobile{width:calc(35% - (var(--cnt-margin-1) / 2))} #layout.form-become-customer #form div.content div.fld-howyouknow{width:calc(65% - (var(--cnt-margin-1) / 2))} #layout.form-become-customer #form div.content div.fld-role{width:100%} #layout.form-become-customer #form div.content div.fld-profilation{align-items:flex-start} #layout.form-become-customer #form div.content div.fld-marketing label:not(.rdo-option){width:100%!important;margin-bottom:6px!important} #form div.content div.fld-city div.ig-autocomplete{width:125%} #form div.content div.fld-cap div.ig-autocomplete{left:unset;right:0} /*profile*/ #layout.form-profile #form div.content div.fld-phone, #layout.form-profile #form div.content div.fld-mobile{width:calc(50% - 5px)} #layout.form-profile #form div.content div.fld-email{width:100%} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (160px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:160px} #layout.form-technician #form div.content div.fld-cap{width:50px} #layout.form-technician #form div.content div.fld-province{width:150px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (200px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:400px} } @media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) { /*forms*/ #form div.content.completed, #form div.content.error{height:350px} #form div.content div.ig-autocomplete{max-height:225px} /*become customer*/ #layout.form-become-customer #form div.content div.fld-piva, #layout.form-become-customer #form div.content div.fld-sdicode, #layout.form-become-customer #form div.content div.fld-cfcompany{width:calc(22.04% - ((var(--cnt-margin-1) * 2) / 3))} #layout.form-become-customer #form div.content div.fld-cap{width:90px} #layout.form-become-customer #form div.content div.fld-province, #layout.form-become-customer #form div.content div.fld-country{width:calc(50% - (((var(--cnt-margin-1) * 2) + 90px) / 2))} /*#layout.form-become-customer #form div.content div.fld-phone, #layout.form-become-customer #form div.content div.fld-mobile{width:calc(18% - ((var(--cnt-margin-1) * 3) / 4))} #layout.form-become-customer #form div.content div.fld-role, #layout.form-become-customer #form div.content div.fld-howyouknow{width:calc(32% - ((var(--cnt-margin-1) * 3) / 4))}*/ /*profile*/ #layout.form-profile #form div.content div.fld-phone{width:calc(25% - 7px)} #layout.form-profile #form div.content div.fld-mobile{width:calc(25% - 8px)} /*request technician*/ #layout.form-technician #form div.content div.fld-address{width:calc(100% - (180px + var(--cnt-margin-1)))} #layout.form-technician #form div.content div.fld-city{width:180px} #layout.form-technician #form div.content div.fld-cap{width:55px} #layout.form-technician #form div.content div.fld-province{width:170px} #layout.form-technician #form div.content div.fld-country{width:calc(100% - (225px + (var(--cnt-margin-1) * 2)))} /*right content*/ #pagecontent div.side-form div.map{height:calc(100% - 93px)} }