/* GENERATED FILE. Do not edit. Source: Login.Master.less in this folder.
   Edit the .less, then run: node Styles/build-standalone.js */
/* Fix password eye icon vertical alignment */
.reveal-eye-wrap {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}
.reveal-eye {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23666" d="M8 3C4.5 3 1.5 5.5 0 8c1.5 2.5 4.5 5 8 5s6.5-2.5 8-5c-1.5-2.5-4.5-5-8-5zm0 8.5c-1.93 0-3.5-1.57-3.5-3.5S6.07 4.5 8 4.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5zM8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>') no-repeat center;
  background-size: contain;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.reveal-eye.is-visible {
  opacity: 1;
}
.reveal-eye-wrap:hover .reveal-eye {
  opacity: 1;
}
/* Sign-in frame buttons keep the font Telerik's button skin (.RadButton_MetroTouch) gave them.
           The frame carries no Telerik stylesheet any more; the class names on these native buttons are
           only styling hooks. Lower specificity than the per-page login button rules in universal.css,
           which set their own font, so it only reaches buttons nothing else styles (InfoPortal's). */
.RadButton.rbButton {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
/* Base text color for the frame, which Telerik's form decorator used to set: #333 on <html>
           (.RadForm_MetroTouch) and body { color: inherit }. Without it Bootstrap's body color shows
           through on InfoPortal. The sign-in pages set their own body.login color in universal.css,
           which is more specific, so they are unaffected. */
html {
  color: #333;
}
body {
  color: inherit;
}
/* Fix Kendo window close button icon */
.k-window-titlebar .k-window-action .k-icon {
  font-family: "WebComponentsIcons", "Kendo UI", Arial, sans-serif;
}
.k-window-titlebar .k-window-action .k-i-close:before {
  content: "✕";
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
/* Ensure parent container for password field is positioned */
.loginText {
  position: relative;
}
/* reCAPTCHA - responsive scaling for all Login.Master pages */
#captchaWrap,
.captcha-wrap {
  width: 100%;
  box-sizing: border-box;
}
/* Wrapper for scaling reCAPTCHA on narrow screens */
.recaptcha-scaler {
  display: flex;
  justify-content: center;
  transform-origin: center top;
}
/* body #login-container (2,0,1) out-ranks universal.css `#login-container #reCaptcha` (2,0,0), which sets width and margin
           differently; this used to win with !important. */
#reCaptcha,
body #login-container #reCaptcha {
  display: block;
  width: 304px;
  transform-origin: center top;
  margin: 0 auto 24px auto;
}
/* Responsive: scale down on narrow screens */
@media (max-width: 479px) {
  .recaptcha-scaler {
    transform: scale(0.95);
  }
}
@media (max-width: 479px) {
  .recaptcha-scaler {
    transform: scale(0.85);
  }
}
@media (max-width: 350px) {
  .recaptcha-scaler {
    transform: scale(0.75);
  }
}
body.login #pageContent .ip-note {
  margin-bottom: 10px;
}
/* These were style attributes in Login.Master (U18), in the <noscript> notice. Scoped under #master-login-noscript (id)
   so they out-rank the p reset (margin:0) in universal.css, which loads after this file. */
#master-login-noscript p.lgm-nojs-lead {
  font-weight: bold;
  margin: 10px 0;
}
#master-login-noscript p.lgm-nojs-note {
  font-weight: bold;
}
/* These were style attributes in ResetPassword.aspx (U18), on Login.Master (which loads this file and the Classic
   universal.css). rpw- classes, so no other login page is affected. body/.helpIcon in the selectors keep them above
   the element-only rules in universal.css, which loads after this file. */
body input.rpw-offscreen {
  position: absolute;
  top: -10000px;
  left: -10000px;
}
body input.rpw-hidden,
body div.rpw-hidden {
  display: none;
}
.helpIcon img.rpw-help-img {
  width: 16px;
  height: 16px;
}