#filter-pane {
    position: fixed;
    top: 0;
    left: 100%;
    transition: left var(--transition-duration) ease;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: var(--verde-chiarissimo);
    padding: 5% 5%;
    overflow-y: scroll;
    z-index: 90000;

}
#filter-pane.open {
    left: 0;
}

@media screen and (min-width: 992px) {
   #filter-pane {
    width: 40%;
   }

   #filter-pane.open {
    left: 60%;
   }
}

#close-img-filter {
    position: absolute;
    top: 3%;
    right: 3%;
    height: 20px;

}

#filter-pane h2.align-center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2%;
}



.filter-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
   
}

.filter-row span.title {
    font-size: 1.1rem;
    font-weight: 300;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    border-bottom: 1px solid var(--verde-medio);
    padding: 5px;
    color: var(--verde-scuro)
}

.filter-row .container {
    height: auto;
    width: 100%;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} 

.filter-row .container span {
    padding: 5px 20px;
    border: 1px solid var(--verde-medio);
    border-radius: 2px 2px;
    cursor: pointer;
    margin: 1% 1%;
    color: var(--verde-scuro);
    font-size: .9rem;
    font-weight: 300;
}

.filter-row .container span.exclude {
    border: 1px solid #e0e0e0;
    color: #909090;
    background-color: #e0e0e0;
}

.filtro-btn-item.active {
    background-color: var(--verde-medio);
    color: white !important;
}

.filter-pane .button-filter {
    width: auto;
    height: auto;
    border-radius: 5px 5px;
    font-size: 1.1rem;
    color: var(--bianco);
    background-color: var(--verde-scuro);
    cursor: pointer;
    margin: 5% auto;
    padding: 10px 50px; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}