#form-contatti label{
	margin-bottom: 9px;
    font-size: 0.875em;
    font-weight: 500;
}
#form-contatti input:not(.custom-checkbox), #form-contatti select, #form-contatti textarea{
	border-color: #DDE2E6;
	border-radius: 0px !important;
	min-height: 45px;
}
#form-contatti input.styled-radio{ min-height: initial; border-radius: 50% !important; cursor: default !important; }
.main-radio-container{ display: flex; justify-content: space-between;  }
.contact-preference label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    margin-right: 15px;
}

.styled-radio {
    appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #DDDDDD;
    border-radius: 50%;
    background-color: white;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s ease;
}

.styled-radio:checked {
    border-color: #009FDF !important;
}

.styled-radio:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 17px;
    background-color: #009FDF;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" stroke-width="3" d="M20.285 6.25l-11.334 11.48L3.714 12.5l1.986-2.136 3.964 4.084 9.34-9.28z"/></svg>') no-repeat center;
    mask-size: contain;
}
/* Nascondi la checkbox di default */
.custom-checkbox {
    margin-right: 10px;
}
.custom-checkbox:focus-visible {
    outline: 2px solid #000 !important;
}
/* Stile della casella personalizzata */
.custom-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 15px;
}

.custom-checkbox-box {
    width: 16px; /* Imposta dimensioni personalizzate */
    height: 16px;
    border: 2px solid #DDE2E6;
    background-color: #fff;
    margin-right: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    box-sizing: border-box;
    cursor: pointer;
	padding:8px;
}

/* Rendi la casella quadrata */
.custom-checkbox-box {
    border-radius: 0;
}

/* Colore e icona quando la checkbox è selezionata */
.custom-checkbox:checked + .custom-checkbox-box {
    background-color: #00A0DC;
    border-color: #00A0DC;
	padding: 8px;
}

.custom-checkbox:checked + .custom-checkbox-box::before {
    content: '✔'; /* Alternativa con segno di spunta */
    color: #fff;
    font-size: 16px;
}
input:read-only,
textarea:read-only {
    color: #DDE2E6;
    border-color: #DDE2E6;
    cursor: not-allowed;
}
.telaio-label{ color: #DDE2E6; }
.telaio-label.enabled{ color: #1B1B1B; }
.qs-datepicker-container{ top:75px !important; }
.calendar-icon{
    position: absolute;
    right: 12px;
    top: 39px;
    width: 22px;
    height: 22px;	
}
.wrapper-text .content-text .description p:not(.text-box){
	font-family: 'avenir';
    font-weight: 500;
    line-height: 22px;
    font-size: 0.875em;
}
.btn-contact-form.disable{
	background-color: #DDDDDD;
	color: white;
	border-color: white;
}
input.error {
    border: 1px solid red;
}

label.error {
    color: red;
    font-weight: bold;
}
@media (max-width: 768px) {
	.btn-contact-form{
		width: 100%;
		max-width: inherit;
		min-height: 40px;
	}
}
@media (max-width: 576px) {
    .wrapper-text .content-text .description p:not(.text-box) {
        font-size: 0.75em;
        line-height: 16px;
        width: 96%;
        margin-left: 2%;
    }
	.main-radio-container{ display: block; }
}