html { min-height: 100%; }
html, body { padding: 0; margin: 0; }
html, body, button, input, textarea, select { font-family: inter, sans-serif; }
body { background-image: url('/Public/Static/images/bg.jpg'); background-size: cover; background-position: center; }

.mox-login-background-overlay {  }
.mox-login { margin: 200px auto; max-width: 500px; background-color: #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.mox-login .logo { padding: 120px 20px 20px 20px; text-align: center; font-size: 32px; font-weight: 600; background-color: #357935; background-image: url('/Public/Static/images/logo.png'); background-position: center 30px; background-size: 200px; background-repeat: no-repeat; color: #fff; }

form { padding: 32px;  }

fieldset { border: 0; padding: 0; }

label { font-weight: 600; }
input[type="text"],
input[type="password"],
select { width: 100%; padding: 10px 12px; border-radius: 5px; font-size: 14px; margin-top: 6px; box-sizing: border-box; border: 1px solid #999; }

.button,
button { text-align: center; text-decoration: none; display: inline-block; font-size: 14px; border-radius: 5px; box-sizing: border-box; padding: 10px 16px; background-color: #357935; border: 0; color: #fff; font-weight: bold; cursor: pointer; }
.button:hover,
button:hover { background-color: #205d20 }
.button.gray { background-color: #ccc; color: #000; }
.button.gray:hover { background-color: #bbb; }

.big-buttons { display: flex; flex-direction: column; }
.big-buttons > * + * { margin-top: 20px; }
.big-buttons .button,
.big-buttons button { padding: 16px; }

.field-validation-error { color: #f00; }

.validation-summary-errors { color: #f00; }
.validation-summary-errors ul { padding-left: 20px; margin-top: 0; }