fieldset,form,label,legend,input,select,textarea,option{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}*{box-sizing:border-box}:root{--nf-main-color: #4A90E2;--nf-main-color-faded: #EDF4FC;--nf-main-color-hover-color: #3B7CC8;--nf-success-border-color: #17C37B;--nf-error-border-color: #EFADB5;--nf-error-bg-color: #FEF7F8}form label,form input,form textarea,form select{display:block;position:relative;width:100%}form input,form textarea,form .select-dropdown,form .select-listed,form input[type=checkbox]+label,form input[type=radio]+label{margin-bottom:20px}form fieldset{border:1px solid lightgrey;border-radius:2px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.05);margin:20px 0;padding:20px 20px 0}form legend{color:grey;font-size:80%;padding:0 10px;text-transform:uppercase}form label{/*font-size:90%;*/margin-bottom:5px}form input[type=text]:valid:not(:placeholder-shown),form input[type=email]:valid:not(:placeholder-shown),form input[type=password]:valid:not(:placeholder-shown),form input[type=number]:valid:not(:placeholder-shown),form textarea:valid:not(:placeholder-shown){border-color:var(--nf-success-border-color);border-left:5px solid var(--nf-success-border-color);-webkit-transition:none;transition:none}form input,form textarea,form select,form input[type=checkbox]+label,form input[type=radio]+label{border:1px solid lightgrey;border-left:5px solid lightgrey;border-radius:5px;outline:none;padding:10px 15px}form input:required,form textarea:required,form select:required{border-left:5px solid #EFADB5}form input:focus,form input[type=checkbox]:focus+label,form input[type=radio]:focus+label,form textarea:focus,form select:focus{border-color:var(--nf-main-color);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}form input:invalid:not(:focus):not(:placeholder-shown),form input:invalid:focus:not(:placeholder-shown){background:var(--nf-error-bg-color);border-color:var(--nf-error-border-color)}form input:invalid:focus:not(:placeholder-shown) ~ .requirements{max-height:150px;padding:0 0 10px 10px}form .requirements{color:red;font-size:80%;font-style:italic;max-height:0;overflow:hidden;padding:0 0 0 10px;position:relative;-ms-transition:.28s;-webkit-transition:.28s;top:-10px;transition:.28s}form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}form .select-dropdown{display:block;position:relative}form .select-dropdown:after{background:none;border-color:lightgrey;border-style:solid;border-width:3px 3px 0 0;content:'';display:block;height:6px;position:absolute;right:15px;top:calc(50% - 6px);-webkit-transform:rotate(135deg);transform:rotate(135deg);width:6px}form input[type=checkbox],form input[type=radio],form input[type=checkbox]+label,form input[type=radio]+label{cursor:pointer;display:inline-block}form input[type=checkbox]+label,form input[type=radio]+label{border:1px solid lightgrey;font-size:100%;padding-left:30px;position:relative}form input[type=checkbox]+label:before,form input[type=radio]+label:before{background:white;border-radius:2px;border:1px solid black;content:'';height:9px;left:10px;position:absolute;top:calc(50% - 5px);width:9px}form input[type=radio]+label:before{border-radius:100px}form input[type=radio]:checked+label:before{background:var(--nf-main-color);border-color:var(--nf-main-color)}form input[type=checkbox]+label:after{color:white;content:'✓';display:none;font-size:14px;font-weight:bold;left:11px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,0.4);top:calc(50% - 10px)}form input[type=radio]+label:after{background:white;border-radius:100px;box-shadow:0 1px 2px rgba(0,0,0,0.4);content:'';display:none;position:absolute;width:5px;height:5px;left:13px;top:calc(50% - 2px)}form input[type=radio]:checked+label:after{display:block}form input[type=checkbox]:focus+label,form input[type=radio]:focus+label{border-color:var(--nf-main-color)}form input[type=checkbox]:checked+label,form input[type=radio]:checked+label{background:var(--nf-main-color-faded);border-color:var(--nf-main-color)}form input[type=checkbox]:checked+label:before{background:var(--nf-main-color);border-color:var(--nf-main-color)}form input[type=checkbox]:checked+label:after{display:block}form input[type=checkbox],form input[type=radio]{margin-right:5px;position:absolute;width:auto;z-index:-1}form input[type=submit],form input[type=reset]{border-radius:4px;cursor:pointer;display:inline-block;margin:0;padding:10px 15px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;top:0}form input[type=submit]:hover,form input[type=reset]:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,0.1)}form input[type=submit]:focus{border-color:rgba(0,0,0,0.6)}form input[type=reset]:focus{border-color:var(--nf-main-color)}form input[type="submit"]{background:var(--nf-main-color);border:1px solid #4A90E2;color:white}form input[type=submit]:hover{background:var(--nf-main-color-hover-color)}form input[type="reset"]{background:white;border:1px solid lightgrey;color:grey}form .inline-buttons{display:-webkit-box;display:flex}form .inline-buttons input:first-of-type{margin-right:10px}form .inline-buttons input[type=submit],form .inline-buttons input[type=reset]{width:50%}