p.password-rule {
    color: #c2c2c2;
  }
  p.password-rule.check i {
    color: #3B4752;
  }
  p.password-rule.check span {
    color: #000;
  }
  .has-feedback label~.form-control-feedback {
    top: 10px;
    color: #0da899;
    font-size: 20px;
    display: none;
  }
  .has-feedback label~.form-control-feedback.success {
    display: block;
  }
  form.is-invalid .form-group.focused{
    border: 1px solid #f55753!important;
    background: #fff;
  }
  .form-group {
    margin-bottom: 0px;
    margin-top: 15px;
  }
  .form-group:first-child {
    margin-top: 0px;
  }
  .form-group:last-child {
    margin-bottom: 15px;
  }
  form.was-validated .has-error {
    border: 1px solid #f55753!important;
    background: #fff;
  }
  .invalid-feedback {
    display: none;
    padding-left: 5px;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
  }
  form.was-validated .has-error+.invalid-feedback {
    display: block!important;
  }
  .form-group.form-group-default.disabled input{
    opacity: 1!important;
  }
  .form-control[disabled] {
    color: #2C2C2C73 !important;
  }

.reset-text {
  font-size: 16px
}
.login-wrapper-reset {
  background-color: #fff;
}
.login-wrapper-reset .login-container {
  overflow:hidden;margin-left: auto;margin-right: auto;box-shadow: none;float:none
}
.clear {
  clear:both;
}
ul.password-imp {
  padding-left: 1rem;
  margin-bottom: 0
}
ul.password-imp > li {
  padding-left: 7px
}
img.cg-logo {
  max-width: 270px;
  width: 100%;
}
img.qr-code {
  max-width: 320px;
  width: 100%;
}
.form-group.mfa-bg {
  background: #f8f8f8;
  border: none;
  padding: 15px 15px 0;
}
.align-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.login-wrapper-reset.mfa-wrapper {
  overflow-y: auto;
  height: auto;
}

.change-code {
  color: #0d6efd;
  cursor: pointer;
}