/* Compatibility fixes for the proxied upstream UI. */
body.mediamonitor-signup .link {
    display: none !important;
}

@media (max-width: 600px) {
    body.mediamonitor-login .mains,
    body.mediamonitor-login .content {
        min-height: 100vh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.mediamonitor-login .content .rights {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        left: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.mediamonitor-login .content .rights .Login {
        height: 680px !important;
        left: auto !important;
        margin: 16px auto !important;
        max-width: 520px !important;
        min-width: 0 !important;
        right: auto !important;
        width: calc(100vw - 24px) !important;
    }

    body.mediamonitor-login .Login .register,
    body.mediamonitor-login .Login .main,
    body.mediamonitor-login .Login .text-li,
    body.mediamonitor-login .Login .form-box {
        box-sizing: border-box !important;
        width: 100% !important;
    }

    body.mediamonitor-login .Login .register {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.mediamonitor-login .Login .main {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}