.dot-red {
  height: 25px;
  width: 25px;
  background-color: #FC4C02;
  border-radius: 50%;
  display: inline-block;
}
.dot-green {
  height: 25px;
  width: 25px;
  background-color: lightgreen;
  border-radius: 50%;
  display: inline-block;
}
.dot-yellow {
  height: 25px;
  width: 25px;
  background-color: #ffff80;
  border-radius: 50%;
  display: inline-block;
}
.dot-lightyellow {
  height: 25px;
  width: 25px;
  background-color: lightyellow;
  border-radius: 50%;
  display: inline-block;
}
.dot-black {
  height: 25px;
  width: 25px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
}

.dot-blue
{
  height: 25px;
  width: 25px;
  background-color: #0380fc;
  border-radius: 50%;
  display: inline-block;
}