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.mb0{margin-bottom:0px;}
ul.form-grid-field > li > label{ font-weight:bold; cursor:inherit; min-height:15px;}
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 .-section.-orange{ background-color:#fbeadc; border-color:#f90}
ul.form-grid-field > li .-section.-violet{ background-color:#da9aef; border-color:#9C27B0}
ul.form-grid-field > li .-section.-default{ background-color:#eee;border-color:#ddd}

ul.form-grid-field > li > button{ margin-top:20px;}
ul.form-grid-field > li label+.-input > button{ margin-top:0;}
ul.form-grid-field > li > .-input > label.custom-input{ margin-top:20px;}

ul.form-grid-field > li .-input input.mono{ font-family: "Courier New", monospace; font-weight:bold; font-size:16px; letter-spacing:1px}
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 .-content input.-uc{ text-transform:uppercase;}
ul.form-grid-field > li .-content 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.-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.-x2_3{ width:66%;}
ul.form-grid-field > li.-x2_4{ width:49%;}
ul.form-grid-field > li.-x2_5{ width:38.8%;}
ul.form-grid-field > li.-x2_6{ width:32%;}
ul.form-grid-field > li.-x3_4{ width:74.5%;}
ul.form-grid-field > li.-x3_5{ width:59.2%;}
ul.form-grid-field > li.-x3_6{ width:49%;}
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 > li.-xAuto{ width:auto;}

/*
ul.form-grid-field > li.-x2{ background-color:#DEF9FB}
ul.form-grid-field > li.-x3{ background-color:#D4FFD1}
ul.form-grid-field > li.-x4{ background-color:#F8EFCA}
ul.form-grid-field > li.-x5{ background-color:#FBDEDF}
ul.form-grid-field > li.-x6{ background-color:#E0C4AD}
*/

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; top:-20px; right:0;}
ul.form-grid-field .wrapper-box-container .-content div.input-invalidate{ top:auto !important;bottom:-5px; right:20px !important;}
ul.form-grid-field .wrapper-box-container .-content ul.form-grid-field div.input-invalidate{ top:-20px !important; right:0 !important;  bottom:auto !important;}

/*
.chosen-select.input-invalidate ~ .chosen-container-single .chosen-single{
  background-color: #f2d9d9;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f2d9d9), color-stop(50%, #f2d9d9), color-stop(52%, #f2d9d9), color-stop(100%, #f2d9d9));
  background: -webkit-linear-gradient(top, #f2d9d9 20%, #f2d9d9 50%, #f2d9d9 52%, #f2d9d9 100%);
  background: -moz-linear-gradient(top, #f2d9d9 20%, #f2d9d9 50%, #f2d9d9 52%, #f2d9d9 100%);
  background: -o-linear-gradient(top, #f2d9d9 20%, #f2d9d9 50%, #f2d9d9 52%, #f2d9d9 100%);
  background: linear-gradient(top, #f2d9d9 20%, #f2d9d9 50%, #f2d9d9 52%, #f2d9d9 100%);
}
*/

ul.form-grid-field  .fieldset {width:100%; display: inline-grid; grid-template-columns: auto 50px;}
ul.form-grid-field  .fieldset.-big{grid-template-columns: auto 70px;}
ul.form-grid-field  .fieldset.-small{grid-template-columns: auto 30px;}

ul.form-grid-field  .fieldset.-reverse{ direction:rtl;}
ul.form-grid-field  .fieldset.-reverse input{ direction:ltr;}

ul.form-grid-field  .fieldset > .-icon{font-size: 18px; line-height:20px; width: 100%;background-color: #19A0E0;color: #fff;text-align: center; padding:10px; box-sizing:border-box;}
ul.form-grid-field  .fieldset > .-number+.-icon{font-size: 30px; line-height:40px;}

ul.form-grid-field  .fieldset > .-icon.bg-green{background-color: #096 !important;}
ul.form-grid-field  .fieldset > .-icon.bg-blue{background-color: #19A0E0 !important;}
ul.form-grid-field  .fieldset > .-icon.bg-green{background-color: #096 !important;}
ul.form-grid-field  .fieldset > .-icon.bg-orange{background-color: #f90 !important;}
ul.form-grid-field  .fieldset > .-icon.bg-red{background-color: #f00 !important;}

ul.form-grid-field  .fieldset.-small > .-icon{font-size: 15px; line-height:18px; width: 100%;background-color: #19A0E0;color: #fff;text-align: center; padding:6px; box-sizing:border-box;}
ul.form-grid-field  .fieldset.-small > .-number+.-icon{font-size: 15px; line-height:18px; }




.wrapper-box-container{ width:100%;min-height: 50px;padding: 0;background: #FFF;cursor: default;float: left;border: 1px solid #ddd;right: 0px;position: relative;-webkit-box-shadow: 0 4px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.2);box-shadow: 0 4px 6px rgba(0,0,0,.2);margin-bottom:20px; background:#fff; z-index:1}
.wrapper-box-container.-z99{ z-index:99;}
.wrapper-box-container +.wrapper-box-container{  display:inline-block; margin-left:20px;}

.wrapper-box-container .-header,
.wrapper-box-container .-footer,
.wrapper-box-container .-content{
padding: 15px 20px;font-size: 12px;color: #000;
line-height: 22px;border: 0;position: relative;z-index: 2;}
.wrapper-box-container .-header+.-content,
.wrapper-box-container .-content+.-content,
.wrapper-box-container .-footer{
border-top: 1px solid #D3D2D2;
-moz-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.12);
-o-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.12);
-webkit-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.12);
}
.wrapper-box-container .-content.-more{ background:#fafafa}
.wrapper-box-container .-full-block{ padding:0;}
.wrapper-box-container .-header{ background:#fafafa; font-size:14px; font-weight:bold}
.wrapper-box-container .-footer{ background:#f1f1f1; border-bottom:0}

.wrapper-box-container .grid-half{width:100%; display: inline-grid; grid-template-columns: repeat(2, 49%);	grid-column-gap:2%; align-items:center; box-sizing:border-box; }
.wrapper-box-container .grid-x3{width:100%; display: inline-grid; grid-template-columns: repeat(3, 32%);	grid-column-gap:2%; align-items:center; box-sizing:border-box; }
.wrapper-box-container .grid-x2v1{width:100%; display: inline-grid; grid-template-columns: 64% 32%;	grid-column-gap:2%; align-items:center; box-sizing:border-box; }


.wrapper-box-container .-content > field{color: #1b7ece; width:100%;display:inline-block; font-weight:bold;font-size:16px;box-sizing: border-box;line-height: 42px;}
.wrapper-box-container .-content > .-grid{width:100%; display: inline-grid; grid-template-columns: 80px auto; align-items:center}
.wrapper-box-container .-footer > .-grid{width:100%; display: inline-grid; grid-template-columns: 120px auto; align-items:center}



/*CHOSEN */
.page-section-module .-style.-big.chosen-select{ padding:0 !important;}
.-big.chosen-select a.chosen-single{ height:40px !important; line-height:38px !important;}
.-big.chosen-container-single .chosen-single div b {background-position-y:10px !important;}

.page-section-module .-style.-big.chosen-trigger{ padding:0 !important;}
.-big.chosen-trigger a.chosen-single{ height:40px !important; line-height:38px !important;}



.chosen-container .chosen-results li.highlighted {color: #fff !important;}

.chosen-container-single.-yellowed .chosen-single{
  background-color: #fdffeb;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fdffeb), color-stop(50%, #feffee), color-stop(52%, #feffdd), color-stop(100%, #fdffc8));
  background: -webkit-linear-gradient(top, #fdffeb 20%, #feffee 50%, #feffdd 52%, #fdffc8 100%);
  background: -moz-linear-gradient(top, #fdffeb 20%, #feffee 50%, #feffdd 52%, #fdffc8 100%);
  background: -o-linear-gradient(top, #fdffeb 20%, #feffee 50%, #feffdd 52%, #fdffc8 100%);
  background: linear-gradient(top, #fdffeb 20%, #feffee 50%, #feffdd 52%, #fdffc8 100%);
}
.chosen-container .-hilight {
    font-weight: bold;
    color: #1aa0e0;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#ffeb3b7d),color-stop(50%,#ffeb3b7d),color-stop(52%,#ffeb3b7d),color-stop(100%,#ffeb3b7d));
    background: -webkit-linear-gradient(top,#ffeb3b7d 20%,#ffeb3b7d 50%,#ffeb3b7d 52%,#ffeb3b7d 100%);
    background: -moz-linear-gradient(top,#ffeb3b7d 20%,#ffeb3b7d 50%,#eee 52%,#ffeb3b7d 100%);
    background: -o-linear-gradient(top,#ffeb3b7d 20%,#ffeb3b7d 50%,#eee 52%,#ffeb3b7d 100%);
    background: linear-gradient(top,#ffeb3b7d 20%,#ffeb3b7d 50%,#eee 52%,#ffeb3b7d 100%);
}

.chosen-container .chosen-results li.active-result.-hilight.highlighted {
    background-color: #f00;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f00),color-stop(90%,#d43503));
    background-image: -webkit-linear-gradient(#f00 20%,#d43503 90%);
    background-image: -moz-linear-gradient(#f00 20%,#d43503 90%);
    background-image: -o-linear-gradient(#f00 20%,#d43503 90%);
    background-image: linear-gradient(#f00 20%,#d43503 90%);
    color: #ff0 !important;
}


/*  CUSTOM RADIO & CHECKBOX*/
.custom-input{display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 14px; line-height:22px; -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: #1b7ece38;}
.custom-input input:checked ~ .checkmark {background-color: #2196F3;}
.custom-input .checkmark.bg-white{background-color: #fff;}


.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.-bordered .checkmark{ border:1px solid #2196F3} 
.custom-input.-bordered.input-check .checkmark:after{ left: 8px;top: 3px} 

.custom-input.-mini{padding-left: 23px;}
.custom-input.-mini .checkmark {position: absolute;top: 3px;left: 0;height: 15px;width: 15px;background-color: #eee;}
.custom-input.-mini.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);}
.custom-input.-mini.input-radio .checkmark:after {top: 4px;left: 4px;width: 5px;height: 5px;border-radius: 50%;background: white;}


.custom-input.-green:hover input ~ .checkmark {background-color: #61d36638;}
.custom-input.-green input:checked ~ .checkmark {background-color: #4caf50;}
.custom-input.-green.-bordered .checkmark{ border:1px solid #4caf50} 

.custom-input.-red:hover input ~ .checkmark {background-color: #ff000038;}
.custom-input.-red input:checked ~ .checkmark {background-color: #f00;}
.custom-input.-red.-bordered .checkmark{ border:1px solid #f00} 

.custom-input.-orange:hover input ~ .checkmark {background-color: #ff990038;}
.custom-input.-orange input:checked ~ .checkmark {background-color: #f90;}
.custom-input.-orange.-bordered .checkmark{ border:1px solid #f90} 


.custom-input input:disabled ~ .checkmark {background-color: #bbb !important; border-color: #ccc}
.custom-input input:checked:disabled ~ .checkmark {background-color: #5290c0 !important; border-color: #2196f3}