.app-mobile-navbar {
    box-shadow: 0px 0px 1px #00000033;
    width: 100%;
    padding: 0;
    height: auto;
    .navbar {
        display: flex;
        height: var(--wm-navbar-height);
        align-content: center;
        flex-direction: row;
        .mobile-navbar-left {
        flex: 1;
            .navbar-nav {
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                li i {
                    color: var(--wm-navbar-back-icon-color);
                    font-size: var(--wm-navbar-back-icon-size);;
                }
            }
        }
        .mobile-navbar-center {
            max-width: none;
            .navbar-header {
                height: 100%;
            }
            .navbar-brand {
                display: flex;
                flex-direction: row;
                align-items: center;
                text-align: initial;
                padding-left: 12px;
            }
        }
        .mobile-navbar-right {
            flex: 1;
            .navbar-nav {
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .navbar-nav.navbar-right {
                 li {    
                    display: inline-flex;
                    align-items: flex-start;
                    flex-wrap: nowrap;
                    height: 36pt;
                 }

            }
            .app-anchor,
            .app-menu,
            .app-button
            .app-popover {
                vertical-align: middle;
                background-color: transparent;
                .app-icon {
                    padding-right: 2px;
                    font-size: var(--wm-navbar-anchor-icon-size);
                }
            }
            .app-button {
                display: inline-block;
                margin: 0;
                line-height: initial;
                >.btn-caption {
                    color: var(--wm-navbar-button-color);
                }
            }
                     
        }
    }
}
