body {
    padding-top: calc(var(--topbar-height) + var(--navbar-height-sm));
}

.topbar {
    background-color: var(--header-and-footer);
    height: var(--topbar-height);
    width: 100%;
    margin-top: var(--navbar-height-sm);
}
    .topbar .form-control{
        width: unset;
    }

    .topbar #timeZoneSelector{
        max-width: 15rem;
    }

    @media (min-width: 576px) {
        body {
            padding-top: var(--topbar-height);
        }

        .topbar {
            margin-top: unset;
        }
    }