.error,
.success,
.note,
.warning {
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  font-size: 0.9rem;
}

.error {
  background: rgba(160, 48, 48, 0.18);
  border-color: #a03030;
  color: #f5f0dc;
}

.success {
  background: rgba(45, 138, 78, 0.18);
  border-color: #2d8a4e;
  color: #d8f5e0;
}

.note {
  background: rgba(47, 125, 225, 0.15);
  border-color: rgba(47, 125, 225, 0.45);
  color: #d8e8ff;
}

.warning {
  background: rgba(201, 164, 77, 0.15);
  border-color: rgba(201, 164, 77, 0.55);
  color: #f5f0dc;
}

.app-flash-messages .error,
.app-flash-messages .success,
.app-flash-messages .note,
.app-flash-messages .warning {
  border-left-width: 3px;
}