.message {
  font-weight: 700;
}
.error--message {
  color: #e21a22;
}
.success--message {
  color: #6cb23e;
}
.status-message {
  border: 1px solid #6cb23e;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  background: #d2edc0;
  padding: 16px;
  margin-bottom: 20px;
}
.error-message {
  border: 1px solid #e21a22;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  background: #f8d0bf;
  padding: 16px;
  margin-bottom: 20px;
}
.close-message {
  float: right;
  cursor: pointer;
  position: relative;
}
.close-message:after {
  content: "\f00d";
  text-indent: 0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 0;
  top: -5px;
  text-align: center;
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid;
  border-radius: 50%;
  line-height: 24px;
}