/* Customer login and password reset card (login.tpl, forgotpw*.tpl). Scoped to .mx-login. */
.mx-login{font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;padding:40px 16px 56px;box-sizing:border-box}
.mx-login *,.mx-login *:before,.mx-login *:after{box-sizing:border-box}
.mx-login__card{width:100%;max-width:480px;background:#fff;border:1px solid #e3e6ea;border-radius:10px;box-shadow:0 8px 24px rgba(44,48,54,.08);padding:34px 36px 30px;text-align:left}
.mx-login .mx-login__title{margin:0 0 24px;font-family:inherit;font-size:22px;line-height:1.3;font-weight:600!important;color:#2C3036;text-transform:none;letter-spacing:0;text-align:left}
.mx-login .mx-login__intro{margin:-12px 0 22px;font-size:14px;line-height:1.55;color:#5b626a;text-align:left}
.mx-login__msg:empty{display:none}
.mx-login__msg .alert{display:block!important;width:100%!important;margin:0 0 20px!important;position:relative;padding:11px 14px 11px 38px!important;border:1px solid transparent;border-radius:6px;font-size:13px;line-height:1.5;text-align:left;letter-spacing:0;float:none!important}
.mx-login__msg .alert-danger{background:#fdeeed;border-color:#f3c7c4;color:#a3271f}
.mx-login__msg .alert-success{background:#f0f7e6;border-color:#cfe4ae;color:#45631a}
.mx-login__msg .alert-warning{background:#fff7e6;border-color:#f2dcab;color:#7a5410}
.mx-login__msg .alert a{color:inherit;font-weight:600;text-decoration:underline}
.mx-login__msg .alert:before{left:13px!important;top:50%!important;margin-top:-9px}
.mx-login__field{margin:0 0 18px}
.mx-login__label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4;color:#2C3036;text-transform:none;letter-spacing:0;text-align:left}
.mx-login .mx-login__input{display:block;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfd4da!important;border-radius:6px!important;background:#fff!important;color:#2C3036!important;font-size:15px!important;line-height:44px;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.mx-login .mx-login__input::placeholder{color:#9aa1a9;opacity:1}
.mx-login .mx-login__input:focus{outline:none;border-color:#8DBF41!important;box-shadow:0 0 0 3px rgba(141,191,65,.18)!important}
.mx-login__forgot{margin:8px 0 0;text-align:right;font-size:13px;line-height:1.4}
.mx-login .mx-login__forgot a,.mx-login .mx-login__back a{position:static!important;display:inline!important;float:none!important;margin:0!important;width:auto!important;color:#6f9a2e;text-decoration:none}
.mx-login .mx-login__forgot a:hover,.mx-login .mx-login__forgot a:focus,.mx-login .mx-login__back a:hover,.mx-login .mx-login__back a:focus{color:#2C3036;text-decoration:underline}
.mx-login .mx-login__submit{display:block;width:100%!important;height:46px;margin:6px 0 0!important;padding:0 16px!important;border:0!important;border-radius:6px!important;background:#2C3036!important;color:#fff!important;font-size:15px!important;font-weight:600;letter-spacing:.2px;text-transform:none!important;cursor:pointer;transition:background-color .15s}
.mx-login .mx-login__submit:hover,.mx-login .mx-login__submit:focus{background:#8DBF41!important;outline:none}
.mx-login__back{margin:18px 0 0;text-align:center;font-size:13px;line-height:1.4}
.mx-login .antispam{display:none!important}
@media (max-width:480px){
	.mx-login{padding:24px 12px 40px}
	.mx-login__card{padding:24px 20px 22px;border-radius:8px}
	.mx-login .mx-login__title{font-size:20px;margin-bottom:20px}
}