#appView.hidden,
#loginView.hidden {
  display: none !important;
}

/* LOGIN ATIVO = ESCONDER CASCA DO APP */
body.ga-login-active #appView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Caso algum topo mobile esteja fora do appView */
body.ga-login-active .ga-mobile-topbar,
body.ga-login-active .mobile-topbar,
body.ga-login-active .topbar,
body.ga-login-active .app-topbar,
body.ga-login-active .ga-topbar,
body.ga-login-active .mobile-header,
body.ga-login-active .ga-mobile-header,
body.ga-login-active .app-header,
body.ga-login-active .sidebar-toggle,
body.ga-login-active .mobile-menu-toggle,
body.ga-login-active .menu-toggle,
body.ga-login-active .hamburger,
body.ga-login-active .hamburger-btn,
body.ga-login-active [class*="mobile-topbar"],
body.ga-login-active [class*="mobile-header"],
body.ga-login-active [class*="topbar"],
body.ga-login-active [class*="menu-toggle"],
body.ga-login-active [class*="hamburger"],
body.ga-login-active [data-open-mobile-menu],
body.ga-login-active [data-mobile-menu-toggle] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Sem login, nada de menu/sidebar */
body:not(.ga-app-active) .sidebar,
body:not(.ga-app-active) nav,
body:not(.ga-app-active) .ga-mobile-menu,
body:not(.ga-app-active) .mobile-menu,
body:not(.ga-app-active) .ga-mobile-nav,
body:not(.ga-app-active) .mobile-nav {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Permiss?es negadas */
.ga-access-denied {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body.ga-login-active #appView {
    display: none !important;
  }

  .ga-access-denied {
    display: none !important;
  }
}


/* ============================================================
   GA LOGIN MOBILE FINAL GUARD
   O cabecalho real e criado por ga-mobile-ui-v2.js
============================================================ */

body.ga-login-active #gaMobileTopNav,
body.ga-login-active #gaMobileMenuBackdrop,
body.ga-login-active #gaMobileDock,
body.ga-login-active #gaMobileMoreBackdrop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/*
 * Camada de seguranca:
 * qualquer elemento de navegacao
 * criado pelo ga-mobile-ui fica
 * proibido durante o login.
 */

body.ga-login-active [id^="gaMobile"][role="navigation"],
body.ga-login-active [id^="gaMobile"][class*="nav"],
body.ga-login-active [id^="gaMobile"][class*="menu"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/*
 * O app inteiro fica fora durante
 * a tela de autenticacao.
 */

body.ga-login-active #appView {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/*
 * Garante que o LOGIN continue visivel.
 */

body.ga-login-active #loginView {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


@media(max-width:900px) {

  body.ga-login-active #gaMobileTopNav,
  body.ga-login-active #gaMobileMenuBackdrop,
  body.ga-login-active #gaMobileDock,
  body.ga-login-active #gaMobileMoreBackdrop {
    display: none !important;
  }
}