.verborgen {
    display: none;
}

.adds-front {
    margin-top:25px;
    width: 100%; /* Laat het de volle breedte gebruiken */
    display: flex;
    justify-content: center; /* Horizontaal centreren */
    align-items: center; /* Verticaal centreren */
    min-height: 140px;
    height: 200px;
    border: 1px solid black;
    flex-shrink: 0; /* Voorkomt dat het kleiner wordt binnen een flex-container */
}

.filelist {
    max-height: 55px; /* Maximale hoogte */
    overflow-y: auto; /* Verticale scrollbar alleen indien nodig */
    overflow-x: hidden; /* Geen horizontale scrollbar */
    border: 1px solid #ccc; /* Optioneel: voor zichtbaarheid */
    padding: 10px;
    scrollbar-width: thin; /* Voor Firefox */
    scrollbar-color: green lightgray; /* Voor Firefox */
}

/* Aangepaste scrollbar voor WebKit (Chrome, Edge, Safari) */
.filelist::-webkit-scrollbar {
    width: 10px; /* Breedte scrollbar */
}

.filelist::-webkit-scrollbar-track {
    background: lightgray; /* Achtergrond van de scrollbar */
    border-radius: 10px;
}

.filelist::-webkit-scrollbar-thumb {
    background: green; /* Groene scrollbar */
    border-radius: 10px;
    border: 2px solid white; /* Optionele witte rand */
}

.filelist::-webkit-scrollbar-thumb:hover {
    background: darkgreen; /* Donkergroen bij hover */
}