.c8y-message-banner{
  position: fixed;
  z-index: 10000;
  width: 100%;
  pointer-events: none;
  .alert{
    margin: @margin-16 auto;
    box-shadow: var(--c8y-elevation-lg);
    pointer-events: auto;
    .close{
      margin: -4px -4px 0 8px;
    }
    > span{
      white-space: normal;
    }
    &.alert-info{
      background-color: @status-info-light;
      border: 2px solid @status-info;
    }
    &.alert-warning{
      background-color: @status-warning-lightest;
      border: 2px solid @status-warning;
    }
    &.alert-danger{
      background-color: @status-danger-light;
      border: 2px solid @status-danger;
    }
    &.alert-success{
      background-color: @status-success-light;
      border: 2px solid @status-success;
    }
    &.alert-system{
      background-color: @brand-80;
      border: 2px solid @brand-primary
    }
  }
}
