@mixin status-wrapper { 
  display: inline-block;
  padding:0px 6px; 
  // width: 76px;
}

@mixin status {
  position: relative;
  margin-left: 15px;
}

@mixin point {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: black; 
  position: absolute;
  top: 53%;
  margin-left: -6px;
  transform: translateY(-50%);
  left: -10px;
}

.status-wrapper {
  @include status-wrapper;
}

.status {
  @include status;
}

.statusvalue {
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight:500;
}

.point {
  @include point;
}