:root{
    --collect-background: rgb(241, 249, 230);
   

    --delivery-background: rgb(234, 249, 254);
    --travel-background: rgb(241, 241, 241);
    --box-zona :lightseagreen;

    /* sizing  */
    --wsize-travel: 60%;
    --wsize-collect: 40%;
    --wsize-delivery: 0%;

    --h-cd-filters: 132px;
    --h-top-header: 80px;

    --w-dist-travel: 10px;
    --w-ref-tools-container:98.4%;
}


/* WINDOWS Sizing */

#viaggi-container{
    /* Prova con Fixed */
    position: absolute;

    width: var(--wsize-travel);
    padding-bottom: 300px;
    margin-bottom: 300px;
    height: calc(100vh - 80px);

    border-radius: 6px;
    padding: 4px;
}
.container-viaggi{
    background-color: var(--travel-background);
    border-radius: 6px;
    box-shadow: 0px 6px 5px 0px rgba(123, 123, 123, 0.75);
    height: 100%;
}

.viaggi-rows-container{
    /* Aggiungiamo la Scrollbar */
    overflow-y: auto;
    height: 90%;

}
.viaggi-rows-internal-container{
    padding-left: 10px;
    padding-right: 10px;
}


#ritiri-container{
    
    position: absolute;

    margin-top: var(--h-cd-filters);

    width:  calc(var(--wsize-collect) );
    left: calc(var(--wsize-travel) + var(--w-dist-travel) );
    border-radius: 6px;

    height: calc(100vh - var(--h-top-header) - var(--h-cd-filters));

    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 300px;
}


#consegne-container{
    position: absolute;
    margin-top: var(--h-cd-filters);    
    width:  var(--wsize-delivery ) ;
    left: calc(var(--wsize-collect) + var(--wsize-travel) + var(--w-dist-travel) + 2px);

    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 300px;

    height: calc(100vh - var(--h-top-header) - var(--h-cd-filters));
}

.container-consegne{
    
    background-color: var(--delivery-background);
    border-radius: 6px;
    box-shadow: 0px 6px 5px 0px rgba(123, 123, 123, 0.75);
     /* Aggiungiamo la Scrollbar */
    overflow-y: auto;
    height: 100%;
}
.container-ritiri{
    
    background-color: var(--collect-background);
    border-radius: 6px;
    box-shadow: 0px 6px 5px 0px rgba(123, 123, 123, 0.75);
    /* Aggiungiamo la Scrollbar */
    overflow-y: auto;
    height: 100%;
}


#ritiri-consegne-mix-container{
    position: absolute;
    margin-top: var(--h-cd-filters);    
    width: calc( var(--wsize-collect) + var(--wsize-delivery) );
    left: calc(var(--wsize-travel) + var(--w-dist-travel) + 2px);
    height: calc(100vh - var(--h-top-header) - var(--h-cd-filters));

    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 300px;

    display: none;

}

#collect-delivery-filters{
    position: absolute;
    width: calc(var(--w-ref-tools-container) - var(--wsize-travel));
    left: calc(var(--wsize-travel) + var(--w-dist-travel) + 2px);
    background-color: lightgrey;
    border-radius: 6px;
    padding-left: 3px;
    padding-right: 3px;
    height: var(--h-cd-filters);

}