//
//status
//
.status {
  min-height: 9px;
  position: relative;
  padding-left: 15px;
  color: #757575;
  display: inline-block;
  vertical-align: middle;
  &:before {
    background: #d1d1d1;
    border-radius: 50%;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
  }

  @each $key,$val in $status-palette {
    &.#{$key} {
      background-color: inherit !important;
      color: inherit !important;
      &:before{
        background-color: $val;
      }
    }
  }
}