@font-face {
  font-family: 'GTWalsheimPro';
  src: url("../fonts/GTWalsheimPro.ttf"), url("../fonts/GTWalsheimPro.otf"); }

@font-face {
  font-family: 'GTWalsheimPro-Medium';
  src: url("../fonts/GTWalsheimPro-Medium.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

@font-face {
  font-family: 'GTWalsheimPro-MediumOblique';
  src: url("../fonts/GTWalsheimPro-MediumOblique.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

@font-face {
  font-family: 'GTWalsheimProBold';
  src: url("../fonts/GTWalsheimPro-Bold.ttf"), url("../fonts/GTWalsheimPro-Medium.otf"); }

body {
  background-color: #d4a2ff; }

.forgotPasswordWrapper {
  margin-top: 46px;
  margin-bottom: 60px; }
  @media (max-width: 766px) {
    .forgotPasswordWrapper {
      margin: 0;
      width: 100%; } }
  .forgotPasswordWrapper .forgotPasswordLogo {
    display: block;
    margin: 0 auto;
    margin-bottom: 47px;
    width: 149px; }
  .forgotPasswordWrapper .forgotPasswordArea {
    width: 543px;
    border-radius: 8px;
    border: solid 1px #ede9e6;
    background-color: #fbfbfb;
    display: block;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px; }
    @media (max-width: 766px) {
      .forgotPasswordWrapper .forgotPasswordArea {
        width: 100%;
        padding: 0; } }
    .forgotPasswordWrapper .forgotPasswordArea .loginTitle {
      font-size: 32px;
      font-weight: 500;
      color: #494949;
      font-family: "GTWalsheimPro-Medium";
      padding-bottom: 16px;
      padding-top: 20px;
      text-align: center; }
    .forgotPasswordWrapper .forgotPasswordArea .loginBoxInput {
      width: 100%;
      height: 50px;
      border-radius: 4px;
      border: solid 1px #ede9e6;
      background-color: #ffffff;
      margin-top: 15px;
      padding-left: 20px;
      padding-right: 80px; }
      .forgotPasswordWrapper .forgotPasswordArea .loginBoxInput:focus {
        outline: none; }
      @media (max-width: 766px) {
        .forgotPasswordWrapper .forgotPasswordArea .loginBoxInput {
          width: 92%; } }
    .forgotPasswordWrapper .forgotPasswordArea .loginSubmitButton {
      width: 100%;
      height: 50px;
      margin: 33px 1px 0px 0px;
      border-radius: 25px;
      background-color: #0074ff;
      border: 0;
      color: #fff;
      position: relative;
      box-shadow: 5px 6px 1px #004598, inset 0px 0px 0px #004599; }
      .forgotPasswordWrapper .forgotPasswordArea .loginSubmitButton i {
        position: absolute;
        right: 15px;
        top: 15px; }
      @media (max-width: 766px) {
        .forgotPasswordWrapper .forgotPasswordArea .loginSubmitButton {
          width: 93%; } }
  .forgotPasswordWrapper .loginDescription {
    font-size: 18px;
    color: #494949; }
  .forgotPasswordWrapper .forgotPasswordArea {
    color: #494949;
    text-align: center;
    margin-bottom: 29px;
    font-weight: bold; }
  .forgotPasswordWrapper .passwordShowHideButton {
    bottom: 37px !important;
    right: 4px !important; }

.loginRedirectButton {
  width: 460px;
  height: 50px;
  border-radius: 25px;
  border: solid 1px #0074ff;
  display: block;
  margin: 0 auto;
  background-color: transparent;
  color: #0074ff;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  margin-bottom: 40px;
  text-decoration: none !important; }
  @media (max-width: 766px) {
    .loginRedirectButton {
      width: 93%; } }

.errorText {
  text-align: center;
  position: relative;
  bottom: 15px;
  color: red;
  font-weight: bold; }

.forgotUsername {
  float: right;
  margin-top: 5px; }
  @media (max-width: 766px) {
    .forgotUsername {
      margin-top: 6px;
      position: relative;
      right: 17px; } }

.passwordShowHideButton {
  position: absolute;
  top: 28px; }

/*# sourceMappingURL=forgotPassword.css.map */