.form { clear:both;  }
.form .fbody { background:#fff; padding: 10px 1%; float:left; display:block; width: 100%; box-sizing:border-box; }
.form .fbody h2{ margin: 30px 0 10px;  }
.form .fbody h3{ font-weight:bold; font-size: 17px!important;  margin: 30px 0 10px;  }
.form .fbody label{ cursor:text;font-size:16px; color:#888; top:29px;  z-index:4; position:absolute; left: 10px; transition:.4s; display: inline-block; margin-bottom: 0.5rem; }
.form .fbody label.active{ font-size:12px; top:20px; left:8px; transition: 0.1s; color:#666; }
.form .fbody input{ border: 1px solid #deedf2; border-radius:1px; border-bottom: 2px solid #ddd; background-color:#f6fafc; padding: 18px 10px 2px; border-radius:1px; }
.form .fbody input.active, 
.form .fbody input:active,
.form .fbody input:focus{ border-radius:1px; border: 1px solid #deedf2; border-bottom: 2px solid #257fa4; background:#f6fafc; outline:none;
 box-shadow: inset 0 0 1px #adddff!important; transition: .3s; }
.form .fbody input.is-invalid{ border-radius:1px; border: 1px solid #deedf2; border-bottom: 2px solid #ca0000!important; background:#f6fafc; 
 box-shadow: inset 0 0 1px #adddff!important; transition: .3s; }

.form .fbody .link_alt { font-size: 14px; font-weight:bold; margin-top:5px; line-height: 25px; float:left; display:block; }
.form .fbody .link_sm { font-size: 12px; margin-top:5px;  float:right; display:block; }
.form .fbody .form-group { position:relative; padding: 17px 0 0; }

.form .fbody input.phone { padding: 9px 10px 9px 20px; }
.form-control{ width:100%;   }
.form-control.md{   max-width:320px  }
.form-control.xl{   max-width:920px  }
.form-group.size-L input{ font-size: 20px }
.form-group.size-L label:not(.active) { font-size: 18px }
.form-group.size-XL input { font-size: 27px }
.form-group.size-XL label:not(.active) { font-size: 22px }
 .form .fbody .yf.bt { background:#16774a; color:#fff; padding: 5px 25px; font-size: 24px; letter-spacing: .6px; cursor:pointer; border:0; border-radius:3px; margin: 15px 5px; }
 .form .fbody .yf.bt.bt-success { background:#198754; color:#fbfbfb; transition:.2s; }
 .form .fbody .yf.bt.bt-success:hover { background:#16774a; color:#fff;  transition:.2s; }

 .form .hselect { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="grey" viewBox="0 96 960 960" width="24"><path d="M480 682.461q-6.846 0-13.269-2.308t-12.038-7.923L274.308 491.846q-8.692-8.692-8.384-20.769.307-12.077 9-20.769 8.692-8.692 21.076-8.692t21.076 8.692L480 613.232l163.539-163.539q8.692-8.692 20.769-8.385 12.076.308 20.768 9 8.693 8.692 8.693 21.077 0 12.384-8.693 21.076L505.307 672.23q-5.615 5.615-11.846 7.923-6.23 2.308-13.461 2.308Z"/></svg>'); background-position:right center; background-repeat:no-repeat; }
 .form .hselect-options { box-shadow: 0 0 1px #ccc; overflow-y:auto; min-height:50px; max-height:250px; display:none;width:100%; width:100%; max-width:500px;  }
 .form .hselect-option { cursor:pointer; display:block; width:100%; border-bottom:1px solid #eee; background:#fff; padding: 6px 10px; color:#343434;transition:.2s; }
 .form .hselect-noresults { display:block; width:100%; background:#eee; padding: 23px 10px; color:#222; font-size: 16px; text-align:center; }
 .form .hselect-option:hover{ box-shadow: inset 0 0 1px #aaa; background: #f1f1f1; color:#343434; transition:.2s; }

.max-300 {  width:100%; max-width:320px!important } 

.feedback { display:block; width:100%; float:left; }
        .rt-invalid { color:#ca0000; }
        .rt-valid { color:green; }


.qSelect { display:block; float:left; position:relative; width:100%; }
.qSelect-label { display:block; float:left; border-radius:1px; border: 1px solid #deedf2; border-bottom: 2px solid #257fa4; background:#f6fafc; outline:none; 
        box-shadow: inset 0 0 1px #adddff!important; min-height:52px; width: 100%; padding: 20px 25px 5px 15px; cursor:pointer; text-align:left; transition:.2s;  }
.qSelect-label:focus{ outline:none; background-color:#fff!important; transition:.2s; box-shadow:none!important; }

.qSelect-label { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="grey" viewBox="0 96 960 960" width="24"><path d="M480 682.461q-6.846 0-13.269-2.308t-12.038-7.923L274.308 491.846q-8.692-8.692-8.384-20.769.307-12.077 9-20.769 8.692-8.692 21.076-8.692t21.076 8.692L480 613.232l163.539-163.539q8.692-8.692 20.769-8.385 12.076.308 20.768 9 8.693 8.692 8.693 21.077 0 12.384-8.693 21.076L505.307 672.23q-5.615 5.615-11.846 7.923-6.23 2.308-13.461 2.308Z"/></svg>'); background-position:right center; background-repeat:no-repeat; } 

.qSelect-options { display:none; overflow-y:auto; width:100%; min-height:50px; max-height:250px; } 
.qSelect-options .qSelect-option{ cursor:pointer; display:block; width:100%; border-bottom:1px solid #eee; font-size:13px; box-shadow:none; background:#fff; padding: 10px 15px; color:#343434;transition:.1s;  }
.qSelect-options .qSelect-option:hover{ background: #eee; color:#343434; transition:.1s; box-shadow:none!important; }
.qSelect-options .qSelect-option.active {    }

.qSelect-options { z-index:+9999; top:100%; min-width: 250px; left:1px; position:absolute; border-top: 1px solid #aaa;box-shadow: 0 1px 0px 1px #ccc!important; } 





/* forms  */


.container-list-actions { display:block; width:100%; float:left; }
.container-list-actions .list-actions { display:block; margin: 0 0 20px; float:left; width:50%; }
.container-list-actions .list-actions h3{ color:#232323; font-weight: bold; font-size:14px!important; }
.container-list-actions .list-actions a{ color:#007eb0; margin: 5px 0; font-size: 1.1em; display:block; clear:both;text-decoration:none; }
.container-list-actions .list-actions a:hover{ text-decoration:underline; }

