html, body { background-image: none; background-color: #0e4871; }

.mox-login-background-overlay { background: unset; display: flex; }
.mox-login { box-sizing: border-box; background-color: #fff; margin: 0; width: 40vw; max-width: 800px; position: relative;  border-radius: 0; display: flex; flex-direction: column; }
.mox-login > * { margin-left: 10% !important; margin-right: 10% !important; }
.mox-login .logo { border: 0; padding: 0; min-height: 180px; text-indent: -9999px; background-image: url('../images/ewab logo web.png'); background-position: left 10px bottom; background-size: auto 80px; background-color: #fff; background-repeat: no-repeat; }
.mox-login fieldset {  }
.mox-login fieldset h2 { margin-bottom: 40px; margin-top: 30px; font-size: 26px; font-weight: 600; color: #07253b; }

a.mox-login-button, 
.mox-login fieldset input[type=submit],
.mox-login fieldset button.save { background-color: #1671b0; }
a.mox-login-button:hover, 
.mox-login fieldset input[type=submit]:hover, 
.mox-login fieldset button.save:hover { background-color: #0c5587 }
.mox-login p { margin: 1.6em 0; }

.mox-login-col2 { display: flex; flex-direction: column; }
.mox-login-col2 > * { width: unset; flex: 1; }
.mox-login-col2 > * + * { margin-top: 15px; }

.mox-login fieldset p input[type=text], 
.mox-login fieldset p input[type=password], 
select,
.mox-login fieldset p textarea { padding: 8px 12px; border-radius: 4px; border-color: #c2e2f7; width: 100%; box-sizing: border-box; }
a.mox-login-button, 
.mox-login fieldset input[type=submit], 
.mox-login fieldset button.save { padding: 11px 12px; line-height: 1.5rem; border-radius: 4px; }
.mox-login fieldset p label { font-weight: 600; margin-bottom: 10px; display: inline-block; } 

.mox-login fieldset p input[type=text]:focus-visible, 
.mox-login fieldset p input[type=password]:focus-visible, 
.mox-login fieldset p textarea:focus-visible { outline-color: #c2e2f7 }

.select-system-customer { font-size: 20px; }
.select-system-site {  }
.select-system-system-list { display: flex; flex-direction: column; list-style: none; padding: 0; padding-left: 16px; }
.select-system-system-item { margin-bottom: 10px; }
.select-system-system { appearance: none; background-color: transparent; border: 0; cursor: pointer; }
.select-system-system:hover { text-decoration: underline; }

.test-system-warning { text-align: center; background-color: #fff4d4; border: 1px solid #f7e9bf; font-size: x-large; border-radius: 6px; padding: 10px 20px; margin: 40px calc(10% + 20px) 10px !important; }
.test-system-warning i { color: #ed800b; margin: 0; }
.test-system-warning.info { font-size: medium; text-align: left; }

.mox-login-background-image { flex: 1; background-size: cover; background-position: center }

@media only screen and (max-width : 960px) {
    .mox-login { width: 100%; max-width: unset; }
    .mox-login .logo { min-height: 100px; }
    .mox-login > * { margin: 20px !important; }
    .mox-login fieldset { padding: 0; }
}