textarea[name="notes"] {
    height: 92px;
    max-height: 120px;
}

.form-item textarea + label {
    line-height: 1.5;
}

.form-item textarea:focus + label,
.form-item.has-feedback textarea + label {
    top: -20px;
    line-height: 1.5;
    font-size: .9375rem;
}

@media (min-width: 576px) {
    textarea[name="notes"] {
        height: 66px;
        max-height: 100px;
    }
}

@media (min-width: 768px) {
    .form-item textarea:focus + label,
    .form-item.has-feedback textarea + label {
        top: -12px;
        line-height: 2.3125rem;
    }
}

@media (min-width: 992px) {
    textarea[name="notes"] {
        height: 40px;
    }
}

.server-error {
    display: none;
    margin-top: 0.5rem;
    color: #e20613;
    font-size: .9375rem;
}

.server-error--is-visible {
    display: block;
}
.mapSearchWrapper {
    position: relative;
}

.mapSearchInput {
    width: 100%;
    padding: 4px;
}

.mapSearchResults {
    display: none;
    position: absolute;
    top: 70px;
    left: 0px;
    z-index: 9999;
    background: #FFFFFF;
    border: 1px #CCCCCC solid;
    font-family: sans-serif;
}

.mapSearchResultsItem {
    padding: 4px;
    border-bottom: 1px #CCCCCC solid;
}

.mapSearchResultsItem:hover {
    background: #EEEEEE;
}

.suggestions {
    width: 100%;

    -webkit-transform: translate(0, -18px);
    -ms-transform: translate(0, -18px);
    transform: translate(0, -18px);
}

.suggestion {
    font-size: 14px;
    color: #828282;
    border-bottom: 1px solid #333;
    padding: 10px 20px 10px 10px;
    line-height: 1.2em;
    text-align: left;
}

.suggestion:hover {
    background: #828282;
    color: #FFF;
}

.mapbox {

}

.mapbox .autocomplete {

}

.mapbox input[type=text] {
    width: 100%;
}

.mapbox .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 31px;
    left: 0;
    right: 0;
}

.mapbox .autocomplete-items div {
    font-size: 13px;
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.mapbox .autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.mapbox .autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.mapbox .autocomplete .icon-close {
    width: 1.5rem;
    position: absolute;
    top: -8px;
    right: 0;
    margin: 6px;
    cursor: pointer;
    z-index: 10;
}
.pac-logo:after {

    background-image: none !important;
}

.hdpi.pac-logo:after {
    background-image: none !important;
}

.icon-close{
font-size:20px
}

#piva-form.white-box {
padding: 0px;
border-radius: 20px;
position: relative;
}
#v4 .formpagolight h1 {
background-color:#E20613;
border-radius:20px 20px 0 0;
padding:30px 30px;
color:#fff;
}
#v4 .formpagolight p{
padding:0 20px;
}
#v4 form{
padding:30px;
}
#v4 input[type="radio"],#v4 input[type="checkbox"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: var(--form-background);
/* Not removed via appearance */
margin: 0;

font: inherit;
color: currentColor;
width: 28px;
height: 28px;
border: 2px solid #333;
border-radius: 50%;
transform: translateY(-0.075em);

display: grid;
place-content: center;
}
#v4 input[type="checkbox"] {
border-radius: 0%;
}

#v4 input[type="radio"]::before,#v4 input[type="checkbox"]::before {
content: "";
width: 40px;
height: 40px;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
background-color:#E20613;
background:url("/application/themes/compasspl/imgs/flag.svg") no-repeat;
z-index:99;
position: absolute;
top:-5px;
}

#v4 input[type="radio"]:checked::before,#v4 input[type="checkbox"]:checked::before {
transform: scale(1);
}


#v4 .radioattivazione{
display:block;
float:left;
}
#v4 .labelattivazione label{
display:block;
float:left;
margin-left:20px;
font-size:18px !important;
width:70%;
line-height: 21px !important;
}
#v4 .fakeselect .labelattivazione{

width:90%;
}
#v4 .titoloattivazione{
font-size:26px !important;
margin-bottom:30px !important;
}
#v4 .gruppoattivazione{
margin-bottom:20px;
}
#v4 .sceltaattivazione{
padding:20px 30px;
}

#v4 .cmps-button.red{
padding:20px 60px;
border-radius:40px;
margin-top:40px;
}

#v4 .form-item-agreement .gruppoattivazione{
margin-top:30px;
}


#v4 .form-item input:disabled, #v4 .form-item input .disabled {
border-color: #333;
color:#333;
padding-right:30px;
text-overflow: ellipsis;
/*white-space: nowrap;*/
overflow: hidden;
}

#v4 .icon-down-nera.rossa{
color:#E20613;
position:absolute;
top:15px;
right:0;
}
#v4 .icon-down-nera.rossa.up{
transform: rotate(180deg);

}
#v4 .fakeselect{
background-color:#E4E4E4;
border-radius:5px;
padding:0;
position: absolute;
z-index: 99;
top: 0px;
margin: 0px;
width: calc(100% + 40px);
left: -20px;

overflow: scroll;
}

.fakeinput{
z-index:2;position:relative;display:block;border:0;border-bottom:.125rem dashed #707070;font-size:1.125rem;padding:.5rem 0;background:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;
margin-top:20px;
margin-bottom:20px;
color:#707070;
padding-top:15px !important;
}
.fakeinput span{
border-color: #707070;
color:#999;
padding-right:30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
position:relative;
z-index:999;
}
.fakeinput.has-value span{
border-color: #333;
color:#333;
font-weight:400;
}
.fakeselectinner{
padding:0 20px;
}
.fakeselect .gruppoattivazione{
margin-top:15px;
margin-bottom:0;
}
.form-item{
padding-top:5px;

}
.form-item input{
border-bottom:.125rem dashed #707070;
color:#999;
}
.form-item.has-value input{
border-bottom-color:#333;
color:#333;
}
.form-item.has-value input:not([value=""]) {
border-bottom: 2px solid #333;
}
.fakegroup{
height:300px;
overflow:scroll;
}
.form-item.fakeinput.close{
border:none;
}
.maplink{
color:#E20613 !important;
font-size:15px;
margin-top: 15px;
display: block;
font-weight:600;
}
#v4 .fakeselect .labelattivazione.full{
width: 80%;
}
.fakeinput.has-value{
border-bottom:2px solid #333;
}
.fakeinput.has-error{
background-color: #fee9ea !important;
border-bottom: 2px solid #e20613;
}
.fakeinput.has-error:after{
content: 'Campo obbligatorio';
position: absolute;
bottom: -24px;
color: #e20613;
left: 15px;
}
#v4 .mini{
color:#999;
}
input{
font-family:"Titillium Web", sans-serif;
}
@media screen and (max-width: 1023px) {
#titleformpagolight{
    display:none;
}
#piva-form.white-box{
    border-radius: 0;
}
#v4 .fakeselect .labelattivazione {
width: 80%;
}
}
@media screen and (min-width: 1024px) {
#form-cnt {

background: transparent !important;
}
}


@media screen and (max-width: 800px) {

#v4 .form-item-agreement .labelattivazione{
    font-size:16px !important;
    width:50% !important;
    margin-left: 10px !important;
}
#formprivacy{
    padding:15px !important;
}
.fakeinput span {
    font-size:18px;
}
#v4 .cmps-button.red {
    padding: 15px 30px;
}
}


.close-modal-icon {

top: 30px !important;
}
.formpagolight {
max-height: calc(90vh - 100px);
overflow: auto;
}
.linguetta-cnt div:nth-child(2){
  display:none;
}


@media screen and (min-width: 991px) and (max-width: 1400px) {
#form-cnt {
    max-width: 533px;
}
#v4 .formpagolight h1 {
    padding:20px;
    font-size:25px !important;
    margin-bottom:5px;
}
.close-modal-icon {
    top: 20px !important;
    }
    #v4 .titoloattivazione {
        font-size: 22px !important;
    }

    #v4 .cmps-button.red {

        margin-top: 10px;
    }
    #v4 form {
        padding: 25px;
    }
    #v4 p.mini{
        font-size:16px !important;
        margin-bottom:5px !important;
    }
    #formprivacy .titoloattivazione{
        margin-bottom:10px !important;
    }
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 800px) {

}
.fakecontainer.has-error .form-item{
background-color: #fee9ea !important;
border-bottom: 2px solid #e20613;
}
.red{
color:#e20613;
}

.fakecontainer .help-block--error{
position: absolute;
color: #e20613;
margin-top: -20px;
}

.formcontact{
    border:2px solid #999;
    border-radius:10px;
}
.formcontact .titoloattivazione{
    text-align:center;
}

.spinner {
    
    background: url(/application/themes/compasspl/imgs/loading.gif) no-repeat center center rgba(255,255,255,.8);
     
  }