input[type=date].form-control,
input[type=number].form-control,
input[type=email].form-control,
input[type=tel].form-control,
input[type=text].form-control,
select.form-control,
label.form-control,
textarea.form-control{
border: 1px solid var( --e-global-color-accent );
background-color: transparent;
color: inherit;
border-radius: 0;
cursor: pointer;
min-height: 2rem;
border-width: 0 0 1px 0;
outline: none !important;
margin-bottom: 1.5rem;
font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
.jconfirm-holder .container{
display: flex;
justify-content: center;
}
.field-label{
text-transform: uppercase;
color: var( --e-global-color-accent);
margin-bottom: 0.5rem;
font-weight: 500;
font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
.alertMessage, .errorInput + label{
color: #FF0000;
padding-left: 0.2rem;
font-size: 80%;
}
.row{
display: flex;
column-gap: 32px;  
}
.row .col-md-6{
width: 50%;
}
.flatcustomCheckbox{
display: flex;
align-items: center;
column-gap: 4px;
}
#form-contatti .form-control::placeholder {
color: var(--brown);
}
#form-newsletter .form-control{
background-color: transparent;
border-width: 0 0 2px 0;
border-bottom: 2px solid var(--cream);
border-radius: 0;
padding: 0.9rem 0rem;
color: var(--cream);
}
#form-newsletter .form-control::placeholder {
color: var(--lightgreen);
opacity: 1; }
#form-newsletter .form-control::-ms-input-placeholder { color: var(--cream);
}
.customBtn{
background-color: var(--e-global-color-accent);
display: inline-block;
padding: 0.7rem 3rem;
border-radius: 4px;
color: #FFFFFF;
text-transform: uppercase;
margin-top: 1.5rem;
cursor: pointer;
transition: 0.3s all linear;
font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
.customBtn:hover{
background-color: #13391e;
} .customCheckbox input + label > .fakeCheck::after{
content: "";
position: absolute;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--green);
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-moz-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-o-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
transition: all .3s cubic-bezier(.3,.81,.67,2.5);
}
#form-newsletter .customCheckbox input + label > .fakeCheck::after{
background-color: var(--white);
}
.customCheckbox input + label{
position: relative;
cursor: pointer;
font-size: 0.9rem;
font-weight: 400;
}
.customCheckbox input + label > .fakeCheck{
display: block;
position: absolute;
font-size: calc(1em - 4px);
margin-left: 2px;
height: 1em;
width: 1em;
left: 0;
top: 0.2em;
cursor: pointer;
outline: 1px solid var(--green);
padding: 2px;
border-radius: 1px;
}
#form-newsletter .customCheckbox input + label > .fakeCheck{
outline: 1px solid var(--white);
}
.customCheckbox input[type=radio] + label > .fakeCheck{
border-radius: 100px;
}
.customCheckbox input:not(:checked) + label:hover > .fakeCheck,
.customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: var(--green);
}
.customCheckbox input:checked + label > .fakeCheck{
outline-color: var(--green);
}
#form-newsletter .customCheckbox input:not(:checked) + label:hover > .fakeCheck,
#form-newsletter .customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: var(--white);
}
#form-newsletter .customCheckbox input:checked + label > .fakeCheck{
outline-color: var(--white);
}
.customCheckbox input:checked + label > .fakeCheck::after{
height: .3rem;
width: .3rem;
}