body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

body {
  background-image: linear-gradient(to left, #0b77e3, #005dba); }

.login, .form-field-container, .login-form, .message-container, .code-container,
.reset-password-confirmation-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.login {
  height: 100vh;
  width: 100%; }

.login a:hover {
  cursor: pointer;
  text-decoration: underline; }

.login-container {
  width: 383px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.login-user {
  text-overflow: ellipsis;
  overflow: hidden;
  width: inherit;
  text-align: center;
  font-size: 14px; }

.logo-container {
  text-align: center;
  margin-bottom: 30px; }

.logo {
  max-width: 200px;
  max-height: 80px;
  object-fit: contain; }

.app-name {
  margin-top: 10px;
  color: white;
  font-size: 15px; }

.form-field-container {
  width: 100%;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px 0 rgba(82, 97, 115, 0.2); }

.login-form, .message-container {
  width: 320px;
  margin: 30px 0; }

.login-form h4 {
  line-height: 1.5;
  margin-top: 0; }

.login-form input {
  width: 100%;
  max-width: 100%; }

.login-form button {
  width: 100%;
  max-width: 100%;
  margin-top: 5px; }

.field-error {
  font-size: 13px;
  line-height: 1.54;
  text-align: center;
  color: #de4721;
  margin: 5px 0; }

.download-link {
  font-weight: bold;
  margin-bottom: 1em; }

.footer-links {
  text-align: center;
  margin-top: 35px; }

.footer-links a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.43; }
  .footer-links a:hover {
    color: white; }

.op-link {
  color: #005dba;
  cursor: pointer;
  height: 20px;
  font-size: 13px; }
  .op-link + button {
    margin-top: 15px; }

.op-link:hover,
.op-link:focus {
  text-decoration: underline; }

.back-to-login {
  font-weight: 500;
  margin-bottom: 20px; }

.code-container {
  height: 208px;
  width: 225px;
  background: url(./../../3ecd237ee94ff20eb0be.svg) no-repeat center;
  margin: 35px 0; }

.has-subtitle {
  margin-bottom: 0; }

h4.message-title {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center; }

.message {
  word-wrap: break-word;
  line-height: 1.43;
  text-align: center;
  max-width: 100%;
  margin-top: 10px; }

.banner {
  width: 90%;
  margin: 0px 20px 20px 20px;
  font-size: 14px;
  color: #000000;
}

.align-center {
  text-align: center;
}
/* Custom styles for the acknowledgement modal */
.acknowledgement-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005dba;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.acknowledgement-modal-content {
  background-color: white;
  width: 75%;
  height: 75%;
  padding: 30px; /* Use a single padding value for consistency */
  border-radius: 12px;
  max-width: 500px;
  margin: 20px;
  text-align: center;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  /* Use flexbox to organize the content and footer */
  display: flex;
  flex-direction: column;
}

.acknowledgement-modal-content h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.acknowledgement-modal-content p {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 25px;
  line-height: 1.6;
}

/* This is the new scrollable content area */
.acknowledgement-modal-body {
  /* Let this section grow to fill the available space */
  flex-grow: 1;
  /* Make only the body content scrollable */
  overflow-y: auto;
  /* Add padding to prevent content from touching the edges */
  padding-right: 15px;
}
.acknowledgement-modal-body h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1f2937;
  margin-bottom: 15px;
}
.acknowledgement-modal-body h5 {
  font-size: 1.25rem;
  color: #1f2937;
  margin-bottom: 15px;
}
.acknowledgement-modal-body p {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 25px;
  line-height: 1.6;
  text-align: left; /* Align text to the left for better readability */
}
.acknowledgement-modal-footer {
  text-align: center;
  /* Add a top border to visually separate the footer from the content */
  border-top: 1px solid #e5e7eb;
  padding-top: 20px;
  /* Ensure the footer doesn't grow and stays at the bottom */
  flex-shrink: 0;
}

.hidden {
  display: none;
}
.code {
  height: 208px;
  width: 225px;
  background: url(./../../776acc4139a9bed52e7d.jpg) no-repeat center; }

.reset-password-confirmation-box {
  padding-top: 30px;
  padding-bottom: 40px; }

.informative-title, h4.informative-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #333333;
  margin-top: 20px;
  margin-bottom: 0; }

.check-the-email-for {
  line-height: 1.43;
  text-align: center;
  width: 320px;
  margin-top: 10px; }

.resend-link-message {
  margin: 10px 0; }

.backup-codes {
  list-style-type: none;
  padding-left: 0; }

.help-container {
  margin: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.help-title {
  text-align: center; }

.help-message {
  width: 90vw;
  padding: 30px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px 0 rgba(82, 97, 115, 0.2); }

.help-message h4 {
  margin-bottom: 0; }

.help-section {
  padding-left: 10px; }

.band-aids {
  width: 92px;
  height: 92px;
  object-fit: contain;
  background: url(./../../efdaa5a4e28f1da323f7.svg) no-repeat center; }

.checkmark {
  width: 92px;
  height: 92px;
  object-fit: contain;
  background: url(./../../8ec754827fc5f206f7ac.svg) no-repeat center; }

.id-badge {
  width: 92px;
  height: 92px;
  object-fit: contain;
  background: url(./../../8e5fad8d80b181a4f292.svg) no-repeat center; }

.time {
  width: 92px;
  height: 92px;
  object-fit: contain;
  background: url(./../../fc6595b01cf7b1ec4a93.svg) no-repeat center; }

@keyframes loading {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }

.wd-player-spinner:after,
.wd-player-spinner span:before,
.wd-player-spinner span:after {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  background-color: #0152A5;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  font-size: 0px;
  content: ' ';
  top: 50%;
  left: 50%; }

.wd-player-spinner:after {
  margin-left: -9px;
  animation-name: loading;
  /* @alternate */
  -webkit-animation-name: loading;
  /* @alternate */
  -moz-animation-name: loading;
  /* @alternate */
  -ms-animation-name: loading;
  /* @alternate */
  -o-animation-name: loading;
  animation-duration: 1400ms;
  /* @alternate */
  -webkit-animation-duration: 1400ms;
  /* @alternate */
  -moz-animation-duration: 1400ms;
  /* @alternate */
  -ms-animation-duration: 1400ms;
  /* @alternate */
  -o-animation-duration: 1400ms;
  animation-iteration-count: infinite;
  /* @alternate */
  -webkit-animation-iteration-count: infinite;
  /* @alternate */
  -moz-animation-iteration-count: infinite;
  /* @alternate */
  -ms-animation-iteration-count: infinite;
  /* @alternate */
  -o-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  /* @alternate */
  -webkit-animation-timing-function: ease-in-out;
  /* @alternate */
  -moz-animation-timing-function: ease-in-out;
  /* @alternate */
  -ms-animation-timing-function: ease-in-out;
  /* @alternate */
  -o-animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  /* @alternate */
  -webkit-animation-fill-mode: both;
  /* @alternate */
  -moz-animation-fill-mode: both;
  /* @alternate */
  -ms-animation-fill-mode: both;
  /* @alternate */
  -o-animation-fill-mode: both;
  animation-delay: 160ms;
  /* @alternate */
  -webkit-animation-delay: 160ms;
  /* @alternate */
  -moz-animation-delay: 160ms;
  /* @alternate */
  -ms-animation-delay: 160ms;
  /* @alternate */
  -o-animation-delay: 160ms; }

.wd-player-spinner span:before {
  margin-left: -35px;
  animation-name: loading;
  /* @alternate */
  -webkit-animation-name: loading;
  /* @alternate */
  -moz-animation-name: loading;
  /* @alternate */
  -ms-animation-name: loading;
  /* @alternate */
  -o-animation-name: loading;
  animation-duration: 1400ms;
  /* @alternate */
  -webkit-animation-duration: 1400ms;
  /* @alternate */
  -moz-animation-duration: 1400ms;
  /* @alternate */
  -ms-animation-duration: 1400ms;
  /* @alternate */
  -o-animation-duration: 1400ms;
  animation-iteration-count: infinite;
  /* @alternate */
  -webkit-animation-iteration-count: infinite;
  /* @alternate */
  -moz-animation-iteration-count: infinite;
  /* @alternate */
  -ms-animation-iteration-count: infinite;
  /* @alternate */
  -o-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  /* @alternate */
  -webkit-animation-timing-function: ease-in-out;
  /* @alternate */
  -moz-animation-timing-function: ease-in-out;
  /* @alternate */
  -ms-animation-timing-function: ease-in-out;
  /* @alternate */
  -o-animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  /* @alternate */
  -webkit-animation-fill-mode: both;
  /* @alternate */
  -moz-animation-fill-mode: both;
  /* @alternate */
  -ms-animation-fill-mode: both;
  /* @alternate */
  -o-animation-fill-mode: both;
  animation-delay: 0ms;
  /* @alternate */
  -webkit-animation-delay: 0ms;
  /* @alternate */
  -moz-animation-delay: 0ms;
  /* @alternate */
  -ms-animation-delay: 0ms;
  /* @alternate */
  -o-animation-delay: 0ms; }

.wd-player-spinner span:after {
  left: auto;
  right: 50%;
  margin-right: -35px;
  animation-name: loading;
  /* @alternate */
  -webkit-animation-name: loading;
  /* @alternate */
  -moz-animation-name: loading;
  /* @alternate */
  -ms-animation-name: loading;
  /* @alternate */
  -o-animation-name: loading;
  animation-duration: 1400ms;
  /* @alternate */
  -webkit-animation-duration: 1400ms;
  /* @alternate */
  -moz-animation-duration: 1400ms;
  /* @alternate */
  -ms-animation-duration: 1400ms;
  /* @alternate */
  -o-animation-duration: 1400ms;
  animation-iteration-count: infinite;
  /* @alternate */
  -webkit-animation-iteration-count: infinite;
  /* @alternate */
  -moz-animation-iteration-count: infinite;
  /* @alternate */
  -ms-animation-iteration-count: infinite;
  /* @alternate */
  -o-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  /* @alternate */
  -webkit-animation-timing-function: ease-in-out;
  /* @alternate */
  -moz-animation-timing-function: ease-in-out;
  /* @alternate */
  -ms-animation-timing-function: ease-in-out;
  /* @alternate */
  -o-animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  /* @alternate */
  -webkit-animation-fill-mode: both;
  /* @alternate */
  -moz-animation-fill-mode: both;
  /* @alternate */
  -ms-animation-fill-mode: both;
  /* @alternate */
  -o-animation-fill-mode: both;
  animation-delay: 320ms;
  /* @alternate */
  -webkit-animation-delay: 320ms;
  /* @alternate */
  -moz-animation-delay: 320ms;
  /* @alternate */
  -ms-animation-delay: 320ms;
  /* @alternate */
  -o-animation-delay: 320ms; }

/*# sourceMappingURL=output.css.map */
/* Overrides */
.wdc-form-field-wrapper {
  width: 100%; }
  .subtitle + .wdc-form-field-wrapper {
    margin-top: 30px; }

.wdc-form-label {
  margin-bottom: 5px; }

.welcome {
  margin-bottom: 0px; }


/*# sourceMappingURL=main.e2adad3a.css.map*/