/* Hide website nav and footer on the login page so it looks like the app */
body[data-path="login"] header,
body[data-path="login"] [role="banner"],
body[data-path="login"] nav,
body[data-path="login"] [role="navigation"],
body[data-path="login"] .navbar,
body[data-path="login"] [class*="navbar"],
body[data-path="login"] [id="navbar"],
body[data-path="login"] [id="header"],
body[data-path="login"] .site-header,
body[data-path="login"] .web-header,
body[data-path="login"] .page-header,
body[data-path="login"] footer,
body[data-path="login"] [role="contentinfo"],
body[data-path="login"] .footer,
body[data-path="login"] [class*="footer"],
body[data-path="login"] .web-footer,
body[data-path="login"] .footer-subscribe,
body[data-path="login"] section.footer {
    display: none !important;
}

body[data-path="login"] {
    background: #ffffff;
    min-height: 100vh;
}

body[data-path="login"] .page-content,
body[data-path="login"] .main-section,
body[data-path="login"] section.main-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body[data-path="login"] .for-login .page-card-head {
    display: none !important;
}