﻿.input-label{display:block;text-transform:uppercase;color:#333;margin-bottom:.6rem}
.input-label__checkbox-privacy{font-size:1.4rem;position:relative;top:.3rem;color:#333}

input[type="checkbox"] {cursor: pointer;-webkit-appearance: none;display: inline-block;position: relative;border:1px solid #ddd}
input[type="checkbox"]:checked{background-color: #1A73E8!important;}
input[type="checkbox"]:checked:after {border: none; top:50%;left:50%;transform:translate(-50%,-50%);content: '\2714';color:#fff;position: absolute;font-size:2.1rem}
.input-checkbox{line-height: 0;display: block;}
.input-checkbox input{margin:0;width: 24px;height: 24px;position: relative;background:#fff;}

input[type="text"],
textarea,input[type="email"], 
.input-text, 
.input-select, 
.input-dropdownlist {padding: 1rem;display: block;width: 100%;height: 4.5rem;background: #fff;cursor: pointer;border: 1px solid #ddd;border-radius: .8rem;}

textarea{height:auto}

input[type="text"].field-error, 
input[type="email"].field-error,
textarea.field-error,
.input-text.field-error,
.input-select.field-error,
.input-checkbox input.field-error,
.input-file.field-error{border: 2px solid #d84434;outline: none;background-color: #fff3f2;}

.input-file{font-size:2rem;color:#333}

.form{display:flex;flex-wrap:wrap;gap:1.6rem}
.form .validation-summary{width:100%;background:#fff3f2;margin-bottom:.8rem;scroll-margin-top: 15rem;padding: 1.6rem;border-radius: 1.6rem;}
.form .validation-summary ul{margin-top:1.6rem;gap:.8rem}

.form-field,.form-field__messaggio,.form-field__google-recaptcha-badge,.form-field__periodo{width:100%;}

.form-field__privacy{display:flex;align-items:start;gap:.8rem;margin:1.6rem 0}

.form .submit-wrapper{width:100%;}
.form .submit-wrapper .button{width:100%;}

.google-recaptcha-inline-badge{display:flex;place-content:end}

.form-field small{display:block;color:#333;margin:.8rem 0}

/*.form-field__cv .input-label{margin-bottom:1.6rem}*/
.form-field__cv small{font-weight:300}


@media(min-width:768px){
    .form-field{width:calc(50% - .8rem)}
    .form-field__messaggio,
    .form-field__google-recaptcha-badge,
    .form-field__periodo,
    .form-field__privacy,
    .form-field__codice-prenotazione,
    .form-field__citta,
    .form-field__settore,
    .form-field__cv{width:100%;}
}

