/* Paths relatitve to output directory (./../../uibuild/StandaloneLogin/css/) */
@import url(../../compiled/idaptive/production/resources/fonts/open-sans.css);
@font-face {
  font-family: 'Icon-Set';
  font-style: normal;
  font-weight: normal;
  src: url("../../compiled/idaptive/production/resources/fonts/Icons/Icons.eot?v=52");
  src: url("../../compiled/idaptive/production/resources/fonts/Icons/Icons.eot?v=52") format("embedded-opentype"), url("../../compiled/idaptive/production/resources/fonts/Icons/Icons.woff?v=52") format("woff"), url("../../compiled/idaptive/production/resources/fonts/Icons/Icons.ttf?v=52") format("truetype");
}

/* Begin layout & section styling */
/* line 3, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login {
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  /* End layout & section styling */
  /* Begin generic component styling */
  /* End generic component styling */
  /* Begin specific component styling */
  /* End specific component styling */
  /* Begin combo & dropdown styling */
  /* End combo styling */
  /* Begin social button styling */
  /* End social button styling */
  /* Begin browser compatibility styling */
  /* End browser compatibility styling */
}
/* line 6, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .login-form {
  display: table;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  background-color: #363A40;
  box-sizing: border-box;
}
/* line 16, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .login-logo {
  margin-left: 6px;
  padding-top: 7px;
}
/* line 21, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .form-row {
  display: table-row;
  text-align: center;
  color: #D8D8D8;
}
/* line 30, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login label {
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  font-size: 17px;
  margin-bottom: 4px;
}
/* line 38, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .button-wrapper {
  text-align: center;
}
/* line 41, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button {
  height: 45px;
  min-width: 142px;
  padding: 0px 30px;
  border: 0px;
  border-radius: 5px;
  font-size: 20px;
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  font-weight: 100;
  color: #fff;
  background-color: #0280e5;
  cursor: pointer;
}
/* line 55, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.loading,
.standalone-login button.disabled {
  background-color: #989898;
  cursor: default;
}
/* line 60, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login input {
  height: 45px;
  width: 100%;
  padding: 1px 6px 0px;
  margin-bottom: 10px;
  border: 1px solid #5E6166;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 300;
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  color: #fff;
  background: #51555C;
  box-sizing: border-box;
}
/* line 75, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login input:disabled {
  opacity: 0.3;
}
/* line 79, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login input.invalid {
  border-color: #cf4c35;
}
/* line 82, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login input:focus {
  outline: none;
  border: 1px solid #0381E4;
}
/* line 86, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login *:focus {
  outline: none;
}
/* line 90, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #888;
  opacity: 1;
}
/* line 94, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888;
  opacity: 1;
}
/* line 98, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888;
  opacity: 1;
}
/* line 102, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #888;
  opacity: 1;
}
/* line 106, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login :placeholder-shown {
  /* Standard */
  color: #888;
  opacity: 1;
}
/* line 111, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .checkbox {
  margin: 0px;
  cursor: pointer;
}
/* line 115, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .checkbox input {
  width: 15px;
  height: 15px;
  display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}
/* line 124, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .checkbox span {
  color: #FFF;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-left: 5px;
}
/* line 133, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 142, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .evenly-spaced-container {
  /* allows evenly spaced buttons in dynamic width */
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}
/* line 149, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .evenly-spaced-item {
  /* evenly space in container */
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* line 156, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .spacer {
  /* part of button spacing */
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
/* line 167, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .form-title {
  color: #B4B4B4;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}
/* line 175, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.normal-link,
.standalone-login a.normal-link {
  color: #1288DE;
  text-decoration: none;
  font-size: 14px;
  height: auto;
  width: auto;
  min-width: 0px;
  background-color: transparent;
  border: 0;
  padding: 0;
}
/* line 187, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.cancel-button {
  background: #F0F0F0;
  color: #363A40;
}
/* line 192, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .terms {
  display: block;
  font-size: 16px;
  padding: 0px 16px;
  margin-bottom: 10px;
}
/* line 199, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .register {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #B4B4B4;
}
/* line 206, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .login-form#socialForm .register {
  text-align: center;
  margin-top: 11px;
}
/* line 211, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .error-message {
  font-size: 13px;
  color: #CC3300;
  background-image: url('../../../ui/StandaloneLogin/images/exclamation_small.png?1752936401');
  background-repeat: no-repeat;
  padding-left: 26px;
  margin-bottom: 10px;
}
/* line 221, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .username-display,
.standalone-login .username-spacer {
  font-weight: 300;
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 4px;
  max-width: 365px;
  word-wrap: break-word;
}
/* line 230, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .hint-text {
  font-size: 12px;
  color: #FFA500;
  margin-bottom: 10px;
}
/* line 236, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.section-split-title {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #B4B4B4;
  line-height: 0px;
  height: 0px;
  margin: 25px 0px;
}
/* line 244, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.section-split-title span {
  background: #363A40;
  color: #B4B4B4;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  padding: 0px 10px;
}
/* line 253, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.section-split-title-divider {
  width: 100%;
  text-align: center;
  border: solid 1px rgba(255, 255, 255, 0.2);
  line-height: 0px;
  height: 0px;
  margin: 15px 0px;
}
/* line 261, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.section-split-title-divider span {
  background: #363A40;
  color: #FFFFFF;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  padding: 0px 10px;
}
/* line 270, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.login-form.masked {
  position: relative;
}
/* line 273, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login div.login-form.masked:before {
  z-index: 1;
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #363A40;
  background-image: url('../../../ui/StandaloneLogin/images/loading_circles.gif?1752936401');
  background-repeat: no-repeat;
  background-position: 50%;
}
/* line 291, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box {
  position: relative;
}
/* line 294, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box .combo-input {
  cursor: pointer;
  padding-right: 32px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* not yet supported by any browser */
}
/* line 306, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box .trigger-icon,
.standalone-login .combo-box .trigger-icon-open {
  font-family: 'Icon-Set';
  color: #999999;
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
/* line 314, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box .trigger-icon-open {
  display: none;
}
/* line 317, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box.open .trigger-icon {
  display: none;
}
/* line 320, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-box.open .trigger-icon-open {
  display: inline;
}
/* line 323, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-list {
  float: left;
  position: absolute;
  background: white;
  margin-top: -10px;
  z-index: 1;
}
/* line 330, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-list .combo-option {
  display: block;
  font-size: 18px;
  font-weight: 300;
  padding: 10px;
  cursor: pointer;
}
/* line 338, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .combo-list .combo-option.hovered, .standalone-login .combo-list .combo-option:hover {
  background-color: #EEEEEE;
}
/* line 346, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .social-button-container {
  width: 100%;
}
/* line 349, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.social-login-button {
  height: 50px;
  width: 48%;
  line-height: 50px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px;
  min-width: 0px;
  max-width: 160px;
}
/* line 363, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.social-login-button:before {
  font-family: Icon-Set;
  font-size: 30px;
  margin-right: 10px;
  vertical-align: top;
}
/* line 370, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.facebook {
  background: #43619C;
}
/* line 373, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.facebook:before {
  content: 'z';
}
/* line 376, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.google {
  background: #F24032;
}
/* line 379, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.google:before {
  content: '+';
}
/* line 382, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.linkedin {
  background: #187FB8;
}
/* line 385, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.linkedin:before {
  content: 'l';
}
/* line 388, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.twitter {
  background: #25A9E6;
}
/* line 391, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.twitter:before {
  content: 'T';
}
/* line 394, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.microsoft {
  background: #0078D7;
}
/* line 397, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.microsoft:before {
  content: 'M';
}
/* line 401, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.social-login-button.icon-only {
  height: 60px;
  width: 60px;
  line-height: 60px;
}
/* line 406, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login button.social-login-button.icon-only:before {
  margin-right: 0px;
}
/* line 415, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login input::-ms-clear,
.standalone-login input::-ms-reveal {
  height: 0;
  width: 0;
}
/* line 422, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .hidden {
  display: none !important;
}
/* line 426, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .invisible {
  visibility: hidden !important;
}
/* line 431, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .form-field-container {
  margin-top: 25px;
}
/* line 434, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-icons-container {
  margin: 15px 0px;
}
/* line 437, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-token-spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url('../../../ui/StandaloneLogin/images/loading_circles.gif?1752936401');
  margin-left: 40px;
}
/* line 445, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-token-spinner-large {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-size: 80px;
  background-image: url('../../../ui/StandaloneLogin/images/loading_circles.gif?1752936401');
  margin-left: 150px;
}
/* line 453, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-token-alert {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-size: 80px;
  background-image: url('../../../ui/StandaloneLogin/images/alert.png?1752936401');
  background-repeat: no-repeat;
  margin-left: 150px;
}
/* line 462, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-header-label {
  font-size: 16px;
}
/* line 465, ../../../ui/StandaloneLogin/css/_legacyShared.scss */
.standalone-login .u2f-form .u2f-auth-status {
  margin-top: 20px;
}

/* line 1, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login {
  background-image: url('../../../ui/StandaloneLogin/images/login_background.png?1752936401');
  position: relative;
  /* spacer on forms when QR Code is not enabled */
  /* End layout */
  /* Begin scrollbar styling */
  /* End scrollbar styling */
  /* Begin generic component styling */
  /* End generic component styling */
  /* Begin combo & dropdown styling */
  /* End combo styling */
  /* Begin specific component styling */
  /* End specific component styling */
  /* Adjustments for polling form */
  /* End adjustments for polling form */
  /* Special adjustment for social form */
  /* End adjustments for social form */
  /* adjustments for username form */
  /* End adjustments for username form */
}
/* line 5, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 476px;
  width: 685px;
}
/* line 15, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-container {
  height: 374px;
  width: 685px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px #555555;
  -moz-box-shadow: 0 2px 4px #555555;
  box-shadow: 0 2px 4px #555555;
}
/* line 24, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .logo-container {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 260px;
  background-color: white;
  background-color: #F7F7F7;
}
/* line 32, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .logo-container .logo-wrapper {
  height: 374px;
  width: 260px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
/* line 39, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .logo-container .logo-wrapper .login-logo {
  max-width: 200px;
  margin: auto;
  display: block;
}
/* line 45, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-wrapper {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 425px;
  background-color: #363A40;
}
/* line 52, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-wrapper .login-form {
  padding: 24px 30px 32px;
  display: flex;
  flex-direction: column;
}
/* line 58, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container {
  flex-grow: 1;
  margin-top: 75px;
  margin-bottom: 10px;
  overflow-y: auto;
  /* add space between content and scrollbar without affecting non scrolling forms */
  margin-right: -10px;
  padding-right: 10px;
}
/* line 70, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .default-spacer {
  margin-top: 75px;
}
/* line 75, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login #passwordAndMechanismForm .form-field-container,
.legacy-web-login #multipleAnswerInputForm .form-field-container {
  margin-top: 15px;
}
/* line 79, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .button-wrapper {
  text-align: left;
  height: 35px;
}
/* line 83, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .button-wrapper .button-bar-extras {
  display: inline-block;
}
/* line 86, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .button-wrapper button[type=submit] {
  float: right;
}
/* line 91, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .soc2-logo,
.legacy-web-login .truste-logo {
  position: relative;
  /* force these behind the form if it overflows its container on browsers that don't support flexbox */
  z-index: -1;
}
/* line 97, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .soc2-logo {
  top: 20px;
  left: 268px;
}
/* line 103, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .truste-logo,
.legacy-web-login .truste-logo div,
.legacy-web-login .truste-logo a {
  /* allows the anchor tag  to be the same size as the embedded image */
  display: inline-block;
}
/* line 109, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .truste-logo,
.legacy-web-login .truste-logo a,
.legacy-web-login .truste-logo img {
  height: 32px;
  top: 3px;
  left: 284px;
  vertical-align: middle;
}
/* line 116, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
/* line 121, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .footer {
  width: 800px;
  margin: auto;
}
/* line 126, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .footer span,
.legacy-web-login .footer-wrapper .footer a {
  color: #FFF;
  font-size: 14px;
}
/* line 130, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .image-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  padding-left: 16px;
}
/* line 137, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .image-footer span {
  padding: 0 16px 16px 0;
}
/* line 140, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .image-footer a {
  color: #0381E4;
  font-size: 12px;
  font-weight: bold;
}
/* line 145, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .text-shadow {
  text-shadow: #000 0px 1px 3px;
  -webkit-font-smoothing: antialiased;
}
/* line 153, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container {
  scrollbar-arrow-color: #3f3f3f;
  scrollbar-face-color: #3f3f3f;
  scrollbar-highlight-color: #24272b;
  scrollbar-shadow-color: #3f3f3f;
}
/* line 159, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border: solid #1c1e1d;
  border-width: 0px 1px;
  background-color: #24272b;
  border-radius: 4px;
}
/* line 171, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container::-webkit-scrollbar-thumb {
  background-color: #3f3f3f;
  border-radius: 4px;
  border: solid #1c1e1d;
  border-width: 0px 1px;
  -webkit-box-shadow: inset 0 0 0px 1px #24272b;
}
/* line 179, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container::-webkit-scrollbar-thumb:hover {
  background-color: #666666;
}
/* line 184, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .form-field-container::-webkit-scrollbar:horizontal, .legacy-web-login .form-field-container::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0px;
}
/* line 198, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login label {
  font-size: 12px;
  margin-bottom: 9px;
}
/* line 203, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login label.large-label {
  font-size: 13px;
  margin-bottom: 9px;
}
/* line 208, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login button {
  height: 35px;
  min-width: 0px;
  padding: 0px 23px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  background-color: #0280e5;
  cursor: pointer;
}
/* line 219, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login button.loading,
.legacy-web-login button.disabled {
  background-color: #0280e5;
  opacity: 0.5;
  cursor: default;
}
/* line 225, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login input {
  height: 30px;
  margin-bottom: 12px;
  font-size: 13px;
}
/* line 231, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .checkbox input {
  width: 14px;
  height: 14px;
}
/* line 238, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login button:focus,
.legacy-web-login a:focus,
.legacy-web-login .checkbox input:focus {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
/* line 246, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .footer-wrapper .footer a,
.legacy-web-login .normal-link,
.legacy-web-login .truste-logo {
  /* space for the focus shadow */
  padding: 1px;
}
/* line 255, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .combo-box .combo-input {
  padding-right: 32px;
}
/* line 259, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .combo-box .trigger-icon,
.legacy-web-login .combo-box .trigger-icon-open {
  font-size: 10px;
  top: 10px;
  right: 7px;
}
/* line 264, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .combo-list {
  width: 100%;
}
/* line 272, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login button.start-over {
  float: right;
  margin-top: 10px;
}
/* line 278, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login button.forgot-password,
.legacy-web-login button.forgot-username {
  float: right;
}
/* line 282, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .qr-code-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* line 289, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .qr-code-oob-image-container {
  text-align: center;
}
/* line 293, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .centered-text {
  text-align: center;
}
/* line 297, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .qr-code-oob-image {
  position: relative;
  border: solid 2px black;
}
/* line 302, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .qr-code-image {
  width: 105px;
  height: 105px;
  border: solid 2px black;
}
/* line 308, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .recaptcha-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  transform: scale(0.9);
  transform-origin: 0 0;
}
/* line 316, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .recaptcha-container div {
  margin-left: auto;
  margin-right: auto;
}
/* line 321, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .field-wrapper > input:last-of-type {
  /*
  * No margin below last input box since .field-container-padding-bottom
  * adds space below scrollable area
  */
  margin-bottom: 0px;
}
/* line 330, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .register,
.legacy-web-login .error-message,
.legacy-web-login .hint-text {
  /*
  * Add margin above the things that might come after the last input
  * box, and remove their bottom margin.
  */
  margin-top: 12px;
  margin-bottom: 0px;
}
/* line 344, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#pollingForm .form-field-container {
  margin-top: 25px;
  /* add space beneath username-display */
  margin-bottom: 0px;
}
/* line 354, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm {
  padding-bottom: 0px;
  /* Make room for error by letting items get closer to bottom */
}
/* line 357, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .username-spacer {
  margin-top: 0px;
  /* remove additional space on top to fit in QR code */
}
/* line 361, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .button-wrapper {
  display: none;
  /* Hide the empty bottom toolbar so it doesn't take space */
}
/* line 365, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .form-field-container {
  margin-top: 0px;
  /* no extra space above username field */
  max-height: 270px;
  /* more height available without Next button bar */
}
/* line 369, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .form-field-container .field-wrapper {
  min-height: 72px;
  /* reserve space when error is not displayed */
  overflow: hidden;
  /* allows the Next button to float to right */
}
/* line 374, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .form-field-container button[type=submit] {
  float: right;
  /* float to right of field-wrapper */
  margin-left: 10px;
  /* space between input and button */
  margin-top: 25px;
  /* line up vertically with input */
  /* make the button smaller to match username input */
  height: 30px;
  padding: 0px 21px;
  font-size: 13px;
}
/* line 386, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#socialForm .qr-code-container {
  margin-top: 10px;
  /* add minimum space beneath username field */
}
/* line 396, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#usernameForm .username-spacer {
  margin-top: 0px;
}
/* line 400, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#usernameForm .form-field-container {
  margin-top: 0px;
}
/* line 407, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#newPasswordForm .form-field-container {
  margin-top: 20px;
}
/* line 412, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#welcomeForm .form-title {
  display: none;
}
/* line 416, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#welcomeForm .username-spacer {
  display: none;
}
/* line 420, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#welcomeForm .form-field-container {
  padding: 0;
  margin: 0px 0px 24px 0px;
  background-color: #1e2020;
  border: 1px solid #000000;
  border-radius: 3px;
}
/* line 428, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .login-form#welcomeForm .login-banner {
  margin: 20px;
  font-size: 13px;
}
/* line 434, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .larget-text-bold {
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
}
/* line 440, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login .bottom-margin {
  margin-bottom: 4px;
}

/* line 445, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login.default-background {
  background-image: url('../../../ui/StandaloneLogin/images/login_background.svg?1752936401');
}

/* line 449, ../../../ui/StandaloneLogin/css/_legacyWeb.scss */
.legacy-web-login.no-repeat-background {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Layout */
/* line 3, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login {
  background-color: #363A40;
  /* End Layout*/
  /* Begin specific styling */
  /* set max-height for combo dropdown since it can't overflow the form when embedded */
}
/* line 6, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .logo-container {
  height: 40%;
  min-height: 110px;
  position: relative;
  background-color: #FFF;
}
/* line 13, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .login-logo {
  position: absolute;
  bottom: 21px;
  left: 0;
  right: 0;
  max-width: 240px;
  max-height: 70%;
  margin: auto;
}
/* line 23, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .form-container {
  height: 60%;
  width: 100%;
  min-height: 350px;
}
@media (max-height: 585px) {
  /* line 3, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login {
    /*
    * Form needs more than 60% at 585px. Start gradually stepping down ratio of
    * image to form, so scrolling is not introduced until min height of both is
    * reached.
    *
    * Form (min-height 350) needs more than 60% at 585px.
    */
  }
  /* line 37, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .logo-container {
    height: 35%;
  }
  /* line 40, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .form-container {
    height: 65%;
  }
}
@media (max-height: 540px) {
  /* line 3, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login {
    /*
    * Form needs more than 65% at 540px
    */
  }
  /* line 49, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .logo-container {
    height: 30%;
  }
  /* line 52, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .form-container {
    height: 70%;
  }
}
@media (max-height: 500px) {
  /* line 3, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login {
    /*
    * Form needs more than 70% at 500px.
    *
    * Reduce image ratio one last time. The two sections are now the natural
    * ratio of their min-heights (110 & 350), and scrolling won't be introduced
    * unless available height is less than 460.
    */
  }
  /* line 64, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .logo-container {
    height: 25%;
  }
  /* line 67, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
  .legacy-mobile-login .form-container {
    height: 75%;
  }
}
/* line 72, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .form-wrapper {
  height: 100%;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  padding: 0px 30px;
  box-sizing: border-box;
}
/* line 81, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .form-field-container {
  display: table-row;
  height: 50%;
  width: 100%;
}
/* line 86, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .field-wrapper {
  padding-top: 30px;
}
/* line 90, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .login-form#socialForm .form-field-container {
  height: 28%;
  /* Special case for social form - move Next button up */
}
/* line 94, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .footer {
  font-size: 12px;
  height: 18px;
}
/* line 103, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .form-title {
  padding-top: 30px;
}
/* line 109, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login button.start-over,
.legacy-mobile-login button.forgot-password,
.legacy-mobile-login button.forgot-username {
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  color: #999999;
}
/* line 116, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login button.forgot-password,
.legacy-mobile-login button.forgot-username {
  float: right;
  height: 20px;
  font-size: 12px;
}
/* line 123, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .combo-list {
  max-height: 240px;
  overflow-y: auto;
}
/* line 129, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .login-form#welcomeForm .login-banner-wrapper {
  background-color: #1e2020;
  border: 1px solid #000000;
  border-radius: 3px;
  margin: 0px 0px 24px 0px;
  min-height: 190px;
}
/* line 137, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .login-form#welcomeForm .login-banner {
  margin: 20px;
  font-size: 13px;
}
/* line 142, ../../../ui/StandaloneLogin/css/_legacyMobile.scss */
.legacy-mobile-login .login-form#welcomeForm .button-wrapper {
  padding-bottom: 24px;
}

/* line 3, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .content-wrapper {
  height: 377px;
  width: 520px;
}
/* line 8, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .login-container {
  height: 330px;
  width: 520px;
}
/* line 13, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .logo-container {
  width: 100px;
}
/* line 16, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .logo-container .logo-wrapper {
  vertical-align: top;
  height: 100%;
}
/* line 20, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .logo-container .logo-wrapper .alert-icon {
  font-family: 'Icon-Set';
  color: #e1e2e3;
  font-size: 38px;
  text-align: center;
  margin-top: 30px;
}
/* line 27, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .form-wrapper {
  width: 420px;
}
/* line 31, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .form-title {
  font-size: 20px;
}
/* line 35, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .footer {
  padding-top: 25px;
  color: #FFF;
  font-size: 11px;
}
/* line 41, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .form-field-container {
  margin-top: 15px;
}
/* line 45, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login .username-display {
  word-wrap: unset;
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 53, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-challenge-login button.start-over {
  margin-top: unset;
}

/* line 59, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-embedded-login.legacy-challenge-login {
  /* hide footer when embedded */
  /* set max-height for combo dropdown since it can't overflow the form when embedded */
}
/* line 62, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-embedded-login.legacy-challenge-login .content-wrapper {
  height: 330px;
  overflow: hidden;
}
/* line 68, ../../../ui/StandaloneLogin/css/_legacyChallenge.scss */
.legacy-embedded-login.legacy-challenge-login .combo-list {
  max-height: 155px;
  overflow-y: auto;
}

/* line 2, ../../../ui/StandaloneLogin/css/_legacyEnroll.scss */
.legacy-enroll-login.legacy-web-login .content-wrapper {
  height: 374px;
}
/* line 6, ../../../ui/StandaloneLogin/css/_legacyEnroll.scss */
.legacy-enroll-login.legacy-web-login .form-wrapper {
  position: relative;
  /* set max-height for combo dropdown since it can't overflow the form in this view */
}
/* line 9, ../../../ui/StandaloneLogin/css/_legacyEnroll.scss */
.legacy-enroll-login.legacy-web-login .form-wrapper .enroll-copyright {
  font-size: 10px;
  color: #B4B4B4;
  position: absolute;
  bottom: 9px;
  left: 30px;
}
/* line 18, ../../../ui/StandaloneLogin/css/_legacyEnroll.scss */
.legacy-enroll-login.legacy-web-login .form-wrapper .combo-list {
  max-height: 155px;
  overflow-y: auto;
}

/* line 2, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login {
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  min-width: 360px;
  position: relative;
  /* custom-links holds custom links in the main body */
  /* Rules for short container */
  /* Begin transition to smaller form when container width is between 1300px and 1679px */
  /* transition is done, this is the smallest the form gets before switching to "mobile" view */
  /* "mobile" view for small widths */
  /* End layout */
  /* Begin generic component styling */
  /* Disable auto-fill style on input, select, text-area for  Chrome, Safari, Edge */
  /* End generic component styling */
  /* Begin combo & dropdown styling */
  /* End combo styling */
  /* Begin specific component styling */
  /* apply this to any parent element to self-clear its children */
  /* End specific component styling */
}
/* line 38, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container,
.web-login .login-container,
.web-login .combo-list {
  scrollbar-face-color: #a5afc3;
  scrollbar-track-color: #c9d3e6;
}
/* line 39, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container::-webkit-scrollbar,
.web-login .login-container::-webkit-scrollbar,
.web-login .combo-list::-webkit-scrollbar {
  width: 7px;
  height: 100%;
}
/* line 44, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container::-webkit-scrollbar-track,
.web-login .login-container::-webkit-scrollbar-track,
.web-login .combo-list::-webkit-scrollbar-track {
  width: 7px;
  background: #c9d3e6;
  margin-top: 37px;
  margin-bottom: 21px;
  border-radius: 6px;
}
/* line 52, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container::-webkit-scrollbar-thumb,
.web-login .login-container::-webkit-scrollbar-thumb,
.web-login .combo-list::-webkit-scrollbar-thumb {
  background: #a5afc3;
  border-radius: 6px;
}
/* line 57, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container::-webkit-scrollbar-thumb:hover,
.web-login .login-container::-webkit-scrollbar-thumb:hover,
.web-login .combo-list::-webkit-scrollbar-thumb:hover {
  background-color: #8d99b1;
}
/* line 62, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container::-webkit-scrollbar:horizontal, .web-login .eula-container::-webkit-scrollbar-thumb:horizontal,
.web-login .login-container::-webkit-scrollbar:horizontal,
.web-login .login-container::-webkit-scrollbar-thumb:horizontal,
.web-login .combo-list::-webkit-scrollbar:horizontal,
.web-login .combo-list::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0px;
}
/* line 70, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .login-container {
  width: 630px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-height: calc(100% - 57px - 57px);
  margin: 57px auto;
  padding-bottom: 30px;
  box-sizing: border-box;
  background: white;
  overflow-y: auto;
  border-radius: 2px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.19);
}
/* line 86, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container {
  width: 100%;
  margin-top: 30px;
}
/* line 90, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .logo-wrapper {
  text-align: center;
  margin: auto;
  width: 100%;
}
/* line 95, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .login-logo {
  max-height: 125px;
  max-width: 320px;
  vertical-align: middle;
}
/* line 101, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .security-image-wrapper {
  width: 80%;
  height: 80px;
  position: relative;
  margin: auto;
  margin-top: 17px;
}
/* line 108, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .security-image-login-line {
  border-bottom: solid 2px #e0e7f5;
  width: 100%;
  position: absolute;
  top: 50%;
}
/* line 114, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .security-image-placeholder {
  width: 75px;
  height: 74px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #e0e7f5;
  padding: 1px 0px 0px 1px;
  position: relative;
  margin: auto;
}
/* line 124, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .logo-container .security-image-login-thumbnail {
  width: 73.5px;
  height: 73.5px;
  border-radius: 50%;
}
/* line 131, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .form-wrapper {
  width: 470px;
  margin: 0px auto;
}
/* line 136, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .form-wrapper .login-form,
.web-login .form-wrapper .login-form .form-field-container {
  width: 100%;
  background: white;
}
/* line 142, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .hidden {
  display: none !important;
}
/* line 146, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .invisible {
  visibility: hidden !important;
}
/* line 151, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .custom-links {
  text-align: center;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
}
/* line 158, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .custom-links.display-block {
  display: block;
}
/* line 163, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 57px;
}
/* line 177, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer span {
  color: #333333;
}
/* line 182, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer span,
.web-login .footer a {
  font-size: 12px;
}
/* line 186, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer.custom {
  text-shadow: #000 0px 1px 3px;
  -webkit-font-smoothing: antialiased;
}
/* line 189, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer.custom span, .web-login .footer.custom a {
  color: #ffffff;
}
/* line 192, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer.custom a {
  text-decoration: underline;
  /* since text is white in color */
}
/* line 196, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer.custom .footer-logo {
  height: unset;
}
/* line 201, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer .powered-by-wrapper * {
  vertical-align: middle;
}
/* line 204, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer .footer-logo {
  margin-left: 5px;
  height: 20px;
}
/* line 212, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.height-708 .login-container {
  margin-top: 0px;
  margin-bottom: 0px;
  max-height: calc(100% - 40px);
}
/* line 217, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.height-708 .footer {
  height: 40px;
}
/* line 224, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.large-width .login-container {
  /*
  * Larger than 1679px browser width => form is default state. Below 1300px => form is in smaller state.
  * These formulas handle the smooth transition between 1679 and 1300 width.
  *   e.g. for form width:
  *   browser_width * x + y = form_width
  *   1680 * x + y = 630
  *   1300 * x + y = 530
  *   solve for x & y
  */
  width: calc(26.3% + 187.89px);
}
/* line 241, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.medium-width .login-container {
  width: 530px;
}
/* line 249, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width {
  padding-top: 40px;
  box-sizing: border-box;
}
/* line 253, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .eula-container {
  padding-bottom: 30px;
  padding-top: 16px;
  box-sizing: border-box;
  background: white;
}
/* line 259, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .eula-container .eula-form-content {
  margin: unset;
  padding: 0px 24px;
  box-sizing: border-box;
}
/* line 266, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .login-container, .web-login.small-width .eula-container {
  margin: 0px;
  position: unset;
  min-height: calc(100% - 42px);
  max-height: none;
  overflow-y: unset;
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: none;
}
/* line 280, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .logo-container {
  top: 0px;
  bottom: 0px;
  margin: 0;
  margin-bottom: 33px;
  padding: 16px 0px 0px 0px;
}
/* line 286, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .logo-container .login-logo {
  max-height: 70px;
  max-width: 220px;
}
/* line 292, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper {
  width: 100%;
  margin: 0;
}
/* line 296, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .login-form {
  width: 100%;
  padding: 0px 24px;
  box-sizing: border-box;
}
/* line 301, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .form-title {
  padding-left: 0px;
  margin-top: 4px;
}
/* line 306, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .social-container {
  margin-top: 0;
  height: 120px;
}
/* line 310, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .social-container .social-media-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eef1f6;
  line-height: 0px;
  margin: 40px 0px;
}
/* line 317, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .social-container .social-media-line .social-media-text {
  background: white;
  color: #333333;
  font-size: 14px;
  padding: 0px 10px;
}
/* line 325, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .social-container .social-button-container {
  float: unset;
  text-align: center;
  width: 100%;
}
/* line 330, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .form-wrapper .social-container .social-button-container button {
  margin: 0px 10px;
}
/* line 337, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer {
  position: unset;
  width: 100%;
  height: 42px;
  flex-wrap: wrap;
  justify-content: center;
  background-color: white;
}
/* line 345, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer span {
  display: flex;
  justify-content: center;
  width: 100%;
  color: #3a3a3a;
}
/* line 352, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer .normal-link {
  margin-top: 5px;
}
/* line 356, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer .normal-link:nth-child(2) {
  padding: 0px 0px 0px 0px;
}
/* line 360, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer .normal-link:nth-child(3) {
  padding: 0px 0px 0px 9px;
}
/* line 364, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer .powered-by-wrapper {
  display: none;
}
/* line 368, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer.custom {
  text-shadow: none;
}
/* line 371, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer.custom span {
  color: #333333;
}
/* line 375, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer.custom a {
  color: #1362cb;
}
/* line 379, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .footer.custom .footer-logo {
  height: unset;
}
/* line 385, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width .button {
  margin-top: 30px;
}
/* line 390, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .smart-card-container .passkey-container {
  margin-bottom: 45px;
}
/* line 392, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .smart-card-container .passkey-container .smart-card-button .passkey-button {
  margin-top: 20px;
}
/* line 397, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-container {
  margin-top: 30px;
  overflow: hidden;
}
/* line 401, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-container .social-media-line {
  display: inline-block;
  line-height: 38px;
}
/* line 405, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-container .social-button-container {
  display: inline-block;
  float: right;
  height: 38px;
}
/* line 410, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-container .social-button-container .social-login-button-ng {
  margin-top: 0px;
}
/* line 420, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login label {
  margin-top: 30px;
  font-size: 16px;
  color: #333333;
  display: inline-block;
}
/* line 427, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button {
  width: 100%;
  border-radius: 22px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  background-color: #1362cb;
  cursor: pointer;
  color: white;
  margin-top: 40px;
  height: 44px;
  padding: 0px 30px;
  border: 0px;
}
/* line 441, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.no {
  background-color: white;
  color: #1362cb;
}
/* line 445, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.yes {
  margin-left: 10px;
}
/* line 451, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.loading,
.web-login button.disabled,
.web-login button.disabled:focus,
.web-login button.disabled:hover {
  background-color: #d7d7d7;
  color: #666666;
  opacity: 0.8;
  cursor: default;
  border-radius: 22px;
}
/* line 459, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button:hover {
  background-color: #0768e9;
}
/* line 463, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.no:hover {
  background-color: white;
}
/* line 467, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button:focus {
  background-color: #1156b2;
}
/* line 471, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .field-label {
  position: absolute;
  color: #666666;
  font-size: 14px;
  bottom: 42px;
  margin-top: 0;
}
/* line 479, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .input-wrapper {
  position: relative;
  margin-top: 24px;
}
/* line 484, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input {
  display: block;
  margin: 0;
  outline: 0;
  font-size: 16px;
  font-weight: normal;
  border: none;
  background-color: white;
  border-radius: 0px;
  border-bottom: 1px solid #666666;
  color: #3a3a3a;
  height: 61px;
  width: 100%;
  padding: 32px 0 1px;
  font-family: "Open Sans", "Arial", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  box-sizing: border-box;
}
/* line 503, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input:focus {
  border: none;
  border-bottom: 2px solid #1362cb;
  padding-bottom: 0;
}
/* line 510, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input:focus + .field-label {
  color: #1362cb;
  background-color: white;
}
/* line 515, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input::placeholder {
  color: #666666;
}
/* line 519, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input:placeholder-shown + .field-label {
  visibility: hidden;
}
/* line 524, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input:not(:placeholder-shown) + .field-label,
.web-login input:focus + .field-label {
  visibility: visible;
}
/* line 528, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input:focus::placeholder {
  visibility: hidden;
}
/* line 532, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input.invalid {
  border-bottom: 2px solid #eb1000;
  padding-bottom: 0;
}
/* line 538, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login input.invalid + .field-label {
  color: #eb1000;
}
/* line 542, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .input-with-glyph {
  padding-left: 34px;
}
/* line 546, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login *:focus {
  outline: none;
}
/* line 552, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login :-webkit-autofill, .web-login :-webkit-autofill:hover, .web-login :-webkit-autofill:focus {
  box-shadow: 0 0 0 50px white inset;
}
/* line 557, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .checkbox {
  margin-top: 10px;
  cursor: pointer;
}
/* line 561, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .checkbox input {
  width: 14px;
  height: 14px;
  display: inline;
  vertical-align: middle;
  margin: 0;
}
/* line 569, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .checkbox span {
  color: #333333;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 10px;
}
/* line 577, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .checkbox input:focus {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
  outline: none;
}
/* line 584, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline: none;
}
/* line 592, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .footer a,
.web-login .normal-link {
  /* space for the focus shadow */
  padding: 1px;
  color: #1362cb;
}
/* line 598, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .normal-link {
  padding: 0px 5px;
  font-size: 14px;
  font-weight: normal;
}
/* line 604, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .glyphicon {
  font-family: Icon-Set;
  font-size: 24px;
  color: #6c6e83;
  position: absolute;
  top: 32px;
}
/* line 612, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login div.section-split-title-divider {
  width: 100%;
  text-align: center;
  line-height: 0px;
  border-top: solid 1px #eef1f6;
  margin-top: 38px;
  height: 20px;
}
/* line 621, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login div.section-split-title-divider span {
  /* Measurements for perfect oval with text inline */
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #eef1f6;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #666666;
}
/* line 634, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login div.section-split-title span {
  background: white;
  color: #666666;
}
/* line 639, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login div.login-form.masked {
  position: relative;
}
/* line 643, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login div.login-form.masked:before {
  z-index: 1;
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-image: url('../../../ui/StandaloneLogin/images/loading-spinner.gif?1752936401');
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}
/* line 664, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box .combo-input {
  cursor: pointer;
  height: 56px;
  padding-top: 29px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* not yet supported by any browser */
}
/* line 676, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box .combo-label {
  bottom: 37px;
}
/* line 681, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box .trigger-icon,
.web-login .combo-box .trigger-icon-open {
  font-size: 10px;
  position: absolute;
  top: 38px;
  right: 7px;
  font-family: 'Icon-Set';
  color: #757575;
  cursor: pointer;
}
/* line 691, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box .trigger-icon-open {
  display: none;
}
/* line 695, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box.open .trigger-icon {
  display: none;
}
/* line 699, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-box.open .trigger-icon-open {
  display: inline;
}
/* line 703, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-list {
  border-radius: 6px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  margin-top: 1px;
  position: absolute;
  background: #ffffff;
  z-index: 1;
}
/* line 711, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-list::-webkit-scrollbar-track {
  margin-top: 0;
  margin-bottom: 6px;
}
/* line 717, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-list .combo-option {
  display: block;
  font-size: 16px;
  padding: 8px 10px 10px 10px;
  cursor: pointer;
  color: #1b2334;
}
/* line 724, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-list .combo-option:hover {
  background-color: #eef1f6;
}
/* line 729, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .combo-list .combo-option.hovered {
  background-color: #dbe6f9;
}
/* line 737, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .form-title {
  margin: 24px 0px 0px 0px;
  color: #2f3564;
  font-size: 24px;
  display: block;
  font-weight: 600;
}
/* line 746, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .form-display-text,
.web-login .username-display {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
/* line 752, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .form-display-text {
  margin-top: 30px;
}
/* line 756, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .username-display {
  margin-top: 4px;
  width: 100%;
}
/* line 761, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-back {
  font-family: Icon-Set;
  font-size: 14px;
  color: #1362cb;
}
/* line 767, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng {
  width: 38px;
  height: 38px;
  min-width: unset;
  background-repeat: no-repeat;
  background-color: white !important;
  cursor: pointer;
  border: 0;
  background: unset !important;
  margin-left: 20px;
  padding: 0;
  /* delete the Psuedo selectors when legacy is removed. */
  /* delete the Psuedo selectors when legacy is removed. */
  /* delete the Psuedo selectors when legacy is removed. */
  /* delete the Psuedo selectors when legacy is removed. */
  /* delete the Psuedo selectors when legacy is removed. */
}
/* line 779, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.facebook {
  background-image: url('../../../ui/StandaloneLogin/images/ic-facebook.svg?1752936401') !important;
}
/* line 784, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.facebook:before {
  content: unset;
}
/* line 789, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.linkedin {
  background-image: url('../../../ui/StandaloneLogin/images/ic-linkedin.svg?1752936401') !important;
}
/* line 794, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.linkedin:before {
  content: none;
}
/* line 798, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.microsoft {
  background-image: url('../../../ui/StandaloneLogin/images/ic-windows.svg?1752936401') !important;
}
/* line 803, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.microsoft:before {
  content: none;
}
/* line 807, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.google {
  background-image: url('../../../ui/StandaloneLogin/images/icons-8-google.svg?1752936401') !important;
}
/* line 812, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .social-login-button-ng.google:before {
  content: none;
}
/* line 817, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .start-over-label {
  margin-left: 10px;
}
/* line 821, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.normal-link {
  color: #1362cb;
  background-color: transparent;
  font-size: 14px;
  height: auto;
  width: auto;
  min-width: 0px;
  padding: 0;
}
/* line 831, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.normal-link:hover {
  color: #0768e9;
}
/* line 835, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.normal-link:focus {
  color: #1156b2;
}
/* line 839, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.start-over {
  margin-top: 30px;
  margin-bottom: 0px;
  /* override normal button style */
  display: block;
}
/* line 845, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.retry-oob {
  float: right;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* line 854, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.forgot-password,
.web-login button.forgot-username,
.web-login button.sign-up-link,
.web-login button.sign-in-link {
  float: right;
  margin-top: 10px;
}
/* line 868, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login button.find-my-workspace:hover,
.web-login button.find-my-workspace:focus,
.web-login button.switch-tenant:hover,
.web-login .web-login button.find-workspace-message:hover, .web-login
.web-login button.find-workspace-message:hover,
.web-login button.switch-tenant:focus,
.web-login .web-login button.find-workspace-message:focus, .web-login
.web-login button.find-workspace-message:focus,
.web-login button.start-over:hover,
.web-login button.start-over:focus,
.web-login button.forgot-password:hover,
.web-login button.forgot-password:focus,
.web-login button.forgot-username:hover,
.web-login button.forgot-username:focus {
  text-decoration: underline;
}
/* line 872, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .qr-code-container {
  text-align: center;
  height: 125px;
}
/* line 877, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .qr-code-oob-image-container {
  text-align: center;
  height: 167px;
}
/* line 882, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .qr-code-oob-image {
  margin-top: 20px;
}
/* line 886, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .qr-code-image {
  width: 105px;
  height: 105px;
  margin-top: 20px;
}
/* line 892, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .duo-container {
  text-align: center;
  margin-top: 20px;
}
/* line 898, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .floating-items-container::after {
  content: "";
  clear: both;
  display: table;
}
/* line 904, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .recaptcha-container div {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 304px;
}
/* line 911, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .field-wrapper > input:last-of-type {
  /*
  * No margin below last input box since .field-container-padding-bottom
  * adds space below scrollable area
  */
  margin-bottom: 0px;
}
/* line 920, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .register,
.web-login .error-message,
.web-login .hint-text {
  /*
  * Add margin above the things that might come after the last input
  * box, and remove their bottom margin.
  */
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* line 930, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .register .normal-link {
  margin-top: 10px;
  display: inline-block;
  padding-left: 0;
}
/* line 937, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .switch-tenant, .web-login .find-workspace-message {
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* line 943, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .find-workspace-message {
  font-size: 16px !important;
}
/* line 947, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .find-workspace-hint-message {
  font-size: 13px;
}
/* line 951, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .error-message {
  font-size: 13px;
  padding-left: 0px;
  background-image: none;
  background-repeat: no-repeat;
}
/* line 958, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .hint-text {
  font-size: 12px;
  color: #FFA500;
}
/* line 963, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-success {
  font-family: Icon-Set;
  color: #616a8b;
  padding-right: 4px;
}
/* line 965, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-success::before {
  content: '\7c';
}
/* line 972, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-satisfied {
  font-family: Icon-Set;
  color: #00A67E;
  padding-right: 4px;
}
/* line 974, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-satisfied::before {
  content: '\7c';
}
/* line 981, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-not-satisfied {
  font-family: Icon-Set;
  color: #DA1E28;
  padding-right: 4px;
}
/* line 983, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .icon-not-satisfied::before {
  content: '\42';
}
/* line 990, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .customtextTop {
  margin-top: 4px;
  color: #333;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1000, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .customtextBottom {
  margin-top: 8px;
  color: #333;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1010, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .input-wrapper-answer {
  position: relative;
  margin-top: 12px;
}
/* line 1015, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .reset-password-answer {
  position: relative;
  margin-top: 0px;
}
/* line 1020, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .input-wrapper-confirmPassword {
  position: relative;
  margin-top: 12px;
}
/* line 1025, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .password-requirements-advance {
  margin-top: 8px;
  color: #333333;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1035, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .password-requirements {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
/* line 1042, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .requirements-title {
  margin-top: 0px;
  color: #05005D;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* line 1052, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .requirements-text {
  margin-top: 4px;
  color: #616A8B;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1062, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .satisfied {
  margin-top: 4px;
  color: #00A67E;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1072, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .not-satisfied {
  margin-top: 4px;
  color: #DA1E28;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* line 1082, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .error-message-label {
  margin-left: 24px;
  color: #eb1000;
}
/* line 1087, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .error-message-icon {
  font-family: Icon-Set;
  font-size: 20px;
  color: #eb1000;
  position: absolute;
  padding: 0px 10px 0px 0px;
}
/* line 1095, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .preview-message-label {
  margin-left: 24px;
  color: #0768e9;
}
/* line 1100, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .preview-message-icon {
  font-family: Icon-Set;
  font-size: 20px;
  color: #0768e9;
  position: absolute;
  padding: 0px 10px 0px 0px;
}
/* line 1108, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .field-error-msg.field-error-msg-answer {
  text-align: left;
  margin-top: 2px;
  font-size: 12px;
  color: #eb1000;
  min-height: 17.66px;
}
/* line 1116, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .field-error-msg.field-error-msg-confirmPassword {
  text-align: left;
  margin-top: 2px;
  font-size: 12px;
  color: #eb1000;
  min-height: 17.66px;
}
/* line 1124, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .field-error-msg {
  text-align: right;
  margin-top: 10px;
  font-size: 13px;
  color: #eb1000;
  min-height: 17.66px;
}
/* line 1134, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .login-form#welcomeForm .form-title {
  display: none;
}
/* line 1139, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .login-form#welcomeForm .form-field-container .field-wrapper {
  padding: 0;
  margin-top: 24px;
  border: 1px solid #000000;
  border-radius: 3px;
}
/* line 1147, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .login-form#welcomeForm .login-banner {
  margin: 20px;
  font-size: 13px;
}
/* line 1154, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .insert-smart-card-form .insert-smart-card-label {
  margin-top: 0px;
  font-size: 24px;
}
/* line 1159, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .insert-smart-card-form .insert-smart-card-description {
  margin: 20px 0px 30px 0px;
  font-size: 14px;
}
/* line 1164, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .insert-smart-card-form .insert-smart-card-icons-container {
  min-height: 110px;
  margin-top: 30px;
  margin-bottom: 60px;
  background-image: url('../../../ui/StandaloneLogin/images/smartcard.svg?1752936401');
  background-position: center;
  background-repeat: no-repeat;
}
/* line 1175, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-icons-container {
  margin-top: 20px;
  height: 80px;
}
/* line 1179, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-token-spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url('../../../ui/StandaloneLogin/images/loading-spinner.gif?1752936401');
  margin-left: 40px;
}
/* line 1187, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-token-spinner-large {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-size: 80px;
  background-image: url('../../../ui/StandaloneLogin/images/loading-spinner.gif?1752936401');
  margin-left: 150px;
}
/* line 1195, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-token-alert {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-size: 80px;
  background-image: url('../../../ui/StandaloneLogin/images/alert.png?1752936401');
  background-repeat: no-repeat;
  margin-left: 150px;
}
/* line 1204, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-header-label {
  font-size: 16px;
}
/* line 1207, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .u2f-form .u2f-auth-status {
  margin-top: 20px;
}
/* line 1212, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.default-background {
  background-image: url('../../../ui/StandaloneLogin/images/bg-centered-morning.png?1752936401');
  /* Fallback to support IE 8 */
  background-image: url('../../../ui/StandaloneLogin/images/bg-centered-morning.svg?1752936401');
  background-color: #e1efff;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
}
/* line 1221, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.custom-background {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 1232, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login.small-width.default-background, .web-login.small-width.custom-background {
  background-position: top;
  background-size: 100% auto;
  background-blend-mode: color;
  background-color: #ffffff;
}
/* line 1240, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container {
  width: 840px;
  display: flex;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  max-height: calc(100% - 57px - 57px);
  overflow-y: auto;
  margin: 0 auto 57px auto;
  padding-top: 57px;
}
/* line 1252, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-blob-background {
  width: 100%;
  height: 100%;
  background-image: url('../../../ui/StandaloneLogin/images/eula-blob.svg?1752936401');
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1260, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content {
  margin: 142px 180px 142px 190px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333333;
}
/* line 1268, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content .logo {
  background-image: url('../../../ui/StandaloneLogin/images/cyberark-logo-blue.svg?1752936401');
  width: 110px;
  height: 110px;
}
/* line 1274, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content .welcome-message {
  font-size: 28px;
  margin-top: 30px;
  color: #2f3564;
}
/* line 1278, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content .welcome-message span {
  font-weight: 600;
  margin-left: 5px;
}
/* line 1284, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content .terms-of-service-title {
  font-size: 16px;
  margin-top: 63px;
  text-transform: uppercase;
}
/* line 1290, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .eula-container .eula-form-content .terms-of-service {
  margin-top: 17px;
  font-size: 14px;
}
/* line 1296, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .centered-text {
  text-align: center;
  width: 100%;
}
/* line 1300, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .bottom-margin {
  margin-bottom: 10px;
}
/* line 1303, ../../../ui/StandaloneLogin/css/_web.scss */
.web-login .larget-text-bold {
  font-size: 30px;
  font-weight: bold;
}

/* line 1, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left {
  /* begin transition to smaller form */
  /* transition is done, this is the smallest the form gets before switching to "mobile" view */
  /* "mobile" view for small widths */
}
/* line 2, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.default-background {
  background-image: url('../../../ui/StandaloneLogin/images/bg-morning.svg?1752936401');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #ffffff;
}
/* line 10, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.eula-background {
  background-image: url('../../../ui/StandaloneLogin/images/bg-centered-morning.png?1752936401');
  /* Fallback to support IE 8 */
  background-image: url('../../../ui/StandaloneLogin/images/bg-centered-morning.svg?1752936401');
  background-color: #E1EFFF;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
}
/* line 20, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.small-width.default-background, .web-login.login-form-left.small-width.eula-background {
  background-image: url('../../../ui/StandaloneLogin/images/bg-mobile.png?1752936401');
  background-image: url('../../../ui/StandaloneLogin/images/bg-mobile.svg?1752936401');
  background-position: top;
  background-size: 100% auto;
}
/* line 26, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.small-width .login-container {
  min-height: calc(100% - 42px);
  max-height: none;
}
/* line 32, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left .login-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 630px;
  max-height: calc(100% - 42px);
  margin: 40px 0px 74px 125px;
  box-shadow: none;
}
/* line 42, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left .product-text {
  font-size: 40px;
  color: #2f3564;
  position: absolute;
  top: 60px;
  /*
  * Stick the text position to specific point on background image (with constraints)
  * 0.883 is ratio of text distance from right edge / browser height, since background
  * size is set to fill height and scale width
  */
  left: max(795px, calc(100vw - max(100vh, 640px) * 0.883));
}
/* line 56, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left .company-name {
  font-weight: 600;
}
/* line 60, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left .footer.left {
  position: absolute;
  bottom: 0px;
  margin-left: 140px;
  width: 600px;
  height: 74px;
}
/* line 71, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.large-width .login-container {
  /*
  * Larger than 1679px browser width => form is default state. Below 1300px => form is in smaller state.
  * These formulas handle the smooth transition between 1679 and 1300 width.
  *   e.g. for form width:
  *   browser_width * x + y = form_width
  *   1680 * x + y = 630
  *   1300 * x + y = 530
  *   solve for x & y
  */
  width: calc(26.3% + 187.89px);
  margin-top: calc(2.63vw - 4.21px);
  margin-bottom: calc(8.42vw - 67.47px);
  margin-left: calc(25vw - 295px);
}
/* line 87, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.large-width .product-text {
  left: max(calc(51.3vw - 67.1px), calc(100vw - max(100vh, 640px) * 0.883));
}
/* line 91, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.large-width .footer.left {
  margin-left: calc(28.9vw - 346.3px);
  /*
  * General pattern to apply padding bottom of login-container same as footer height to avoid footer appearing
  * in middle of the screen when content is larger than view port
  */
  height: calc(8.42vw - 67.47px);
}
/* line 105, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.medium-width .login-container {
  width: 530px;
  margin: 30px 0px 42px 30px;
}
/* line 110, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.medium-width .product-text {
  left: max(600px, calc(100vw - max(100vh, 640px) * 0.883));
  font-size: 30px;
}
/* line 115, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.medium-width .footer.left {
  margin-left: 30px;
  height: 42px;
}
/* line 122, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.medium-width.medium-width-1024 .login-container {
  margin-left: 0;
  margin-right: 0;
}
/* line 132, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.small-width .login-container {
  position: unset;
  margin: 0px;
  width: 100%;
  top: 0px;
}
/* line 139, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.small-width .product-text {
  font-size: 22px;
  top: 30px;
  left: 24px;
}
/* line 145, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.small-width .footer.left {
  width: 100%;
  margin: auto;
  height: 42px;
  position: unset;
}
/* line 154, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.height-620 .login-container {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 159, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
.web-login.login-form-left.height-620 .product-text {
  top: 30px;
}
@media screen and (max-width: 900px) {
  /* line 166, ../../../ui/StandaloneLogin/css/_webLeftAlign.scss */
  .web-login.login-form-left .product-text {
    display: none;
  }
}