.loginFormStyleEmployee {
  .employeeCard {
    .submit-bar {
      @apply w-full;
    }
  }
}

.banner .bannerCard {
  min-width: 420px !important;
}

.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
  margin-top: 0;
  border: 1px solid;
  border-right: none;
  padding: 7px;
}

@screen dt {
  .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
    padding: 7px;
  }

  .loginFormStyleEmployee .employeeCard,
  .banner .bannerCard {
    min-width: 420px !important;
  }

  .employeeForgotPassword .employeeCard,
  .employeeChangePassword .employeeCard {
    max-width: 420px !important;
    min-width: 420px !important;
  }
}

.employeeForgotPassword .employee-card-input {
  margin-bottom: 0px;
  border-left: none;
}

.employeeForgotPassword .field-container {
  margin: 10px 0;
}

.employeeForgotPassword {
  .submit-bar {
    @apply w-full;
  }
}

.employeeChangePassword .submit-bar {
  width: 100% !important;
}

.employeeChangePassword .card-text {
  text-align: center;
}

.employeeChangePassword .input-otp-wrap {
  text-align: center;
}

.submit-bar {
  .submit-bar {
    @apply w-full;
  }
}

.loginFormStyleEmployee .bannerHeader p,
.employeeForgotPassword .bannerHeader p,
.employeeChangePassword .bannerHeader p {
  font-size: 19px;
}

.employeeCard .card-sub-header {
  font-size: 24px;
}

.loginFormStyleEmployee .employeeCard .card-label,
.employeeForgotPassword .employeeCard .card-label {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: theme(colors.text.primary);
  margin-top: 20px;
}

.banner .bannerHeader {
  margin-bottom: 20px;
}

.employeeCard .card-label {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: theme(colors.text.primary);
}

.profile-label-margin {
  margin-top: 10px;
}

.employeeForgotPassword .employeeCard .card-label-desc {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: theme(colors.text.secondary);
  margin-top: 15px;
}

.employeeChangePassword .employeeCard .card-text {
  margin-bottom: 15px;
  font-size: 16px;
  color: theme(colors.text.secondary);
}

@media screen and (max-width: 768px) {
  .employeeChangePassword .employeeCard .card-text {
    margin-top: 7px;
  }

  .employeeCard .card-sub-header {
    font-size: 18px;
  }
}

.employeeChangePassword .employeeCard .card-text-button {
  text-align: center !important;
  margin-bottom: 12px !important;
}

.employeeChangePassword .employeeCard .input-otp-wrap {
  margin-bottom: 10px;
}

.employee .loginContainer {
  padding-top: 0px !important;
}

.banner {
  height: calc(100vh) !important;
}

.employeeChangePassword .employeeCard .field .field-container {
  margin-bottom: 24px;
}

.employeeForgotPassword .employeeCard .employee-card-sub-header,
.employeeChangePassword .employeeCard .employee-card-sub-header,
.loginFormStyleEmployee .employeeCard .employee-card-sub-header {
  font-size: 24px !important;
  line-height: 28px !important;
  margin-bottom: 0px !important;
}

@media screen and (max-width: 768px) {
  .employeeForgotPassword .employeeCard .employee-card-sub-header,
  .employeeChangePassword .employeeCard .employee-card-sub-header,
  .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
    font-size: 18px !important;
    line-height: 21px !important;
    margin-bottom: 0px !important;
  }

  .loginFormStyleEmployee .employeeCard,
  .banner .bannerCard {
    min-width: 340px !important;
    margin: 10px !important;
  }

  .employeeForgotPassword .employeeCard,
  .employeeChangePassword .employeeCard {
    max-width: 360px !important;
    min-width: 340px !important;
    margin: 10px !important;
  }
}

.employeeChangePassword .employeeCard .card-text {
  margin-top: 18px !important;
  margin-bottom: 20px !important;
}

.employeeBackbuttonAlign {
  display: none;
}

.resend-otp {
  cursor: pointer;
}

.employee-select-wrap.login-city-dd {
  .options-card {
    max-height: 200px;
  }
}

@media screen and (max-width: 768px) {
  .employeeBackbuttonAlign {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .banner {
    align-items: flex-end;
    padding-bottom: 40px;
    height: 100vh !important;
  }

  .topbar {
    background: rgba(34, 57, 77, var(--bg-opacity)) !important;
    color: white;
  }

  .employee .loginContainer {
    padding-top: 0px !important;
  }

  .removeBottomMargin {
    margin-bottom: 0px !important;
  }

  .employee-select-wrap.login-city-dd {
    .options-card {
      max-height: 160px;
    }
  }
}

.loginFormStyleEmployee {
  .loginCardSubHeaderClassName {
    text-align: center !important;
  }

  .loginCardClassName {
    margin: auto !important;
    min-width: 408px !important;

    header.employee-card-sub-header {
      text-align: center;
      margin-top: 10px;
    }

    header.digit-header-content {
      &:not(.label) {
        text-align: center;
        font-family: theme(digitv2.fontFamily.sans);
        font-style: theme(digitv2.fontStyle.normal);
        font-weight: theme(digitv2.fontWeight.bold);
        line-height: theme(digitv2.lineHeight.lineheight1);
        @media (max-aspect-ratio: 9/16) {
          font-size: theme(digitv2.fontSize.heading-m.mobile);
        }
        @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
          font-size: theme(digitv2.fontSize.heading-m.tablet);
        }
        @media (min-aspect-ratio: 3/4) {
          font-size: theme(digitv2.fontSize.heading-m.desktop);
        }
      }
    }
  }

  .buttonClassName {
    max-width: 100% !important;
    width: 100% !important;
  }

  .field .field-container .text-input input {
    margin-bottom: 5px !important;
  }

  .bannerHeader {
    margin-bottom: 0px !important;
  }

  .primary-label-btn {
    margin: 20px auto 0 auto !important;
  }

  .employee-select-wrap .options-card {
    max-height: 150px !important;
  }
}
.digit-privacy-checkbox {
  display: flex;
  margin-bottom: -2.5rem;
  margin-top: -1.5rem;
  gap: 0.12rem;
  align-items: center;
}
.privacy-popup-header {
  font-weight: 700;
}

@media (min-width: 47.8rem) {
  .privacy-popUpClass {
    .digit-popup-footer-buttons {
      flex-wrap: nowrap !important;
    }
    .accept-class {
      width: 11.886rem;
    }
  }
}

.languageSelection {
  width: unset !important;
}
.desc-dot {
  height: 8px;
  width: 8px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}

.privacy-table {
  font-weight: 700;
}
.policy-subdescription {
  margin-left: "1rem";
  margin-top: "0.5rem";
}
.policy-subdescription-points {
  display: "flex";
  align-items: "center";
  margin-bottom: "0.5rem";
  padding-left: "1rem";
}


.loginCardClassName{
  .digit-dropdown-employee-select-wrap {
    .digit-dropdown-options-card{
      max-height: 10vmax;
    }
  }
}

.employeeForgotPassword{
  .digit-dropdown-employee-select-wrap {
    .digit-dropdown-options-card{
      max-height: 10vmax;
    }
  }
}