ul.form-grid-field{ margin:0; padding:0; list-style:none; position:relative;/*font-size: 0;*/}
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:#21252B}
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; right:0;}
/*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 > li .-input input{  width:100%; display:inline;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:#21252B;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 .-button button:hover{background:#356a62;}

ul.form-grid-field > li a{ text-decoration:none; color:#21252B;} 
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:#34343485; 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;}


.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: #1e62de;}
.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;}


@media screen and (max-width: 780px) {
ul.form-grid-field > li { clear:both!important; width:100% !important; margin-left:0 !important;}
ul.form-grid-field > li .-button button{width:80%;}
}
/*
@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);}

}
*/