/* Phone layout for the existing login and password recovery screens. */
@media only screen and (max-width: 767px) {
    app-login .fluid-container > .row { margin-left: 0; margin-right: 0; }
    app-login .fluid-container > .row > .col-md-4 { display: none !important; }
    .authentication-main { margin-top: 0 !important; padding-top: 24px !important; min-height: 100vh; }
    .authentication-main .w-50 { width: 100% !important; max-width: 420px; }
    .authentication-main .card { padding: 12px !important; margin-top: 0 !important; }
    .authentication-main .card-body { padding: 16px; }
    .authentication-main .form-control { min-width: 0; max-width: 100%; }
    .authentication-main button[type="submit"] { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
}