.message {
  font-size: $message-font-size;
  position: fixed;
  z-index: $zindex-message;
  width: 100%;
  top: $message-top;
  left: 0;

  &-notice {
    width: auto;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    &-content{
      position: relative;
      right: 50%;
      padding: $message-content-padding-y $message-content-padding-x;
      @include border-radius($border-radius);
      box-shadow: $shadow-base;
      background: $message-content-bg-color;
      display: block;
    }
    .message-custom-content {
      display: flex;
      align-items: center;
    }
  }

  &-loading .aid-icon {
    margin-right: 8px;
    color: $brand-primary;
  }

  // Alternate styles
  @each $key,$val in $color-status {
    &-#{$key} .aid-icon{
      margin-right: $message-icon-spacer-x;
      font-size: $message-icon-font-size;
      color:nth($val,2);
    }
  }


}