html, body { padding: 2rem 0; !important; background-image: url("/public/images/pattern-flames-white.svg"), linear-gradient(180deg, #806287 0%, #290233 100%); background-repeat: no-repeat; background-position: bottom right; background-size: auto 78rem, cover; }
.mox-login-background-overlay { background-color: rgba(0, 0, 0, .4); }

.mox-login { background-color: #f5f5f5; }
.mox-login .logo { color: transparent; font-size: 0px; background-color: #e5e5e5; height: 100px; background-image: url('/public/logos/logo-bvg-2022-900x351.png'); background-position: center; background-repeat: no-repeat; background-size: auto 88px; }

a.mox-login-button, 
.mox-login fieldset input[type="submit"], 
.mox-login fieldset button.save { background-color: #ec6726; }

a.mox-login-button:hover, 
.mox-login fieldset input[type="submit"]:hover, 
.mox-login fieldset button.save:hover { background-color: #bd3f1f; }

.mox-login-button-grey { background-color: #666 !important}

.old-browser-warning { border-bottom: 1px solid #e0e0e0; padding: 20px; background-image: url('/images/warning.svg'); background-size: 50px; background-position: 15px center; background-repeat: no-repeat; }
.old-browser-warning h2,
.old-browser-warning p { margin: 0; padding-left: 60px; }

.mox-login { background-color: transparent; max-width: 600px !important; margin: 240px auto 0px;}
.logo {background-color: transparent !important; margin-bottom: 50px !important; background-size: auto 160px !important; height: 140px !important;}
.login-body {background-color: #fbfbfb !important; border-radius: 8px; padding: 40px;}