.login-container {
  width: 480px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.login-container .login-logo {
    width: auto;
    height: 32px;
    margin-bottom: 32px;
    display: block;
    /* @include media-breakpoint-down(md) { */
}
@media screen and (max-width: 1026px) {
.login-container .login-logo {
        display: none;
}
}
.login-container .login-lt-logo {
    width: 138px;
    height: auto;
    margin-bottom: 32px;
    display: block;
    /* @include media-breakpoint-down(md) { */
}
@media screen and (max-width: 1026px) {
.login-container .login-lt-logo {
        display: none;
}
}
.login-container .login-logo-app {
    /* width: 160px;
    height: 48px; */
    margin-bottom: 24px;
    display: none;
    /* @include media-breakpoint-down(md) { */
}
@media screen and (max-width: 1026px) {
.login-container .login-logo-app {
        background: #FFFFFF3D;
        -webkit-box-shadow: 0px 4px 4px 0px #0000001F;
                box-shadow: 0px 4px 4px 0px #0000001F;
        display: block;
        margin-left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        padding: 12px 24px;
        border-radius: 90px;
        color: #FFFFFF;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        /* .logo-app {
      } */
}
}
.login-container .login-logo-lt {
    margin-bottom: 24px;
    display: none;
}
@media screen and (max-width: 1026px) {
.login-container .login-logo-lt {
        margin-left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}
.login-container .login-logo-lt .logo-app {
          width: 138px;
          height: auto;
}
}
.login-container .form-box {
    background-color: white;
    font-family: SpaceGrotesk-Regular;
    width: 100%;
    height: auto;
    border-radius: 36px;
    border: 1px solid #00000008;
    padding: 36px;
    -webkit-box-shadow: 0px 0px 12px 0px #00000040;
            box-shadow: 0px 0px 12px 0px #00000040;
}
.login-container .form-box .form-title {
      font-size: 24px;
      font-weight: 500;
      line-height: 30px;
      color: #000000;
}
.login-container .form-box .form-container {
      margin-top: 12px;
      /* .input-error {
        input {
          color: #FF3232DB;
          border: 1px solid #FF32323D;
        }
      } */
}
.login-container .form-box .form-container .label-title {
        margin-top: 24px;
        margin-bottom: 12px;
        font-weight: 400;
}
.login-container .form-box .form-container .label-title .label-title-text {
          font-size: 18px;
          line-height: 22px;
          color: #000000;
}
.login-container .form-box .form-container .label-title .forgot-password {
          font-size: 14px;
          line-height: 18px;
          color: #007D59;
          cursor: pointer;
}
.login-container .form-box .form-container .text-danger {
        font-size: 14px;
        color: #BD0000 !important;
}
.login-container .form-box .form-container .attempt-remaining {
        font-family: SpaceGrotesk-Regular;
        background: #FF8E3C1F;
        border: 1px solid #FF8E3C;
        border-radius: 12px;
        margin-top: 24px;
        padding: 24px;
}
.login-container .form-box .form-container .attempt-remaining .remaining-title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.login-container .form-box .form-container .attempt-remaining .remaining-title img {
            width: 18px;
            height: auto;
            margin-right: 12px;
}
.login-container .form-box .form-container .attempt-remaining .remaining-title h5 {
            padding: 0;
            margin: 0;
            font-weight: 500;
            font-size: 18px;
            color: #000000;
}
.login-container .form-box .form-container .attempt-remaining .remaining-desc {
          margin-top: 12px;
          font-weight: 400;
          font-size: 14px;
          color: #000000CC;
          padding-left: 28px;
}
.login-container .form-box .form-container .attempt-remaining .remaining-desc .remaining-desc-forgot {
            font-weight: 500;
            color: #000000;
            cursor: pointer;
}
.login-container .form-box .form-container .attempt-remaining .remaining-desc .remaining-desc-forgot:hover {
            color: #007D59;
}
.login-container .form-box .form-container .form-submit {
        margin-top: 24px;
}
.login-container .form-box .form-container .form-submit button {
          width: 100%;
          height: 48px;
          text-align: center;
          border-radius: 12px;
          border: 1px solid #2BC196;
          background-color: #2BC196 !important;
          font-weight: 700;
          font-size: 18px;
          letter-spacing: 0.72px;
          color: #FFFFFF;
          outline: none;
}
.login-container .form-box .form-container .form-submit button:focus,
        .login-container .form-box .form-container .form-submit button:active,
        .login-container .form-box .form-container .form-submit button:hover {
          border: 1px solid #1CA981;
          background-color: #1CA981 !important;
}
.login-container .form-box .form-container .form-submit button:disabled {
          border: 1px solid #2BC196;
          background-color: #2BC196 !important;
          color: #FFFFFF99;
}
.login-container .form-box .form-container .login-form-input input,
      .login-container .form-box .form-container .login-form-password input {
        border-radius: 12px;
        background-color: #FFFFFF;
        border: 1px solid #0000001F;
        font-size: 16px;
        color: #343434;
}
.login-container .form-box .form-container .login-form-input input:hover,
      .login-container .form-box .form-container .login-form-password input:hover {
        border: 1px solid #0000003D;
}
.login-container .form-box .form-container .login-form-input input:active,
      .login-container .form-box .form-container .login-form-password input:active {
        border: 1px solid #007D59;
}
.login-container .form-box .form-container .login-form-input input:focus,
      .login-container .form-box .form-container .login-form-password input:focus {
        border: 1px solid #0000001F;
}
.login-container .form-box .form-container .login-form-password input {
        color: #000000;
}
.login-container .form-box .form-container .password-container {
        position: relative;
}
.login-container .form-box .form-container .password-container .eye-password {
          position: absolute;
          top: 8px;
          right: 12px;
          width: 18px;
          cursor: pointer;
}
.login-container .form-box .form-container .password-container .eye-password img {
            width: 100%;
            height: auto;
}
.login-container .form-box .form-container #g-recaptcha-container {
        margin-top: 24px;
        /* transform: scale(0.8);
        transform-origin: 0 0; */
}
.login-container .form-box .form-container .g-error {
        color: #ea5455;
}


/*# sourceMappingURL=59.3a2d69e7.css.map*/