.status {
  min-height: 9px;
  position: relative;
  padding-left: 15px;
  color: #757575;
  display: inline-block;
  vertical-align: middle;
}

.status:before {
    background: #d1d1d1;
    border-radius: 50%;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.status.primary,.status.info, .status.success, .status.warning, .status.danger{
  background-color: inherit !important;
  color: inherit !important;
}


.status.primary:before {
  background-color: #17A7FB;
}

.status.info:before {
  background-color: #18C3F2;
}

.status.success:before {
  background-color: #77D042;
}

.status.warning:before {
  background-color: #FDCF2F;
}

.status.danger:before {
  background-color: #F62D51;
}