//
//alert
//
.alert {
  position: relative;
  padding-left:40px;
  &:before {
    content: "";
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    top:10px;
    left:10px;
    font-size: 20px;
  }

  @each $key,$val in $alert-status-map {
    &.#{$key} {
      background-color: nth($val,1);
      color: nth($val,2);
      &:before{
        content: nth($val,3);
      }
    }
  }
}