// Do not edit this file. Create a custom theme instead.

div.messages {
  margin: 0 0 @size1 0;
  .word-wrap();
}

.message-success, .message-info, .message-warning, .message-danger {
  padding: @size2;
  margin-bottom: @size1;
  p:last-child,
  ul:last-child {
    margin-bottom: 0;
  }
}

.message-success {
  color: @colorGreen;
  background-color: lighten(@colorGreen, 60%);
  border: 1px solid lighten(@colorGreen, 40%);
}

.message-info {
  color: @colorBlue;
  background-color: lighten(@colorBlue, 60%);
  border: 1px solid lighten(@colorBlue, 40%);
}

.message-warning {
  color: darken(@colorYellow, 10%);
  background-color: lighten(@colorYellow, 45%);
  border: 1px solid lighten(@colorYellow, 20%);
}

.message-danger {
  color: @colorRed;
  background-color: lighten(@colorRed, 50%);
  border: 1px solid lighten(@colorRed, 40%);
}
