.state-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}

.state-0 { background-color: #7a7a7a; } /* offline */
.state-1 { background-color: #48c774; } /* bulma green */
.state-2 { background-color: #ffdd57; } /* warning */
.state-3 { background-color: #f14668; } /* error */