/* OBSERVAEDU RR — HOTFIX 6.5.1 LAYOUT / MOBILE / LAZY */
@media (min-width: 1201px) {
  .home-sidebar, #menu_lateral_principal {
    position: fixed !important;
    left: 0 !important; top: 0 !important;
    width: 282px !important; min-width: 282px !important; max-width: 282px !important;
    height: 100vh !important; overflow-y: auto !important; z-index: 1000 !important;
  }
  .tabs-sem-topo, #conteudo_aba_lazy, .tabs-conteudo-visivel {
    margin-left: 282px !important;
    width: calc(100vw - 282px) !important;
    max-width: calc(100vw - 282px) !important;
    box-sizing: border-box !important; overflow-x: hidden !important;
  }
  #conteudo_aba_lazy .home-premium-page,
  #conteudo_aba_lazy .home-main,
  .tabs-conteudo-visivel .home-premium-page,
  .tabs-conteudo-visivel .home-main {
    margin-left: 0 !important; width: 100% !important; max-width: 100% !important;
    min-height: auto !important; box-sizing: border-box !important;
  }
  #conteudo_aba_lazy .home-main,
  .tabs-conteudo-visivel .home-main {
    padding-top: 24px !important; padding-left: 30px !important; padding-right: 30px !important;
  }
}
@media (max-width: 1200px) {
  .home-sidebar, #menu_lateral_principal {
    position: fixed !important;
    left: 0 !important; top: 0 !important;
    width: min(86vw, 320px) !important; height: 100vh !important;
    overflow-y: auto !important; z-index: 5000 !important;
    transform: translateX(-105%); transition: transform .22s ease-in-out;
  }
  .home-sidebar.menu-aberto, #menu_lateral_principal.menu-aberto,
  .home-sidebar.open, #menu_lateral_principal.open,
  .home-sidebar.active, #menu_lateral_principal.active {
    transform: translateX(0) !important;
  }
  .tabs-sem-topo, #conteudo_aba_lazy, .tabs-conteudo-visivel {
    margin-left: 0 !important; width: 100vw !important; max-width: 100vw !important;
    overflow-x: hidden !important; box-sizing: border-box !important;
  }
  #conteudo_aba_lazy .home-main, .tabs-conteudo-visivel .home-main, .home-main {
    padding-left: 12px !important; padding-right: 12px !important; padding-top: 58px !important;
    width: 100% !important; max-width: 100% !important;
  }
  .home-filter-panel { grid-template-columns: 1fr !important; }
  .home-filter-panel .Select, .home-filter-panel .dash-dropdown, .home-filter-panel .Select-control {
    width: 100% !important; max-width: 100% !important;
  }
  .login-card, .auth-card, .modal-login, div[id*="login"], div[class*="login"] {
    max-width: calc(100vw - 24px) !important; width: calc(100vw - 24px) !important;
    margin-left: auto !important; margin-right: auto !important;
    box-sizing: border-box !important; z-index: 6000 !important;
  }
}