/* Copyright 2018-2026 Epic Systems Corporation */
:root {
  --core-login-selectable-button-text: white;
  --core-login-selectable-button-bg: #385cc9;
}

html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: rgb(135, 136, 155);
}

body.day {
  background: #eceff1 url("./Images/Day/Login_Backdrop.png") center center;
  background-size: cover;
}
body.night {
  background: #0b0b1a url("./Images/Night/Login_Backdrop.png") center center;
  background-size: cover;
}

.htmlRoot {
  min-height: 320px;
}

#body {
  width: 100%;
  height: 100%;
  min-height: 544px;
  min-width: 320px;
}

.defaultContainer {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 0 minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  display: -ms-grid;
  -ms-grid-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 0 minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  grid-template-areas: ". . ." ". logo ." ". error ." ". secure ." ". main ." ". loginHistory ." ". customText ." ". deviceIcon ." ". browserMode ." "copyright-left copyright-center .";
  grid-template-columns: 1fr min(100%, 620px) 1fr;
  -ms-grid-columns: 1fr min(100%, 620px) 1fr;
}

.secureContainer {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 70px minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  display: -ms-grid;
  -ms-grid-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 70px minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  grid-template-areas: ". . ." ". logo ." ". error ." ". secure ." ". main ." ". loginHistory ." ". customText ." ". deviceIcon ." ". browserMode ." "copyright-left copyright-center .";
  grid-template-columns: 1fr min(100%, 620px) 1fr;
  -ms-grid-columns: 1fr min(100%, 620px) 1fr;
}

.leftStripeContainer {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 0 minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  display: -ms-grid;
  -ms-grid-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 0 minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  grid-template-areas: ". . . ." ". logo . ." ". error . ." ". secure . ." ". main . ." ". loginHistory . ." ". customText . ." ". deviceIcon . ." ". browserMode . ." "copyright-left copyright-center . .";
  grid-template-columns: 1fr 620px 7fr 7fr;
  -ms-grid-columns: 1fr 620px 7fr 7fr;
}

.leftStripeSecureContainer {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 70px minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  display: -ms-grid;
  -ms-grid-rows: minmax(24px, 1fr) minmax(min-content, 18%) min-content 70px minmax(225px, 310px) min-content minmax(min-content, max-content) max-content minmax(24px, 1fr) 65px;
  grid-template-areas: ". . . ." ". logo . ." ". error . ." ". secure . ." ". main . ." ". loginHistory . ." ". customText . ." ". deviceIcon . ." ". browserMode . ." "copyright-left copyright-center . .";
  grid-template-columns: 1fr 620px 7fr 7fr;
  -ms-grid-columns: 1fr 620px 7fr 7fr;
}

@media (max-width: 900px) {
  .leftStripeSecureContainer,
  .leftStripeContainer {
    grid-template-columns: 1fr minmax(500px, 72.2%) 1fr;
    -ms-grid-columns: 1fr minmax(500px, 72.2%) 1fr;
  }
}
.sandbox {
  display: contents;
}

.preLoginShell {
  position: fixed;
  z-index: 1;
  width: unset;
  height: unset;
  min-width: unset;
  min-height: unset;
  left: 560px;
  top: 60px;
  right: 60px;
  bottom: 60px;
}

@media (max-width: 1800px) {
  .preLoginShell {
    left: 540px;
    top: 40px;
    right: 40px;
    bottom: 40px;
  }
}
@media (max-width: 1080px) {
  .preLoginShell {
    left: 500px;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
html,
body,
form {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
}

.panel {
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  grid-area: logo-start/logo-start/customText-end/logo-end;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-span: 8;
}

.form {
  width: 400px;
  grid-area: main;
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  justify-self: center;
  align-self: center;
  -ms-grid-column-align: center;
  -ms-grid-row-align: center;
}
@media (max-width: 600px) {
  .form {
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

.divAuthentication :focus {
  outline: -webkit-focus-ring-color auto 1px;
}

#divAuthentication #spanProcessSetupError {
  white-space: pre-line;
}

#spanPauseForm {
  white-space: pre-line;
  display: block;
}

.divPasswordAuthentication,
.pauseContainer {
  text-align: center;
}
@media (max-width: 600px) {
  .divPasswordAuthentication,
  .pauseContainer {
    max-width: 85%;
  }
}

.divPasswordFieldContainer {
  margin-bottom: 16px;
}

.loginHistory {
  grid-area: loginHistory;
  color: lightslategrey;
  font-size: 12px;
  position: relative;
  height: fit-content;
  min-height: 30px;
  overflow: hidden;
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}

.loginHistoryText {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.error {
  width: min(85%, 500px);
  overflow: auto;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
  grid-area: error;
  -ms-grid-row: 5;
  -ms-grid-column: 2;
  justify-self: center;
  align-self: start;
  -ms-grid-column-align: center;
  -ms-grid-row-align: start;
}
.error:has(:not(:empty)) {
  margin: 5px 0;
  padding: 0 5px;
}
.error .errorString {
  font-size: 16px;
  display: block;
}

.siteAdminInfo {
  overflow: auto;
  max-height: 60%;
  margin-bottom: 20px;
}
.siteAdminInfo li.adminName {
  font-size: 18px;
}
.siteAdminInfo li {
  font-size: 15px;
}
.siteAdminInfo ul {
  list-style-type: none;
  margin: 0;
  padding-left: 12px;
}
.siteAdminInfo h2 {
  margin-bottom: 5px;
  margin-top: 0;
}
.siteAdminInfo .divSiteInfo:not(:last-child) {
  margin-bottom: 20px;
}

.siteAdminContainer {
  width: 480px;
  grid-area: secure-end/logo-start/customText-end/logo-end;
  justify-self: center;
}
.siteAdminContainer .button.login {
  margin-left: 40px;
  margin-right: 40px;
}

.deviceIconSecure {
  grid-area: deviceIcon;
  -ms-grid-row: 6;
  -ms-grid-column: 2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: 200px;
}
@media (max-height: 744px) {
  .deviceIconSecure {
    height: 160px;
  }
}
@media (max-height: 704px) {
  .deviceIconSecure {
    height: 0;
  }
}
.deviceIconSecure .deviceIconImage {
  object-fit: contain;
  height: 100%;
  max-width: 400px;
}

.deviceIcon {
  grid-area: deviceIcon;
  -ms-grid-row: 6;
  -ms-grid-column: 2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: 200px;
}
@media (max-height: 674px) {
  .deviceIcon {
    height: 160px;
  }
}
@media (max-height: 634px) {
  .deviceIcon {
    height: 0;
  }
}
.deviceIcon .deviceIconImage {
  object-fit: contain;
  height: 100%;
  max-width: 400px;
}

@media (max-height: 744px) {
  .error {
    font-size: 14px;
  }
  .error .errorString {
    font-size: 14px;
  }
  .div2FAInstructions,
  #divEpicEmployeeMFAInstructions,
  .div2FAPushNotifications,
  .div2FAWaiting,
  .buttonNoNotification,
  .divRememberMe {
    font-size: 14px;
  }
  .divNoNotification {
    margin-top: 0;
    font-size: 14px;
  }
  .img2FAWaiting,
  .img2FAWaitingNight {
    width: 120px;
  }
}
@media (max-height: 659px) {
  .div2FAInstructions,
  #divEpicEmployeeMFAInstructions,
  .div2FAPushNotifications,
  .div2FAWaiting,
  .buttonNoNotification,
  .divRememberMe {
    font-size: 12px !important;
  }
  .divNoNotification {
    margin-top: 0;
    font-size: 12px;
  }
  .condense2FAContainer .container2FALoginButtons {
    padding-bottom: 40px;
  }
}
@media (max-height: 624px) {
  .img2FAWaiting,
  .img2FAWaitingNight {
    display: none;
  }
  .divRememberMe {
    margin-bottom: 10px !important;
  }
}
@media (min-height: 705px) and (max-height: 949px) {
  .div2FAWithIconSecure .error {
    font-size: 14px;
  }
  .div2FAWithIconSecure .error .errorString {
    font-size: 14px;
  }
  .div2FAWithIconSecure .div2FAInstructions,
  .div2FAWithIconSecure #divEpicEmployeeMFAInstructions,
  .div2FAWithIconSecure .div2FAPushNotifications,
  .div2FAWithIconSecure .div2FAWaiting,
  .div2FAWithIconSecure .buttonNoNotification,
  .div2FAWithIconSecure .divRememberMe {
    font-size: 14px;
  }
  .div2FAWithIconSecure .divNoNotification {
    margin-top: 0;
    font-size: 14px;
  }
  .div2FAWithIconSecure .img2FAWaiting,
  .div2FAWithIconSecure .img2FAWaitingNight {
    width: 120px;
  }
}
@media (min-height: 705px) and (max-height: 864px) {
  .div2FAWithIconSecure .div2FAInstructions,
  .div2FAWithIconSecure #divEpicEmployeeMFAInstructions,
  .div2FAWithIconSecure .div2FAPushNotifications,
  .div2FAWithIconSecure .div2FAWaiting,
  .div2FAWithIconSecure .buttonNoNotification,
  .div2FAWithIconSecure .divRememberMe {
    font-size: 12px !important;
  }
  .div2FAWithIconSecure .divNoNotification {
    margin-top: 0;
    font-size: 12px;
  }
  .div2FAWithIconSecure .condense2FAContainer .container2FALoginButtons {
    padding-bottom: 40px;
  }
}
@media (min-height: 705px) and (max-height: 824px) {
  .div2FAWithIconSecure .img2FAWaiting,
  .div2FAWithIconSecure .img2FAWaitingNight {
    display: none;
  }
  .div2FAWithIconSecure .divRememberMe {
    margin-bottom: 10px !important;
  }
}

@media (min-height: 635px) and (max-height: 879px) {
  .div2FAWithIcon .error {
    font-size: 14px;
  }
  .div2FAWithIcon .error .errorString {
    font-size: 14px;
  }
  .div2FAWithIcon .div2FAInstructions,
  .div2FAWithIcon #divEpicEmployeeMFAInstructions,
  .div2FAWithIcon .div2FAPushNotifications,
  .div2FAWithIcon .div2FAWaiting,
  .div2FAWithIcon .buttonNoNotification,
  .div2FAWithIcon .divRememberMe {
    font-size: 14px;
  }
  .div2FAWithIcon .divNoNotification {
    margin-top: 0;
    font-size: 14px;
  }
  .div2FAWithIcon .img2FAWaiting,
  .div2FAWithIcon .img2FAWaitingNight {
    width: 120px;
  }
}
@media (min-height: 635px) and (max-height: 794px) {
  .div2FAWithIcon .div2FAInstructions,
  .div2FAWithIcon #divEpicEmployeeMFAInstructions,
  .div2FAWithIcon .div2FAPushNotifications,
  .div2FAWithIcon .div2FAWaiting,
  .div2FAWithIcon .buttonNoNotification,
  .div2FAWithIcon .divRememberMe {
    font-size: 12px !important;
  }
  .div2FAWithIcon .divNoNotification {
    margin-top: 0;
    font-size: 12px;
  }
  .div2FAWithIcon .condense2FAContainer .container2FALoginButtons {
    padding-bottom: 40px;
  }
}
@media (min-height: 635px) and (max-height: 754px) {
  .div2FAWithIcon .img2FAWaiting,
  .div2FAWithIcon .img2FAWaitingNight {
    display: none;
  }
  .div2FAWithIcon .divRememberMe {
    margin-bottom: 10px !important;
  }
}

.divRememberMe {
  font-size: 14px;
}

.divRememberMe {
  margin-bottom: 30px;
}

.condense2FAContainer .divRememberMe {
  margin-bottom: 10px;
}
.condense2FAContainer .div2FALoginButtons {
  padding-bottom: 50px;
}
.condense2FAContainer .divNoNotification {
  margin-top: 0;
}
.condense2FAContainer .textbox.passcode {
  margin-bottom: 6px;
}

.spanRememberMe {
  text-align: center;
  display: block;
}

.rememberMeImage {
  margin-left: 5px;
  vertical-align: top;
}

.checkboxRememberMe {
  accent-color: #c20849;
  margin-top: 2px;
  vertical-align: top;
}

.div2FALoginButtons {
  padding-bottom: 70px;
}

.browserMode {
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: browserMode;
  position: relative;
  -ms-grid-row: 7;
  -ms-grid-column: 2;
  font-size: 11pt;
}

.divBrowserMode {
  min-height: 24px;
}

.infoIcon {
  margin: 4px;
  height: 16px;
  width: 16px;
}

.customText {
  grid-area: customText;
  background-color: #e4f5f5;
  border-radius: 0 0 10px 10px;
  -ms-grid-row: 8;
  -ms-grid-column: 2;
  padding: 10px;
  position: relative;
}
.customText a,
.customText a:hover {
  text-decoration: unset;
}

.customTextMessage {
  display: block;
  text-align: center;
  white-space: pre-line;
  overflow-wrap: break-word;
  width: 100%;
  max-height: 100px;
}

.secure {
  width: min(85%, 484px);
  height: 40px;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  color: black;
  background-color: rgb(255, 250, 195);
  padding: 5px;
  outline: 3px solid #f4bf42;
  grid-area: secure;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  justify-self: center;
  align-self: center;
  -ms-grid-column-align: center;
  -ms-grid-row-align: center;
}
.secure.secureError {
  height: initial;
  min-height: 40px;
  background-color: #d0dbed;
  outline-color: #a6adcd;
}
.secure .secureMessage {
  font-size: 20px;
}
.secure .secureUserMessage {
  font-size: 14px;
  white-space: nowrap;
}

.browserBanner {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: yellow;
}

.fullCopyright {
  width: min(85%, 480px);
  min-height: 100px;
  font-size: 10pt;
  background-color: transparent;
  grid-area: main;
  -ms-grid-row: 8;
  -ms-grid-column: 2;
  -ms-grid-row-span: 2;
  margin-top: 5px;
  justify-self: center;
  align-self: auto;
  -ms-grid-column-align: center;
  -ms-grid-row-align: auto;
}
.fullCopyright .fullCopyrightText {
  max-height: 75%;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  width: 100%;
  padding-right: 3px;
}

.logoContainer {
  position: relative;
  height: 100%;
}

.logo {
  max-width: 440px;
  width: 70%;
  height: 100%;
  text-align: center;
  grid-area: logo;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  justify-self: center;
  align-self: end;
  -ms-grid-column-align: center;
  -ms-grid-row-align: end;
}

.logo-version-spacer {
  margin-bottom: 20px;
}

.app-brand-name {
  color: #c20849;
  font-size: 25px;
}

.logo-standard-layout-branding .logo-main {
  max-height: calc(100% - 30px - 30px - 5px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logo-standard-layout-branding .logo-main #epicLogoSVG {
  enable-background: new 0 0 380 160;
}
.logo-standard-layout-branding .logo-main img,
.logo-standard-layout-branding .logo-main svg {
  max-height: 80%;
  max-width: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.logo-standard-layout-branding .logo-main img polygon,
.logo-standard-layout-branding .logo-main img path,
.logo-standard-layout-branding .logo-main svg polygon,
.logo-standard-layout-branding .logo-main svg path {
  fill: #c20849;
}
.logo-standard-layout-branding .logo-hyperspace {
  margin: 0 auto;
  display: inline;
  line-height: 40px;
  letter-spacing: 0;
  font-size: 25px;
  font-weight: 200;
  color: rgb(135, 136, 155);
  font-family: "Open Sans";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.logo-standard-layout-branding .logo-hyperspace .reg {
  position: absolute;
  top: -5px;
  font-size: 20px;
}
.logo-standard-layout-branding .logo-hyperspace .version {
  padding-left: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 10px;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}
.logo-standard-layout-branding .logo-hyperspace img.epic {
  position: relative;
  top: 11px;
  transform: translateY(-19%);
  max-width: 20%;
  height: 30px;
}
.logo-standard-layout-branding .logo-featuring {
  display: block;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  color: rgb(135, 136, 155);
}

.logo-standard-layout-nobranding .logo-main {
  max-height: calc(100% - 65px - 0px - 0px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logo-standard-layout-nobranding .logo-main #epicLogoSVG {
  enable-background: new 0 0 380 160;
}
.logo-standard-layout-nobranding .logo-main img,
.logo-standard-layout-nobranding .logo-main svg {
  max-height: 80%;
  max-width: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.logo-standard-layout-nobranding .logo-main img polygon,
.logo-standard-layout-nobranding .logo-main img path,
.logo-standard-layout-nobranding .logo-main svg polygon,
.logo-standard-layout-nobranding .logo-main svg path {
  fill: #c20849;
}
.logo-standard-layout-nobranding .logo-hyperspace {
  margin: 0 auto;
  display: inline;
  line-height: 40px;
  letter-spacing: 10px;
  font-size: 25px;
  font-weight: 200;
  color: rgb(135, 136, 155);
  font-family: "Open Sans";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.logo-standard-layout-nobranding .logo-hyperspace .reg {
  right: -20px;
  position: absolute;
  top: -5px;
  font-size: 20px;
}
.logo-standard-layout-nobranding .logo-hyperspace .version {
  position: absolute;
  right: 10px;
  top: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}
.logo-standard-layout-nobranding .logo-hyperspace img.epic {
  position: relative;
  top: 11px;
  transform: translateY(-19%);
  max-width: 20%;
  height: 30px;
}
.logo-standard-layout-nobranding .logo-featuring {
  display: none;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  color: rgb(135, 136, 155);
}

.logo-fixed-layout .logo-main {
  max-height: calc(100% - 0px - 0px - 0px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logo-fixed-layout .logo-main #epicLogoSVG {
  enable-background: new 0 0 380 160;
}
.logo-fixed-layout .logo-main img,
.logo-fixed-layout .logo-main svg {
  max-height: 80%;
  max-width: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.logo-fixed-layout .logo-main img polygon,
.logo-fixed-layout .logo-main img path,
.logo-fixed-layout .logo-main svg polygon,
.logo-fixed-layout .logo-main svg path {
  fill: #c20849;
}
.logo-fixed-layout .version {
  position: absolute;
  right: 0;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}

.logo-fixed-layout-nohsline .logo-main {
  max-height: calc(100% - 0px - 0px - 0px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logo-fixed-layout-nohsline .logo-main #epicLogoSVG {
  enable-background: new 0 0 380 160;
}
.logo-fixed-layout-nohsline .logo-main img,
.logo-fixed-layout-nohsline .logo-main svg {
  max-height: 80%;
  max-width: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.logo-fixed-layout-nohsline .logo-main img polygon,
.logo-fixed-layout-nohsline .logo-main img path,
.logo-fixed-layout-nohsline .logo-main svg polygon,
.logo-fixed-layout-nohsline .logo-main svg path {
  fill: #c20849;
}

.logoCustom:not(.logoCustom.noBranding) {
  max-height: calc(100% - 50px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logoCustom:not(.logoCustom.noBranding) img,
.logoCustom:not(.logoCustom.noBranding) svg {
  max-height: 80%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.logoCustom.noBranding {
  max-height: calc(100% - 0px);
  min-height: 125px;
  height: 100%;
  position: relative;
}
.logoCustom.noBranding img,
.logoCustom.noBranding svg {
  max-height: 80%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.logo-spacer {
  min-height: 8px;
  max-height: 35px;
}

.small-epic-logo-sub {
  justify-self: right;
  grid-area: logo;
  padding-right: 10px;
  align-self: start;
}
.small-epic-logo-sub img,
.small-epic-logo-sub svg {
  min-height: 25px;
  max-height: 45px;
  max-width: 100%;
  position: relative;
  transform: translateX(-5%) translateY(50%);
  margin: 0;
}

.hyperspace-detail-line-logo-sub {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.hyperspace-detail-line-logo-sub img,
.hyperspace-detail-line-logo-sub svg {
  min-height: 40px;
  max-height: 60px;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.hyperspace-detail-line-version {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  position: relative;
  padding: 5px 15px;
  font-size: 20px;
  font-weight: 200;
  color: rgb(135, 136, 155);
  font-family: "Open Sans";
}
.hyperspace-detail-line-version .reg {
  position: relative;
  padding-left: 3px;
  top: -5px;
  font-size: 15px;
}
.hyperspace-detail-line-version .version {
  position: relative;
  float: left;
  line-height: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}

/**
 * The line containing Epic logo, hyperspace version and featuring <App>
 * when a custom logo is in use.
 */
.hyperspace-detail-line-nobranding {
  display: flex;
  grid-template-rows: minmax(40px, 60px);
  display: -ms-grid;
  -ms-grid-rows: minmax(40, 60px);
  justify-content: center;
  -ms-grid-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
  grid-template-columns: 0.5fr 1fr 1fr 0.5fr;
}
.hyperspace-detail-line-nobranding .appBranding {
  padding: 0 0 0 15px;
  width: min-content;
  border-left: 2px solid rgb(135, 136, 155);
  text-align: left;
  display: none;
  position: relative;
}
.hyperspace-detail-line-nobranding .appBranding .custom-logo-featuring {
  line-height: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}
.hyperspace-detail-line-nobranding .appBranding .custom-logo-featuring-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.hyperspace-detail-line-nobranding .appBranding .app-brand-name {
  line-height: 20px;
  font-size: 20px;
  font-weight: 200;
  color: #c20849;
  font-family: "Open Sans";
}

.hyperspace-detail-line-branding {
  display: flex;
  grid-template-rows: minmax(40px, 60px);
  display: -ms-grid;
  -ms-grid-rows: minmax(40, 60px);
  justify-content: center;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.hyperspace-detail-line-branding .appBranding {
  padding: 0 0 0 15px;
  width: min-content;
  border-left: 2px solid rgb(135, 136, 155);
  text-align: left;
  position: relative;
}
.hyperspace-detail-line-branding .appBranding .custom-logo-featuring {
  line-height: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: normal;
  color: rgb(135, 136, 155);
}
.hyperspace-detail-line-branding .appBranding .custom-logo-featuring-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.hyperspace-detail-line-branding .appBranding .app-brand-name {
  line-height: 20px;
  font-size: 20px;
  font-weight: 200;
  color: #c20849;
  font-family: "Open Sans";
}

.shortCopyright {
  grid-area: copyright-left;
  padding-left: 10px;
  font-size: 10px;
  line-height: 1.5;
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.shortCopyright .moreLink {
  font-size: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.shortCopyright #spanShortCR {
  cursor: pointer;
  white-space: pre-wrap;
  font-size: 10px;
}
.shortCopyright #spanShortCR.defaultCursor {
  cursor: default;
}

.miniSecure {
  position: static;
  float: right;
  max-width: calc(100% - 305px);
  font-weight: bold;
  color: black;
  background-color: rgb(255, 250, 195);
  outline: 1px solid #f4bf42;
  grid-area: copyright-left;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  font-size: 10px;
  margin-right: 1px;
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.miniSecure.secureError {
  background-color: #d0dbed;
  outline-color: #a6adcd;
}

@media (max-width: 1465px) {
  .shortCopyright {
    grid-area: copyright-center;
    -ms-grid-row: 9;
    -ms-grid-column: 2;
    justify-self: center;
    align-self: center;
    -ms-grid-column-align: center;
    -ms-grid-row-align: center;
  }
  .leftStripeShortCopyright {
    justify-self: left;
    align-self: initial;
    -ms-grid-column-align: left;
    -ms-grid-row-align: initial;
  }
}
.leftStripeShortCopyright {
  grid-area: copyright-left-start/copyright-left-start/copyright-center-end/copyright-center-end;
}

.TFAInstructions {
  margin-bottom: 5px;
}

.helpLink {
  position: relative;
  margin-top: 5px;
  left: 0;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
  height: 20px;
}

.textbox {
  font-size: 18px;
  width: 394px;
  height: 40px;
  padding: 1px 0 1px 4px;
  line-height: 40px;
  text-align: left;
  color: black;
  background-color: white;
  border: 1px solid rgba(90, 120, 135, 0.4);
}
@media (max-width: 600px) {
  .textbox {
    width: calc(100% - 6px);
  }
}
.textbox.username, .textbox.txtForgotQBA {
  margin-bottom: 5px;
}
.textbox.hasShowIcon {
  padding-right: 32px;
  width: calc(100% - 38px);
}
.textbox.passcode {
  margin-top: 6px;
  margin-bottom: 16px;
}
.textbox:disabled {
  background-color: rgb(220, 220, 220);
}

.tfaDeviceContainer {
  text-align: center;
}

.passwordContainer {
  margin-bottom: 16px;
}

.pinContainer {
  margin-top: 6px;
  margin-bottom: 16px;
}

.capsLockWarningBubble {
  z-index: 1;
  margin-top: -1px;
  color: black;
  padding: 10px;
  position: absolute;
  height: 24px;
  background-color: white;
  border: 1px solid;
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #d5d1e9;
}
.capsLockWarningBubble .capsLockWarningText {
  position: relative;
  left: 4px;
  bottom: 7px;
  margin-right: 4px;
}
.capsLockWarningBubble.authDeviceMargin {
  margin-top: -12px;
}
.capsLockWarningBubble.preLoginMargin {
  margin-top: 31px;
}

.capsLockWarningBubble::after {
  content: " ";
  position: absolute;
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: none;
  border-bottom: none;
  background-image: repeating-linear-gradient(to bottom left, white, white 11.8px, transparent 11.8px, transparent);
  width: 16px;
  height: 16px;
  box-shadow: 3px -3px 5px -1px rgba(0, 0, 0, 0.1);
  transform: rotate(315deg);
  left: calc(50% - 8px);
  top: -9px;
}

#preLogin_divShortCopyright {
  display: inline;
  float: none;
  padding-right: 10px;
}

#divSecurePreLogin {
  max-width: max-content;
}

.preLoginTopFiller {
  flex-grow: 1;
}

.divPasswordButtons {
  display: flow-root;
}

.floatRight {
  float: right;
  position: static;
}

.btnLogInAnotherWayOrCancel {
  cursor: pointer;
  font-size: 16px;
  overflow: hidden;
  border: none;
  text-decoration: underline;
  margin-top: 10px;
  background: none;
  background-color: unset !important;
}

#btnReloadOrEndSession {
  cursor: pointer;
  overflow: hidden;
  border: none;
  text-decoration: underline;
  background: none;
  background-color: unset !important;
  width: fit-content;
  min-height: 0;
  margin-bottom: 5px;
}

#spanPageWillReloadMessage:not(:empty) {
  min-height: 0;
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.buttonForgotPassword {
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background: none;
  background-color: unset !important;
  max-height: 50px;
  max-width: 200px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  border: none;
}
.buttonForgotPassword:hover {
  text-decoration: underline;
}

.linkLogInAnotherWay {
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background: none;
  background-color: unset !important;
  max-height: 50px;
  max-width: 200px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  border: none;
}
.linkLogInAnotherWay:hover {
  text-decoration: underline;
}

.divForgotPassword {
  text-align: center;
  position: relative;
  margin-top: 20px;
  display: block;
  max-height: 50px;
  overflow: visible;
}

.divLogInAnotherWay {
  text-align: center;
  position: relative;
  margin-top: 10px;
  display: block;
  max-height: 50px;
  overflow: visible;
}

.spanForgotQBAText {
  display: inline-block;
  margin-bottom: 5px;
  overflow: auto;
  max-height: 95px;
  width: 100%;
  overflow-wrap: break-word;
}
.spanForgotQBAText.spanForgotQBAGuidelines {
  max-height: 66px;
  font-size: 10pt;
}

.spanForgotQBAHeader {
  text-align: center;
  font-size: 20px;
  display: block;
}

.tbtn {
  border-spacing: 0;
  outline: transparent solid 1px;
  border: 1px solid transparent;
  background: #fff;
  border-color: #aaa;
  border-radius: 2px;
}
.tbtn:hover {
  color: black;
  background: #fff;
  border-color: #aaa;
  outline-color: #ddd;
}
.tbtn:focus {
  color: black;
}
.tbtn.tbtnDwn {
  color: #fff;
  background: var(--core-login-selectable-button-bg);
  box-shadow: unset;
}
.tbtn.tbtnDwn:hover {
  background: color-mix(in srgb, var(--core-login-selectable-button-bg), white 15%);
}
.tbtn:hover:focus:active {
  color: #fff;
  background: var(--core-login-selectable-button-bg);
}

.button {
  font-size: 16px;
  line-height: 1.5;
  min-height: 40px;
  height: max-content;
  width: 250px;
  text-align: center;
  color: rgb(135, 136, 155);
  font-weight: 600;
  background: #fff;
  border-radius: 20px;
  border: 2px solid rgba(90, 120, 135, 0.4);
  overflow-wrap: break-word;
}
.button:focus {
  outline: 2px solid;
  box-shadow: none;
}
.button.login {
  color: var(--core-login-selectable-button-text);
  border: none;
  background-color: var(--core-login-selectable-button-bg);
  outline-offset: -1px;
  float: inherit;
}
.button.login.left, .button.login.buttonNext {
  margin: 0;
  width: 49%;
  float: left;
}
.button.login.right, .button.login.buttonCancel {
  margin: 0;
  width: 49%;
  float: right;
}
.button.login:disabled {
  border: 2px solid gray;
  color: gray;
}
.button.login.copyrightButton {
  width: 50%;
  position: relative;
  float: right;
  margin-top: 5px;
  margin-right: 0;
}
.button.login.pauseForm {
  margin-top: 5px;
}
.button.login:focus:active, .button.login:hover:active {
  background-color: hsl(from var(--core-login-selectable-button-bg) calc(h + -22) clamp(0, s + 0, 100) calc(l + -10.2)/alpha) !important;
  outline: 2px solid;
}

#divEpicEmployeeMFAButtons {
  height: 40px;
}

.textInstructions {
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.oidcMessage {
  margin-bottom: 25px;
}

.preLoginErrorPopupContent {
  white-space: pre-line;
  margin: 0 7px 2px 7px;
}

body {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

body.preLoginViewMode #formShell {
  box-sizing: border-box;
  background-image: none;
}
body.preLoginViewMode #formShell.leaveSpaceForLoginFields {
  padding: 40px 5px 5px 5px;
  z-index: 0;
}
body.preLoginViewMode #formShell .vw {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline: none;
}
body.preLoginViewMode #formShell .vws {
  overflow: hidden;
}
body.preLoginViewMode #formShell .vFr,
body.preLoginViewMode #formShell .vwShowFrame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
  user-select: none;
}
body.preLoginViewMode #formShell iframe {
  width: 100%;
  height: 100%;
}
body.preLoginViewMode .divPreLoginAuthentication {
  z-index: 1;
  padding: 7px 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 26px;
  display: flex;
  align-items: center;
}
body.preLoginViewMode .divPreLoginAuthentication.hideLoginFields {
  display: none;
}
body.preLoginViewMode .divPreLoginAuthentication #divPasswordAuthenticationPreLoginViewMode {
  display: inline-block;
  white-space: nowrap;
}
body.preLoginViewMode .divPreLoginAuthentication .shortCopyright {
  color: white;
  text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black;
  position: static;
  float: right;
  max-width: calc(100% - 305px);
}
body.preLoginViewMode .divPreLoginAuthentication .shortCopyright #preLogin_spanShortCR {
  cursor: pointer;
  font-size: 10px;
}
body.preLoginViewMode .divPreLoginAuthentication .loginField {
  height: 24px;
  width: 115px;
  font-size: 16px;
  line-height: 16px;
  padding: 0 3px;
  border: 1px solid rgba(90, 120, 135, 0.4);
  outline-style: auto;
}
body.preLoginViewMode .divPreLoginAuthentication .loginField.hasShowIcon {
  width: 83px;
  padding-right: 32px;
}
body.preLoginViewMode .divPreLoginAuthentication .loginButton {
  color: white;
  background-color: #c20849;
  border: none;
  font-weight: 600;
  border-radius: 2px;
  height: 26px;
  line-height: 18px;
  vertical-align: top;
  margin: 0 0 0 1px;
  min-width: 135px;
}
body.preLoginViewMode .divPreLoginAuthentication .loginButton:disabled {
  border: 1px solid gray;
  color: gray;
  background-color: #0b0b1a;
}
body.preLoginViewMode .divPreLoginAuthentication .loginButtonLegacy {
  min-width: 80px;
}
body.preLoginViewMode .fullCopyrightText {
  max-height: none;
}

.day .dayOrNightText {
  color: rgba(0, 0, 0, 0.8);
}
.day .buttonForgotPassword {
  color: rgba(0, 0, 0, 0.8);
}
.day .linkLogInAnotherWay {
  color: rgba(0, 0, 0, 0.8);
}
.day .helpLink {
  color: rgba(0, 0, 0, 0.8);
}
.day #divSiteVerifStatus {
  color: rgba(0, 0, 0, 0.8);
}
.day .shortCopyright {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  text-shadow: -1px 0 5px white, 0 1px 5px white, 1px 0 5px white, 0 -1px 5px white;
}
.day .fullCopyright {
  color: rgba(0, 0, 0, 0.8);
}
.day .upperLeftLine {
  color: rgb(0, 0, 0);
  text-shadow: -1px 0 5px white, 0 1px 5px white, 1px 0 5px white, 0 -1px 5px white;
}
.day .form {
  color: rgba(0, 0, 0, 0.8);
}
.day .panel {
  background: white;
}
.day .noNotificationLink {
  color: rgba(0, 0, 0, 0.8);
}
.day .misc2FALink:disabled {
  color: rgba(125, 125, 125, 0.8);
}
.day .img2FAWaitingNight {
  display: none !important;
}
.day .rememberMeImageNight {
  display: none !important;
}
.day .customTextMessage {
  color: rgb(0, 0, 0);
}
.day .customTextMessage::-webkit-scrollbar {
  width: 15px;
}
.day .customTextMessage::-webkit-scrollbar-track {
  background-color: lightgray;
  border-radius: 5px;
}
.day .customTextMessage::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.day .customTextMessage::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.day .customTextMessage::-webkit-scrollbar-button {
  display: none;
}
.day .tbtn {
  outline-color: #fff;
}
.day .tbtn:hover {
  outline-color: #ddd;
}
.day .tbtn:focus, .day .tbtn:hover:focus:active {
  border-color: black;
  outline-color: black;
}
.day .button.login:focus {
  outline-color: black;
}
.day .button.login:disabled {
  color: rgba(0, 0, 0, 0.8);
  background-color: #eceff1 !important;
  outline: none;
}
.day .error {
  color: black;
  background-color: #ffcdc6;
}
.day .error::-webkit-scrollbar {
  width: 15px;
}
.day .error::-webkit-scrollbar-track {
  background-color: lightgray;
  border-radius: 5px;
}
.day .error::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.day .error::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.day .error::-webkit-scrollbar-button {
  display: none;
}
.day .capsLockWarningBubble {
  border-color: black;
}
.day .capsLockWarningBubble::after {
  border-top-color: black;
  border-right-color: black;
}
.day .fullCopyrightText::-webkit-scrollbar {
  width: 15px;
}
.day .fullCopyrightText::-webkit-scrollbar-track {
  background-color: lightgray;
  border-radius: 5px;
}
.day .fullCopyrightText::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.day .fullCopyrightText::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.day .fullCopyrightText::-webkit-scrollbar-button {
  display: none;
}
.day .siteError {
  text-align: center;
  color: #aa0000;
}
.day .siteAdminInfo::-webkit-scrollbar {
  width: 15px;
}
.day .siteAdminInfo::-webkit-scrollbar-track {
  background-color: lightgray;
  border-radius: 5px;
}
.day .siteAdminInfo::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.day .siteAdminInfo::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.day .siteAdminInfo::-webkit-scrollbar-button {
  display: none;
}
.day .oidcMessage {
  color: rgb(0, 0, 0);
}
.day .divDeviceSelectionContainer .deviceSelectionTitle {
  color: rgb(0, 0, 0);
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar {
  width: 15px;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-track {
  background-color: lightgray;
  border-radius: 5px;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-button {
  display: none;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption {
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 0 0 2px rgba(0, 0, 0, 0.02), 0 0 0 3px rgba(0, 0, 0, 0.01), 0 1px 0 1px rgba(0, 0, 0, 0.09);
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption:hover {
  background-color: #cdf9fb;
  box-shadow: 0 0;
  outline: 2px solid #0080cf;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption:focus {
  box-shadow: 0 0;
  outline: 2px solid #0080cf;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionCaption {
  color: rgb(0, 0, 0);
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionDefaultSymbolBackground {
  background-color: #0080cf25;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  fill: #0080cf;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption {
  background-color: #e0e0e1;
  border: 0;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionFailedOptionCaption {
  color: rgba(0, 0, 0, 0.6);
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionFailedReason {
  color: rgba(0, 0, 0, 0.6);
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionOptionDefaultSymbolBackground {
  background-color: #0080cf25;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  fill: #0080cf;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowFocusedContainer {
  background-color: #0080cf;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowFocusedContainer .deviceSelectionOptionArrowFocused {
  fill: white;
}
.day .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowUnfocused {
  fill: gray;
}
.day .divDeviceSelectionContainer .deviceSelectionResetLink {
  color: rgb(0, 0, 0);
}

.night .dayOrNightText {
  color: rgba(255, 250, 250, 0.8);
}
.night .buttonForgotPassword {
  color: rgba(255, 250, 250, 0.8);
}
.night .linkLogInAnotherWay {
  color: rgba(255, 250, 250, 0.8);
}
.night .helpLink {
  color: rgba(255, 250, 250, 0.8);
}
.night #divSiteVerifStatus {
  color: rgba(255, 250, 250, 0.8);
}
.night .shortCopyright {
  color: rgba(255, 250, 250, 0.8);
  font-weight: bold;
  text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black;
}
.night .fullCopyright {
  color: rgba(255, 250, 250, 0.8);
}
.night .upperLeftLine {
  color: rgb(255, 250, 250);
  text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black;
}
.night .form {
  color: rgba(255, 250, 250, 0.8);
}
.night .panel {
  background: linear-gradient(to bottom, rgb(11, 11, 26) 75%, rgb(32, 32, 47) 100%), #0b0b1a;
}
.night .customTextMessage {
  color: rgb(255, 250, 250);
}
.night .customTextMessage::-webkit-scrollbar {
  width: 15px;
}
.night .customTextMessage::-webkit-scrollbar-track {
  background-color: #eceff1;
  border-radius: 5px;
}
.night .customTextMessage::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.night .customTextMessage::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.night .customTextMessage::-webkit-scrollbar-button {
  display: none;
}
.night .noNotificationLink {
  color: rgba(255, 250, 250, 0.8);
}
.night .misc2FALink:disabled {
  color: rgba(125, 125, 125, 0.8);
}
.night .img2FAWaiting {
  display: none !important;
}
.night .rememberMeImageDay {
  display: none !important;
}
.night .tbtn:focus, .night .tbtn:hover:focus:active {
  border-color: #aaa;
  outline-color: white;
}
.night .button.login:focus {
  outline-color: white;
}
.night .button.login:disabled {
  color: rgba(255, 250, 250, 0.8);
  background-color: #0b0b1a;
}
.night .error {
  color: #f4bf42;
}
.night .error::-webkit-scrollbar {
  width: 15px;
}
.night .error::-webkit-scrollbar-track {
  background-color: #eceff1;
  border-radius: 5px;
}
.night .error::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.night .error::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.night .error::-webkit-scrollbar-button {
  display: none;
}
.night .capsLockWarningBubble {
  border-color: orange;
}
.night .capsLockWarningBubble::after {
  border-top-color: orange;
  border-right-color: orange;
}
.night .fullCopyrightText::-webkit-scrollbar {
  width: 15px;
}
.night .fullCopyrightText::-webkit-scrollbar-track {
  background-color: #eceff1;
  border-radius: 5px;
}
.night .fullCopyrightText::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.night .fullCopyrightText::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.night .fullCopyrightText::-webkit-scrollbar-button {
  display: none;
}
.night .siteError {
  text-align: center;
  color: #f4bf42;
}
.night .siteAdminInfo::-webkit-scrollbar {
  width: 15px;
}
.night .siteAdminInfo::-webkit-scrollbar-track {
  background-color: #eceff1;
  border-radius: 5px;
}
.night .siteAdminInfo::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.night .siteAdminInfo::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.night .siteAdminInfo::-webkit-scrollbar-button {
  display: none;
}
.night .oidcMessage {
  color: rgb(255, 250, 250);
}
.night .divDeviceSelectionContainer .deviceSelectionTitle {
  color: rgb(255, 250, 250);
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar {
  width: 15px;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-track {
  background-color: #eceff1;
  border-radius: 5px;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid transparent;
  background-clip: content-box;
  background: darkgray;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList::-webkit-scrollbar-button {
  display: none;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption {
  background-color: #26263b;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.04), 0 0 0 2px hsla(0, 0%, 100%, 0.02), 0 0 0 3px hsla(0, 0%, 100%, 0.01), 0 1px 0 1px hsla(0, 0%, 100%, 0.09);
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption:hover {
  background-color: #0080cf25;
  box-shadow: 0 0;
  outline: 2px solid #0080cf;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption:focus {
  box-shadow: 0 0;
  outline: 2px solid #0080cf;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionCaption {
  color: rgb(255, 250, 250);
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionDefaultSymbolBackground {
  background-color: #0080cf50;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOption .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  fill: #0080cf;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption {
  background-color: black;
  outline: 1px solid gray;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionFailedOptionCaption {
  color: rgba(255, 250, 250, 0.6);
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionFailedReason {
  color: rgba(255, 250, 250, 0.6);
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionOptionDefaultSymbolBackground {
  background-color: #0080cf50;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionFailedOption .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  fill: #0080cf;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowFocusedContainer {
  background-color: #0080cf;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowFocusedContainer .deviceSelectionOptionArrowFocused {
  fill: white;
}
.night .divDeviceSelectionContainer .divDeviceSelectionOptionsList .deviceSelectionOptionArrowUnfocused {
  fill: white;
}
.night .divDeviceSelectionContainer .deviceSelectionResetLink {
  color: rgb(255, 250, 250);
}

.svTopBackground {
  min-height: 50px;
}

#btnStartLogin {
  margin-top: 5px;
}

.ceMarkTable {
  vertical-align: middle;
  border: none;
  padding: 4px;
}

input:-ms-input-placeholder {
  color: gray;
}

input::-ms-input-placeholder {
  color: gray;
}

input::-ms-reveal {
  display: none;
}

.gifSize {
  width: 167px;
  justify-self: center;
}

.noNotificationLink {
  cursor: pointer;
  background: none;
  border: none;
  margin-bottom: 16px;
  font-size: 16px;
}

.underline {
  text-decoration: underline;
}

.misc2FALink {
  margin-top: 5px;
}

.reset2FALink {
  margin-top: 5px;
}

.misc2FALink:disabled {
  cursor: default;
  text-decoration: none !important;
  background-color: transparent !important;
}

.postLoginPageContainer ._deemphasizeButton {
  background-color: transparent !important;
  color: #0080cf !important;
  border: 2px solid #0080cf !important;
  font-weight: 600 !important;
  border-radius: 20px;
}
.postLoginPageContainer ._deemphasizeButton:hover {
  background-color: rgba(0, 128, 207, 0.1) !important;
}

.reset2FALinkDiv {
  text-align: center;
}

.tfaHeader {
  text-align: center;
  font-size: 25px;
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
}

.pushNotificationBlock {
  text-align: center;
  font-size: 16px;
}

.noNotification {
  margin-top: 15px;
  font-size: 16px;
}

.postLoginContainer {
  width: min(85%, 500px);
  margin: auto;
  height: 100%;
  grid-area: main;
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.postLoginPageContainer {
  height: 100%;
}
.postLoginPageContainer .primaryContentContainer {
  height: 90%;
}

.day .postLoginContainer {
  background-color: white;
}

.night .postLoginContainer {
  background-color: #0b0b1a;
}

._PWform {
  padding-top: 25px;
}

.divSmartCardSpinner {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 4px;
  /* Be careful editing the below, as it is used to create the spinner itself */
  border: 5px solid lightgray;
  border-top: 5px solid gray;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.divZoom.dayMode {
  background-color: #eceff1;
  color: rgba(0, 0, 0, 0.8);
}
.divZoom.dayMode .divZoomLimitMessage {
  color: #860023;
}
.divZoom.dayMode .btnReset {
  color: rgba(0, 0, 0, 0.8);
  background-color: #eceff1;
  border: 1px solid black;
}
.divZoom.dayMode .btnReset[disabled] {
  color: gray;
}
.divZoom.nightMode {
  background-color: #0b0b1a;
  color: rgba(255, 250, 250, 0.8);
}
.divZoom.nightMode .divZoomLimitMessage {
  color: #ff9b9c;
}
.divZoom.nightMode .btnReset {
  background-color: #0b0b1a;
  color: rgba(255, 250, 250, 0.8);
  border: 1px solid white;
}
.divZoom.nightMode .btnReset[disabled] {
  color: rgba(255, 250, 250, 0.5);
}

.poweredByContainer {
  grid-area: logo-start/main-start/main-end/main-end;
  text-align: right;
  color: rgb(137, 158, 168);
  white-space: nowrap;
  padding-top: 8px;
  padding-right: 3px;
}
.poweredByContainer .poweredByText {
  vertical-align: bottom;
  line-height: 28px;
  font-size: 14px;
  font-style: italic;
}
.poweredByContainer .poweredByLogo {
  vertical-align: middle;
}
.poweredByContainer .poweredByLogo img {
  height: 22px;
  width: 60px;
  padding-left: 2px;
}

.divDeviceSelectionContainer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.divDeviceSelectionContainer .divDeviceSelectionTitle {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}
.divDeviceSelectionContainer .divDeviceSelectionTitle .deviceSelectionTitle {
  margin: 10px 0 10px 0;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer {
  align-self: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  overflow-y: auto;
  max-height: 220px;
  width: 95%;
  padding: 2px 5px 4px 5px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption {
  width: 95%;
  margin: 0 3px 0 3px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption {
  cursor: pointer;
  width: 100%;
  min-height: 50px;
  padding: 5px 0 5px 0;
  margin: 0;
  scroll-margin: 5px 0 5px 0;
  border: 0;
  border-radius: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionSymbolContainer {
  width: 40px;
  height: 40px;
  margin: 0 0 0 10px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionSymbol {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionDefaultSymbolBackground {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  width: 16px;
  height: 16px;
  margin: 12px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionCaption {
  margin: 0 0 0 10px;
  font-size: 14px;
  text-align: left;
  width: 70%;
  overflow-wrap: break-word;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowFocusedContainer {
  margin: 0 10px 0 auto;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 350px) {
  .divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowFocusedContainer {
    margin: 0 5px 0 auto;
  }
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowFocusedContainer .deviceSelectionOptionArrowFocused {
  margin: 0 0 0 3px;
  height: 16px;
  width: 16px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowUnfocusedContainer {
  margin: 0 10px 0 auto;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 350px) {
  .divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowUnfocusedContainer {
    margin: 0 5px 0 auto;
  }
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionOption .deviceSelectionOptionArrowUnfocusedContainer .deviceSelectionOptionArrowUnfocused {
  margin: 0 0 0 3px;
  height: 16px;
  width: 16px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption {
  width: 100%;
  min-height: 50px;
  padding: 5px 0 5px 0;
  margin: 0;
  border-radius: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .deviceSelectionOptionSymbolContainer {
  width: 40px;
  height: 40px;
  margin: 0 0 0 10px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionSymbol {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionDefaultSymbolBackground {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .deviceSelectionOptionSymbolContainer .deviceSelectionOptionDefaultSymbolBackground .deviceSelectionOptionDefaultSymbol {
  width: 16px;
  height: 16px;
  margin: 12px;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .divDeviceSelectionFailedOptionCaption {
  width: 80%;
  margin: 0 0 0 10px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: start;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .divDeviceSelectionFailedOptionCaption .deviceSelectionFailedOptionCaption {
  margin: 0;
  font-size: 14px;
  text-align: left;
  width: 100%;
  overflow-wrap: break-word;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .divDeviceSelectionFailedOptionCaption .divDeviceSelectionFailedReason {
  width: 100%;
  margin: 5px 5px 0 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .divDeviceSelectionFailedOptionCaption .divDeviceSelectionFailedReason .deviceSelectionFailedIcon {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
}
.divDeviceSelectionContainer .divDeviceSelectionOptionsContainer .divDeviceSelectionOptionsList .divDeviceSelectionOption .deviceSelectionFailedOption .divDeviceSelectionFailedOptionCaption .divDeviceSelectionFailedReason .deviceSelectionFailedReason {
  margin: 0;
  text-align: left;
  font-size: 12px;
  width: 100%;
  overflow-wrap: break-word;
}
.divDeviceSelectionContainer .deviceSelectionResetLink {
  align-self: center;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background: none;
  background-color: unset !important;
  max-height: 50px;
  max-width: 200px;
  padding: 5px 0 5px 0;
  margin: 10px 0 5px 0;
  overflow: hidden;
  border: none;
}
.divDeviceSelectionContainer .deviceSelectionResetLink:hover {
  text-decoration: underline;
}
.divDeviceSelectionContainer .deviceSelectionNoResetLink {
  height: 50px;
}