/**
 * Form styles
 */
.parlay-form .parlay-input-error {
  color: red;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  display: block;
  margin-top: -5px;
  padding-bottom: 15px;
}

.parlay-form input[type="text"].input-error,
.parlay-form input[type="password"].input-error {
  border: 1px solid #ff0000;
}

.parlay-form.loading button[type="submit"],
.parlay-form.loading button.submit,
.parlay-form.loading .submit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M10 50A40 40 0 0 0 90 50A40 43.1 0 0 1 10 50' fill='%23f7f7f7' stroke='none'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='1s' repeatCount='indefinite' keyTimes='0;1' values='0 50 51.55;360 50 51.55'%3E%3C/animateTransform%3E%3C/path%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 48px;
  transition: none;
}

.parlay-login-block.parlay-page-login .form-error-message {
  width: 100%;
}

.form-error-message {
  box-sizing: border-box;
  display: none;
  color: red;
  border: 1px solid #ffa5a5;
  padding: 5px 10px;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
}

#parlay-form-register .parlay-input-error {
  right: -15px;
  left: auto;
  font-weight: bold;
  color: #ff0000;
  margin: 0;
  padding: 0;
}

.success-message {
  font-size: 20px;
  color: #00980f;
  font-weight: bold;
}

.parlay-login-block.parlay-page-login {
  width: 50%;
}

.parlay-login-block.parlay-page-login button.submit,
.parlay-forgot-password-block button.submit {
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  color: var(--theme-color-inverse_dark);
}

.forgot-pwd-link {
  display: block;
  margin: 0 auto;
  text-align: right;
  padding-bottom: 25px;
}

.forgot-pwd-link a,
#parlay-login-form .forgot-pwd-link a {
  color: var(--theme-color-text);
  font-size: 16px;
}

.parlay-forgot-password-block {
  background-color: var(--theme-color-extra_bg_color);
  border: 1px solid var(--theme-color-extra_bd_color);
  color: var(--theme-color-extra_text);
  border-radius: 5px;
  padding: 20px;
  width: 50%;
  margin: 0 auto;
}
.parlay-forgot-password-block .heading-text {
  color: var(--theme-color-extra_dark);
  margin-top: 0;
  margin-bottom: 20px;
}

.parlay-forgot-password-block h3.heading-text {
  text-align: center;
}

#parlay-api-forgot-password input {
  border: 1px solid var(--theme-color-input_bd_color);
  border-radius: 5px;
  color: var(--theme-color-input_text);
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

.parlay-forgot-password-block .form-error-message {
  margin-top: 20px;
}

.profile-fields .field-info.has-error {
  align-items: baseline;
}