/*
  Flash messages and other message/notification/info boxes
*/

/* TODO: What's the difference between message_success and message_notice? Merge them. */

/* Common styles */
.message_success, .message_notice, .message_alert, .message_error {
  font-size: 130%;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.message_success {
  background: var(--flash-success-back);
  color: var(--flash-success-fore);
  border: 1px solid var(--flash-success-border);
}

.message_notice {
  background: var(--flash-notice-back);
  color: var(--flash-notice-fore);
  border: 1px solid var(--flash-notice-border);
}

/* TODO: Merge alert and error messages */
.message_alert, .message_error {
  background: var(--flash-alert-back);
  color: var(--flash-alert-fore);
  border: 1px solid var(--flash-alert-border);
}

.genericNotice {
  padding: 10px;
  margin: 10px 0;
  color: var(--generic-notice-fore);
  background: var(--generic-notice-back);
  border: 1px solid var(--generic-notice-border);
}

.genericWarning {
  padding: 10px;
  margin: 10px 0;
  color: var(--generic-warning-fore);
  background: var(--generic-warning-back);
  border: 1px solid var(--generic-warning-border);
}

.genericError {
  padding: 10px;
  margin: 10px 0;
  color: var(--generic-error-fore);
  background: var(--generic-error-back);
  border: 1px solid var(--generic-error-border);
}
