/********************/
/* MESSAGE BOX      */
/********************/
@messagebox_box_shadow: 1px 1px 1px rgba(0,0,0,0.5);
@messagebox_background_color:#323232;
@messagebox_color:@white;
@messagebox_error_tint:#960000;
@messagebox_success_tint:#009600;
@messagebox_font_size:14px;

.messageBox
{
  position: absolute;
  z-index: 1500;
  cursor: pointer;
  border-radius: 2px;
  background-color: @messagebox_background_color;
  color:@messagebox_color;
  box-shadow: @messagebox_box_shadow;
  &.errorMessage
  {
    /*background-color: desaturate(lighten(@messagebox_error_tint, 50%), 50%);*/
    & > div#message_content::before {
      color: @messagebox_error_tint;
      content: '\f071';
    }
  }

  &.logMessage
  {
    /*background-color: desaturate(lighten(@messagebox_success_tint, 50%), 50%);*/
    & > div#message_content::before {
      color: @messagebox_success_tint;
      content: '\f058';
    }
  }

  #message_content
  {
    font-family: @fontReact;
    -webkit-font-smoothing: antialiased;
    font-size: @messagebox_font_size;
    margin: 18px 18px;
    overflow-y: auto;
    max-height: 120px;
    line-height: @messagebox_font_size + 4px;
    &::before {
      font-weight: normal;
      font-style: normal;
      font-family: @fontAwesome;
      display: block;
      padding: 0 6px;
      margin-right: 5px;
      font-size: @messagebox_font_size + 4px;
      margin-top: 2px;
      float: left;
    }
  }
}

