ul.form-grid-field{ margin:0; padding:0; list-style:none; position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dedede;}
ul.form-grid-field > li{  /*display:inline-block; */; float:left; box-sizing:border-box; position:relative;font-size: 13px; margin-bottom:20px;}
ul.form-grid-field > li > label{ font-weight:bold; cursor:inherit; font-size:16px; color:#000; margin-bottom:5px; display:inline-block}
ul.form-grid-field > li .-input{ position:relative;}
ul.form-grid-field > li .-input > field{color: #1b7ece; width:100%;display:inline-block; font-weight:bold;font-size:16px;box-sizing: border-box;padding:8px 2px; border-bottom:1px solid #1b7ece;min-height: 35px;}
ul.form-grid-field > li .-section{ position:relative;font-size:16px;box-sizing: border-box;padding:8px; background-color:#dcebfb;font-weight:bold;border-bottom:1px solid #1b7ece; margin-top:10px;}
ul.form-grid-field > li .-section.-blue{ background-color:#dcebfb;}
ul.form-grid-field > li .-section.-green{ background-color:#DBF5B2; border-color:#5bb522}
ul.form-grid-field > li .-section.-red{ background-color:#ef9a9a; border-color:#f00}
ul.form-grid-field > li .-section.-yellow{ background-color:#F8EFCA; border-color:#ceda12}

ul.form-grid-field > li .-input input.-uc{ text-transform:uppercase;}
ul.form-grid-field > li .-input input.-lc{ text-transform:lowercase;}

ul.form-grid-field > li+li{ margin-left:2%}
ul.form-grid-field > li.-c0{ clear:both; margin-left:0 !important;}
ul.form-grid-field > li.-x1{ width:100%;}
ul.form-grid-field > li.-x2{ width:49%;}
ul.form-grid-field > li.-x2{ width:49%;}
ul.form-grid-field > li.-x3{ width:32%;}
ul.form-grid-field > li.-x4{ width:23.5%;}
ul.form-grid-field > li.-x5{ width:18.4%;}
ul.form-grid-field > li.-x6{ width:15%;}

ul.form-grid-field > li.-x3_4{ width:74.5%;}
ul.form-grid-field > li.-x4_5{ width:79.6%;}
ul.form-grid-field > li.-x4_6{ width:66%;}
ul.form-grid-field > li.-x5_6{ width:83%;}

ul.form-grid-field div.input-invalidate{ color:#f00 !important; font-size:11px !important; background-color:transparent !important; padding:3px; border:0 !important; position:absolute; /*bottom:-20px;*/ left:0; font-weight:300; width:max-content}
/*ul.form-grid-field input.input-invalidate{ border:1px solid #f00 !important}
ul.form-grid-field select.input-invalidate{ border:1px solid #f00 !important}*/

ul.form-grid-field select.input-invalidate{border:1px solid #f00 !important; color:#f00 !important; }
ul.form-grid-field input.input-invalidate{border:1px solid #f00 !important; color:#f00 !important; }

ul.form-grid-field > li input{  width:100%;margin: 0;background:#FFF; color:#343434; padding:8px; border:none;	box-sizing:border-box;}
ul.form-grid-field > li .-input select{  width:100%; display:inline;margin: 0;background:#FFF; color:#343434; padding:8px; border:none;	box-sizing:border-box;}
ul.form-grid-field > li .-button button{width:50%; display:inherit;margin: 0 auto;background:#000;padding:8px; border:none;box-sizing: border-box; color:#fff;font-weight:bold;font-size:20px; line-height:40px; cursor:pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
ul.form-grid-field > li a{ text-decoration:none; color:#000;} 
ul.form-grid-field > li .input-check a{color:#ffcf00;} 
ul.form-grid-field > li a:hover{ text-decoration:underline; } 

ul.form-grid-field > li .-input{ border:1px solid #eee;}
ul.form-grid-field > li .-input input{ font-size:18px; line-height:32px}
ul.form-grid-field > li .-input select{ font-size:18px; line-height:32px; height:48px;}
ul.form-grid-field > li .-input input::placeholder{color:#AAA; font-size:16px; line-height:30px;font-weight:300; }
ul.form-grid-field > li .-input input.-lc::placeholder{text-transform:none;}
ul.form-grid-field > li .-input input.-uc::placeholder{text-transform:none;}

ul.form-grid-field > li textarea{ width:100%; height:100px;border:0; padding:10px;}


.custom-input{display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-input input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.custom-input .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.custom-input.input-radio .checkmark {border-radius: 50%;}
.custom-input:hover input ~ .checkmark {background-color: #ccc;}
.custom-input input:checked ~ .checkmark {background-color: #ffcf00;}
.custom-input .checkmark:after {content: "";position: absolute;display: none;}
.custom-input input:checked ~ .checkmark:after {display: block;}
.custom-input.input-check .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.custom-input.input-radio .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.custom-input.input-radio{ margin:14px 0}

.-device-similare-si,
.-device-similare-no,
.-interessato-device,
.-device-soddisfatto-no,
.-contratto-altro,
.-noleggio,
ul.form-grid-field > li > label.-contratto-acquisto,
.-contratto-acquisto{ display:none;}


input.-contratto-acquisto,
input.-noleggio,
input.-contratto-altro{ width:200px !important;border: 1px solid #eee !important; margin-left:20px !important}


input.-contratto-acquisto.input-invalidate,
input.-contratto-altro.input-invalidate{border: 1px solid #f00 !important;}



@media screen and (max-width: 780px) {
ul.form-grid-field > li{ width:100% !important;clear:both!important; margin-left:0 !important;}
.custom-input{font-size: 11px;padding-left:20px;}
.custom-input .checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #eee;}
.custom-input.input-check .checkmark:after {left: 5px;top: 2px;width: 3px;height: 7px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

}