@font-face{font-family:proxima-nova;src:url('assets/webfonts/proximanova-reg-webfont.woff') format('woff');font-weight:400}
@font-face{font-family:proxima-nova;src:url('assets/webfonts/proximanova-bold-webfont.woff') format('woff');font-weight:700}
*{box-sizing:border-box}
html,body{height:100%;font-size:62.5%}
body{margin:0;color:#222;font:14px/20px proxima-nova,'Helvetica Neue',Arial,sans-serif}
button,input{font:inherit}a,a:visited{color:#3f729b;text-decoration:none}a:hover{color:#1c5380}
.LoginPage{background:url('assets/images/bg/body_noise.png') 0 0}
.lpRoot{display:table;width:100%;height:100%;padding:1em 0}
.lpDialogOuter{display:table-cell;margin:0 auto;padding:0;text-align:left;vertical-align:middle}
.lpDialog{position:relative;width:400px;margin:0 auto;border:1px solid #a4baca;border-radius:4px;background:#fdfdfd;background-clip:padding-box;box-shadow:0 1px 5px rgba(0,0,0,.1)}
.lpDialogHeader{position:relative;height:45px;margin:-1px -1px 1px;border:1px solid #1c5380;border-width:1px 1px 0;border-radius:4px 4px 0 0;background-color:#517fa4;background-image:url('assets/images/shared/noise-1.png'),linear-gradient(to bottom,#517fa4,#306088);background-position:50% 50%;box-shadow:0 -1px 0 #06365f inset,0 1px 0 rgba(255,255,255,.2) inset;color:#fff;text-align:center}
.lpLogo{position:absolute;top:50%;left:50%;width:96px;height:33px;margin:-14px 0 0 -48px;background:url('assets/images/branding/new-logo.png') no-repeat;text-indent:-9999em}
.lpMain{padding-bottom:5px}.lFormContainer{padding:25px 30px 20px}
form p{margin:0 0 10px}.lfField,.lfActions{clear:left;min-height:40px}.lfFieldLabel,.lfFieldInput{display:inline;float:left}.lfFieldLabel{width:35%;padding-top:5px;font-weight:700}.lfFieldInput{width:65%;padding:9px 8px 7px;border:1px solid #ccc;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.lfFieldInput:focus{border-color:#a4baca;outline:none;background:#f5f7f9}
.lfActions{margin:0;overflow:hidden;padding-top:5px}.lfForgot{display:inline;float:left;margin-top:8px;text-decoration:underline}.lfSubmit{float:right;padding:7px 10px 8px;border:1px solid #3d8b5f;border-radius:3px;background:linear-gradient(to bottom,#6bb38a,#3d8b5f);box-shadow:0 1px 1px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2);color:#fff;font-weight:700;line-height:1em;text-shadow:0 1px 1px #1e693f;cursor:pointer}.lfSubmit:active{background:#3a845a}
.lpEndMatter{width:400px;margin:0 auto}.LoginEndMatter{position:relative;padding-top:20px;text-align:center}.LoginEndMatter p{margin:0 0 10px}.lemAppInstallLinksQuestion{display:block;font-weight:700}.lemAppInstallLinkContainer a{display:inline-block;margin:0 5px}.lemAppInstallLinkContainer img{height:40px}
.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,35,59,.55)}.modal{position:relative;width:min(360px,100%);padding:30px 30px 26px;border:1px solid #a4baca;border-radius:5px;background:#fdfdfd;box-shadow:0 8px 32px rgba(0,0,0,.32);text-align:center}.modal h2{margin:12px 0 8px;color:#06365f;font-size:22px}.modal p{margin:0 0 22px;font-size:16px}.modal-mark{width:42px;height:42px;margin:auto;border-radius:50%;background:#517fa4;color:#fff;font:700 28px/42px Georgia,serif}.modal-close{position:absolute;top:7px;right:10px;border:0;background:none;color:#8b9aa6;font-size:25px;cursor:pointer}.modal-ok{min-width:80px;padding:8px 18px;border:1px solid #1c5380;border-radius:3px;background:linear-gradient(to bottom,#6f97b6,#3f729b);color:#fff;font-weight:700;cursor:pointer}
@media (min-resolution:1.5dppx){.lpLogo{width:100px;background-image:url('assets/images/branding/new-logo@2x.png');background-size:100px 32px}}
@media (max-width:560px){
  html,body{height:auto;min-height:100%}
  .LoginPage{min-width:0;overflow-x:hidden}
  .lpRoot{display:block;min-height:100vh;padding:24px 16px}
  .lpDialogOuter{display:block}
  .lpDialog{width:100%;max-width:400px}
  .lpEndMatter{width:auto;max-width:400px;padding-left:8px;padding-right:8px}
  .lFormContainer{padding:22px 24px 18px}
  .lfField{min-height:0;margin-bottom:14px}
  .lfFieldLabel,.lfFieldInput{display:block;float:none;width:100%}
  .lfFieldLabel{padding:0 0 5px}
  .lfFieldInput{min-height:40px;font-size:16px}
  .lfActions{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding-top:2px}
  .lfForgot,.lfSubmit{float:none;margin:0}
  .lfSubmit{min-height:36px;padding-left:16px;padding-right:16px}
  .lemAppInstallLinkContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .lemAppInstallLinkContainer a{margin:0}
}
@media (max-width:380px){
  .lpRoot{padding:0 0 20px}
  .lpDialog{max-width:none;margin:0;border-width:0 0 1px;border-radius:0}
  .lpDialogHeader{margin:0;border-width:0;border-radius:0}
  .lFormContainer{padding:20px 18px 16px}
  .lpEndMatter{padding:18px 15px 0}
  .lemAppInstallLinkContainer img{max-width:132px;height:auto;max-height:39px}
  .modal-backdrop{padding:12px}
  .modal{padding:26px 18px 22px}
}
@media (max-height:520px) and (orientation:landscape){
  .lpRoot{padding-top:12px;padding-bottom:12px}
  .lpDialogOuter{vertical-align:top}
  .LoginEndMatter{padding-top:12px}
}