.auth-logo { margin: 0 auto; width: 60%; text-align: center; }
.card { margin-bottom: 20px; }
.card-error-message, .card-success-message { padding: 10px 20px 0 20px; display: none; }
.card-error-message.show, .card-success-message.show { display: block; }
.card-error-message, .card-success-message { color: #dc3545; background-color: #fff9f9; }
.card-success-message { color: #6dbe25; background-color: #f9fef5; }
.card-success-message>div, .card-error-message>div { margin-bottom: 10px; }

/* Braintree Hosted Fields styling classes*/
.braintree-hosted-fields-focused {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.braintree-hosted-fields-focused.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}