html.dashboard-shell-active{height:100%!important;overflow:hidden!important}
html.dashboard-shell-active body.dashboard-page,
html.dashboard-shell-active body.dashboard-page.monitoring-scroll,
html.dashboard-shell-active body.dashboard-page.candidates-scroll{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
html.dashboard-shell-active body.dashboard-page main{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
html.dashboard-shell-active body.dashboard-page .dash-app{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
html.dashboard-shell-active body.dashboard-page .dash-stage{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
html.dashboard-shell-active body.dashboard-page .tab-panel,
html.dashboard-shell-active body.dashboard-page #monitoring,
html.dashboard-shell-active body.dashboard-page #events,
html.dashboard-shell-active body.dashboard-page #schools{
    height:calc(100dvh - 76px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 76px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-bottom:34px!important;
}
html.dashboard-shell-active body.dashboard-page .tab-panel::-webkit-scrollbar{width:9px}
html.dashboard-shell-active body.dashboard-page .tab-panel::-webkit-scrollbar-track{background:#e9eef2;border-radius:10px}
html.dashboard-shell-active body.dashboard-page .tab-panel::-webkit-scrollbar-thumb{background:#aebbc4;border:2px solid #e9eef2;border-radius:10px}
html.dashboard-shell-active body.dashboard-page .tab-panel::-webkit-scrollbar-thumb:hover{background:#71828d}
html.dashboard-shell-active body.dashboard-page .tab-panel{scrollbar-width:thin;scrollbar-color:#aebbc4 #e9eef2}
@media(max-width:700px){
    html.dashboard-shell-active body.dashboard-page .dash-stage{height:calc(100dvh - 52px)!important;max-height:calc(100dvh - 52px)!important}
    html.dashboard-shell-active body.dashboard-page .tab-panel,
    html.dashboard-shell-active body.dashboard-page #monitoring,
    html.dashboard-shell-active body.dashboard-page #events,
    html.dashboard-shell-active body.dashboard-page #schools{height:calc(100dvh - 124px)!important;max-height:calc(100dvh - 124px)!important;padding-bottom:28px!important}
}