#custom-login-form-container .row {
    margin-bottom: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#custom-login-form-container form .btn.btn-primary {
    background-color: #ED1B2E;
    border: none !important;
    border-radius: 20px !important;
    font-weight: 300 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    line-height: normal;
    display: inline-block;
    padding: 5px !important;
    font-size: 14px !important;
}

#custom-login-form-container input {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.error-message {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  background-color: #ED1B2E;  /* or any color you prefer */
  color: #fff !important;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  position: relative;
  
  /* Fade out over 1 second when opacity changes */
  opacity: 1;
  transition: opacity 1s ease;
}

.error-message .close-button {
  background: transparent;
  border: none;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff !important;
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  box-shadow: none;
  padding: 0;
}

.error-message a,
.error-message a:hover {
    color: #000 !important;
}