/*
    Não remover os importantes eles sobreescreve os styles inline. 
    Os styles inline acontece por conta de uma funcionalidade que é feita quando não usa o estilo flex.
*/

html.mobiage-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    body {
        flex: 1;
        display: flex;
        flex-direction: column;
        
        mb-notifications {
            order: 0;
            .mb-n-container.mb-n-fixed {
                position: relative;
                transform: translateY(0px) !important;
            }
        }

        #app > ui-view {
            display: flex;
            flex-direction: column;
            flex: 1;
            mbg-base {
                order: 1;
                flex: 1;
                display: flex;
                flex-direction: column;
                .mb[topbar] {
                    // margin-top: 12px;
                }
                .mb[base] {
                    flex: 1;
                    height: auto;
                    transform: translateY(0px) !important;
                    height: auto !important;
                }
            }
        }
    }
}