/* 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 !important;
}
.k-window-titlebar .k-window-action .k-i-close:before {
  content: "✕" !important;
  font-family: Arial, sans-serif !important;
  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% !important;
  box-sizing: border-box !important;
}
/* Wrapper for scaling reCAPTCHA on narrow screens */
.recaptcha-scaler {
  display: flex;
  justify-content: center;
  transform-origin: center top;
}
#reCaptcha {
  display: block !important;
  width: 304px !important;
  transform-origin: center top !important;
  margin: 0 auto 24px auto !important;
}
/* Responsive: scale down on narrow screens */
@media (max-width: 450px) {
  .recaptcha-scaler {
    transform: scale(0.95);
  }
}
@media (max-width: 400px) {
  .recaptcha-scaler {
    transform: scale(0.85);
  }
}
@media (max-width: 350px) {
  .recaptcha-scaler {
    transform: scale(0.75);
  }
}