/******** Subbar *******/
div.subbar {
    height: 3em;
    padding-left: 8px;
    padding-top: 0.5em;
    font-size: 1.3em;
    border-radius: 10px;
}

/******** Bottombar *******/
footer .bottombar {
    height: 3.5em;
    background-color: var(--bottombar-color);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1.1));
}

    footer .bottombar .knopje {
        border-radius: 10px 10px 0 0;
        background-color: var(--bottombar-color);
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1.1)) brightness(1.2);
        /*filter: brightness(1.1);*/
        cursor: pointer;
        min-width: 7em;
    }

    footer.bottombar .totaalgewicht {
        min-width: 7em;
    }

@media screen and (max-width: 769px) {
    footer .bottombar .totaalgewicht {
        padding-right: 1em;
    }
}

/*footer .bottombar .selected {
    background-color: var(--alt-accent-color) !important;
}*/

.bot-text {
    color: var(--bottombar-text-color) !important;

}

img.bottombar-image {
    /*filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1.1)) brightness(1.1);*/
    height: 2em;
}