/******** Topbar 1 *******/
.topbar_1 {
    min-height: 4em;
    margin-top: 0.5em;
}

    .topbar_1 .help {
        cursor: pointer;
        z-index: 10;
    }

        .topbar_1 .help img {
            margin: 0.4em;
        }

    .topbar_1 .caption_1 {
        font-size: 1.5em;
    }

    .topbar_1 .caption_1_small {
        text-indent: 2em;
        margin-top: 0px;
        margin-bottom: 4px;
    }

/******** Topbar 2 *******/
div.topbar_2 {
    min-height: 4em;
    border-radius: 10px;
    top: 4rem;
    z-index: 3;
    background-color: var(--main-color);
    color: var(--main-text-color);
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1.4));
}

    div.topbar_2 .caption_2 {
        margin-bottom: 0px;
        font-size: 1.4em;
    }

    div.topbar_2 .caption_2_small {
        text-indent: 2em;
        margin-top: 0px;
        margin-bottom: 4px;
    }

.topbar_2 select {
    font-size: 0.9em;
    /*filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 1.4)) brightness(1.1);*/
}

.topbar_2 .justify-content-end {
    /*filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 1.4)) brightness(1.1);*/
}

.topbar_2 img {
    margin: 0.4em;
    height: 3.2em;
}

/******** 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;
}