#login-page { text-align:center;font-family:Arial,sans-serif; }
#login-page h1 { text-align:center;font-weight:300;font-family:'Open Sans',sans-serif;font-size:28px;margin:30px; }
#login-page .gift-message { color:#158496;text-align:center;font-weight:bold;font-size:14px;margin:0 0 30px;padding:20px;background:#F3F3F3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
#login-page .social-buttons { font-size:0;margin:30px 0; }
#login-page fieldset { border:none; }
.in-app #login-page .social-buttons { display:none; }
.in-app-facebook #login-page .social-buttons .icon-facebook { margin:0; }
.in-app-facebook #login-page .social-buttons .icon-google-plus-alt, .in-app-facebook #login-page .social-buttons .icon-amazon { display:none; }
#login-page .social-buttons a { text-align:left;font-family:'Open Sans',sans-serif;font-weight:700;font-size:14px;color:#FFF;display:inline-block;width:230px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:0 20px 0 0; }
#login-page .social-buttons a:last-child { margin:0; }
#login-page .social-buttons.no-amazon .icon-google-plus-alt { margin:0; }
#login-page .social-buttons a:before { font-size:20px;border:solid #FFF;border-width:0 1px 0 0;vertical-align:middle;text-align:center;width:45px;margin:0 15px 0 0;padding:8px 0 6px; }
#login-page .social-buttons a b { display:inline-block;vertical-align:middle;padding:7px 0 8px;margin:0;font-weight:normal; }
#login-page .social-buttons .icon-facebook { background:#35539C; }
#login-page .social-buttons .icon-google-plus-alt { background:#DC4E42; }
#login-page .social-buttons .icon-google-plus-alt:before { font-size:25px;margin:-3px 15px -3px 0; }
#login-page .social-buttons .icon-amazon { background:#f8d97c;color:#000; }
#login-page .social-buttons.no-amazon .icon-amazon { display:none; }
#login-page .or { background:#CCC;display:block;text-align:center;height:1px;overflow:visible;margin:40px auto;font-family:'Open Sans',sans-serif;width:730px; }
.in-app #login-page .or { display:none; }
#login-page .or.no-amazon { width:480px; }
#login-page .or b { font-size:14px;text-transform:uppercase;background:#FFF;display:inline-block;vertical-align:middle;font-weight:normal;margin:-26px 0 0;padding:0 10px; }
#login-page legend { display:none;font-family:'Open Sans',sans-serif;font-weight:700;font-size:16px;margin:0 0 5px;width:100%; }
#login-page .required { display:none;font-family:'Open Sans',sans-serif;font-weight:300;font-size:12px;margin:0 0 30px; }
#login-page fieldset.register legend, #login-page fieldset.register .required { display:block; }
#login-page label { display:block;font-size:14px;margin:0 0 3px;font-family:'Open Sans',sans-serif;font-weight:700; }
#login-page label .label-description { display:inline;font-weight:normal; }
#login-page input[type='text'], #login-page input[type='email'], #login-page input[type='password'], #login-page input[type='tel'] { width:100%;display:block;font-size:14px;padding:10px;background:#FFF;border:solid 1px #CCC;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
#login-page input[type='email']:invalid, #login-page input[type='email']:-moz-submit-invalid, #login-page input[type='email']:-moz-ui-invalid, #login-page input[type='tel']:-moz-ui-invalid { box-shadow:none; }
#login-page input[type='checkbox'] { display:inline-block;vertical-align:middle;margin:-2px 5px 2px 0; }
#login-page .i-agree-statement { display:inline-block;vertical-align:middle;font-size:12px; }
#login-page .i-agree-statement a { color:#158496; }
#login-page #captcha_element { display:flex;justify-content:center; } 
#login-page .form-element { margin:0 auto 15px;text-align:left;width:480px; }
#login-page .error { color:red; }
#login-page span.error { color:red; }
#login-page span.error[style*="inline"], #login-page span.error[style*="visible"] { display:block !important;font-size:12px;margin:5px 0 0; }
#login-page span.error[style*=": hidden"], #login-page span.error[style*=":hidden"] { display:none !important; }
#login-page p.error { text-align:center;font-size:12px;margin:0 0 20px; }
#login-page .forgot { display:block;color:#158496;font-size:12px;text-align:center; }
#login-page .why-phone { position:relative;display:block;color:#158496;font-size:12px;text-align:center;text-align:left;width:480px;margin:10px auto; }
#login-page .why-phone .tooltip { position:absolute;top:-105px;left:100px;padding:10px;font-size:12px;color:#000;width:300px;background:#FFF;-moz-box-shadow:0 0 20px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);box-shadow:0 0 20px rgba(0,0,0,0.5); }
#login-page .why-phone .tooltip:before { color:#FFF;position:absolute;bottom:-10px;font-size:16px; }
#login-page .other { display:block;font-size:12pt;text-align:center;background:#d7d7d7;width:480px;margin:30px auto;padding:16px 0; }
#login-page .other a { color:#158496; }
#login-page .social-message { margin:-13px 0 0;font-size:12px;text-align:center;display:block;color:#777; }
.in-app #login-page .social-message { display:none; }
#login-page .social-message.facebook { display:none; }
.in-app-facebook #login-page .social-message { display:none; }
.in-app-facebook #login-page .social-message.facebook { display:block; }
#login-page .button { width:480px;font-family:'Open Sans',sans-serif;margin:20px auto;padding:10px 0 8px;font-size:15px;display:block;text-align:center;font-weight:600;color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#158496; }
#htmlGDPR { width:480px;text-align:left;margin:0 auto; }
#htmlGDPR label { display:inline-block;font-weight:normal;vertical-align:top;width:450px;margin:-2px 0 15px;line-height:120%; }
#htmlGDPR input { display:inline-block;vertical-align:top; }
#login-page .referrer-message { border:solid 1px #158496;margin:20px;padding:0 15px;text-align:left;font-size:11pt; }
#login-page .referrer-message b, #login-page .referrer-message a { color:#158496; }

@media screen and (max-width: 63.9375em) { /* Medium and Small only */
  #login-page { padding-top:1rem; }
  #login-page h1 { font-size:20px;margin:0; }
  #login-page .gift-message { padding:10px; }
  #login-page .social-buttons { margin:20px 0; }
  #login-page .social-buttons a { width:100%;margin:0 0 10px; }
  #login-page .or, #login-page .form-element, #login-page .button, #login-page .why-phone, #login-page .other, #login-page .or.no-amazon, #htmlGDPR { width:100%; }
  #login-page input[type='checkbox'] { width:15px;height:15px; }
  #htmlGDPR label { width:calc(100% - 20px);margin-top:2px; }
  #login-page .why-phone .tooltip { left:0; }
  #login-page .referrer-message { margin:10px 0; }
  #login-page fieldset { padding:0; }
  #login-page input[type='text'], #login-page input[type='email'], #login-page input[type='password'], #login-page input[type='tel'] { font-size:14pt;line-height:120%; }
}