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

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

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

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

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


/* WINDOWS Sizing */

.travel-container{
    position: relative;
}

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

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

    border-radius: 10px;
    padding: 4px;
}
.container-viaggi{
    background-color: var(--travel-background);
    border-radius: 10px;
    border: 1px solid #e4e8ed;
    box-shadow: 0 4px 16px rgba(0,0,0,0.09);
    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: 10px;
    border: 1px solid #e4e8ed;
    box-shadow: 0 4px 16px rgba(0,0,0,0.09);
    overflow-y: auto;
    height: 100%;
}
.container-ritiri{
    background-color: var(--collect-background);
    border-radius: 10px;
    border: 1px solid #e4e8ed;
    box-shadow: 0 4px 16px rgba(0,0,0,0.09);
    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;
    top: 8px;
    width: calc(var(--w-ref-tools-container) - var(--wsize-travel));
    left: calc(var(--wsize-travel) + var(--w-dist-travel) + 2px);
    background-color: #F8F9FA;
    border: 1px solid #e4e8ed;
    border-radius: 8px;
    padding: 4px 6px;
    height: calc(var(--h-cd-filters) - 8px);
}