.footer-nav {
  padding: 1.25rem 1.25rem 0.5rem 1.25rem;
  position: absolute;
  bottom: 0;
}

.nav-item a,
.nav-item p {
  padding-top: 14px;
}

.PageInfo {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid black;
  margin: 3px 3px;
  padding: 3px 3px;
  position: fixed;
  bottom: 120px;
  width: 100%;
}

.certificateDiv > div > div > img {
  display: none !important;
}

.fade.in {
  opacity: 1;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop .fade .in {
  opacity: 0.5 !important;
}

.modal-backdrop.fade {
  opacity: 0.5 !important;
}

.remove-div {
  display: none;
}

.links-body {
  padding: 20px;
}

.mobile-info-container {
  display: flex;
  flex-direction: column;
  width: 325px;
}

.phone-img {
  width: 102px;
  height: 207px;
  aspect-ratio: 34/69;
}

.qr-code {
  width: 124px;
  height: 124px;
  background-color: #FFFFFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.passkey-setup-qr-label {
  width: 100%;
  background: #EEDCF7;
  text-align: center;
  padding: 8px 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}

.qr-container {
  border: 1px solid #CDC4CE;
  border-radius: 8px;
}

.image-container, .image-container-desktop {
  display: flex;
  align-items: end; 
}

.image-container-desktop { 
  margin-left: 1.5rem;
}

.font-size-19 {
  font-size: 19px;
}

.text-black {
  color: #000;
}

.apple-link > img {
  width: 78.1px;
  height: 26.107px;
}

.google-link > img {
  width: 88.11px;
  height: 26.107px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-21 {
  margin-top: 21px;
}

.pt-48 {
  padding-top: 48px;
}

.ml-32 {
  margin-left: 32px;
}

.mr-89 {
  margin-right: 89px;
}

.line-height-normal {
  line-height: normal;
}

.form-control {
  height: 3rem;
}

.login-container {
  display: flex;
  width: 348px;
  flex-direction: column;
  border-radius: 8px;
  background: #FFF;
}

.login-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 72px;
}

.btn-continue {
  height: 40px;
  font-size: 1rem;
}

.first-time-login {
  background-color: #ECE9F0;
  display: flex;
  height: 80px;
  padding: 8px 24px;
  gap: 8px;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  font-size: 13px;
  line-height: 13px;
}

.alert-error-new {
  color: #40000D;
  background-color: #FFDADB;
  border: none;
  margin-right: 0px;
  border-radius: 8px;
  line-height: 20px;
}

.alert-info-new {
  color: #001F25;
  background-color: #D6F6FF;
  border: none;
  margin-right: 0px;
  border-radius: 8px;
  line-height: 20px;
}

.alert-container {
  display: flex;
  align-items: flex-start;
}

.error-red {
  color: #BE0039;
}

.info-blue {
  color: #006878;
}

.login-body {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.footer-new {
  display: flex;
  justify-content: end;
}

.footer-nav-new {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}

.copyright-info {
  display: flex;
  align-items: center;
}

.bold-weight {
  font-weight: 700;
}

.login-help {
  display: flex;
  justify-content: end;
}

.login-help-mobile {
  display: flex;
  justify-content: start;
}

@media only screen and (max-width: 839px) {
  .login-help { 
    display: none;
  }
}

@media only screen and (min-width: 840px) {
  .login-help-mobile {
    display: none;
  }
}