.messages {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.messages--status {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.messages--warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.messages--error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.messages__wrapper {
  margin-top: 15px;
}


/* Old styles - todo - check if needed */
div.error, table tr.error {
  background-color: #feeaea;
}
div.error, .error {
  color: #FA3434;
}
div.error {
  background-image: url(../img/messages/red_icon.svg);
  border-color: #feeaea;
  min-height: 54px;

  border-radius: 5px;
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 8px;
  padding: 16px 10px 10px 50px;
}

div.warning, table tr.warning {
  background-color: #FFF3E7;
}
div.warning, .warning {
  color: #FF9017;
}
div.warning {
  background-image: url(../img/messages/exclamation_icon_orange.svg);
  border-color: #FFF3E7;
  min-height: 54px;

  border-radius: 5px;
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 8px;
  padding: 16px 10px 10px 50px;
}


div.status,
table tr.ok {
  background-color: #E5F7E7;
}
div.status, .ok {
  color: #2b8236;
}
div.status {
  background-image: url(../img/messages/green_icon.svg);
  border-color: #E5F7E7;
  min-height: 54px;

  border-radius: 5px;
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 8px;
  padding: 16px 10px 10px 50px;
}