.accordion-button-no-arrow.accordion-button::after {
  background-image: none;
}

.validation-summary-errors ul {
  margin-bottom: 0;
}

.input-validation-error {
  background-color: #FEF1EC;
  color: #CD0A0A;
  font-weight: bold;
  border: 1px solid #CD0A0A;
}

.field-validation-error {
  color: #CD0A0A;
  font-style: italic;
}

.validation-summary-errors > ul > li {
  color: #CD0A0A;
}
/* Below CSS is for button with ripple effect animation in case we need client to focus on it. */

/* Color overrides based on Bootstrap classes */
.ripple-button.btn-primary,
.ripple-button.btn-outline-primary {
  --ripple-color: rgba(13, 110, 253, 0.5); /* Bootstrap Primary */
}

.ripple-button.btn-danger,
.ripple-button.btn-outline-danger {
  --ripple-color: rgba(220, 53, 69, 0.5);
}

.ripple-button.btn-success,
.ripple-button.btn-outline-success {
  --ripple-color: rgba(25, 135, 84, 0.5);
}

.ripple-button.btn-warning,
.ripple-button.btn-outline-warning {
  --ripple-color: rgba(255, 193, 7, 0.5);
}

.ripple-button.btn-info,
.ripple-button.btn-outline-info {
  --ripple-color: rgba(13, 202, 240, 0.5);
}

@keyframes outerRipplePulse {
  0% {
    box-shadow: 0 0 0 0 var(--ripple-color, rgba(0, 0, 0, 0.4));
  }

  70% {
    box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.ripple-button {
  position: relative;
  z-index: 1;
}

  /* Trigger animation */
  .ripple-button.ripple-on {
    animation: outerRipplePulse 2s infinite;
  }

.ripple-effect.bg-primary,
.ripple-effect.alert-primary {
  --ripple-color: rgba(13, 110, 253, 0.5); /* Bootstrap Primary */
}

.ripple-effect.bg-danger,
.ripple-effect.alert-danger {
  --ripple-color: rgba(220, 53, 69, 0.5);
}

.ripple-effect.bg-success,
.ripple-effect.alert-success {
  --ripple-color: rgba(25, 135, 84, 0.5);
}

.ripple-effect.bg-warning,
.ripple-effect.alert-warning {
  --ripple-color: rgba(255, 193, 7, 0.5);
}

.ripple-effect.bg-info,
.ripple-effect.alert-info {
  --ripple-color: rgba(13, 202, 240, 0.5);
}

.ripple-effect {
  position: relative;
  z-index: 1;
}

  /* Trigger animation */
  .ripple-effect.ripple-on {
    animation: outerRipplePulse 2s infinite;
  }

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: rgb(31, 81, 91);
  background-color: transparent;
  border-color: rgb(31, 81, 91);
  cursor: not-allowed !important;
}
/* End CSS is for button with ripple effect animation in case we need client to focus on it. */

/*border-primary class for touchprint theme*/

.border.border-touchprint-primary {
  border-color: rgba(31, 81, 91,1) !important;
}

  .border.border-touchprint-primary.opacity-tp-75 {
    border-color: rgba(31, 81, 91, 0.75) !important;
  }

fieldset.border-touchprint-secondary {
  --fieldset-border-text-opacity: 0.40;
  --fieldset-border-secondary-rgb: 108, 117, 125;
  border: 2px solid rgba(var(--fieldset-border-secondary-rgb),var(--fieldset-border-text-opacity)) !important;
}
/*border-primary class for touchprint theme*/