/**Circles table*/
/*
body{
  
  
  background-color: red;
}
*/

/*==========================circles==============================*/

.note{
   font-style: italic;
}

.dot {
  line-height: 0;
  padding: 12px 12px;
  height: 10px !important;
  margin-right: 1px !important;
  width: 10px !important;
  border-radius: 100% !important;
  display: inline-block !important;
  color: white;
}

.green{

  background-color: #3AA757;
}

.yellow{

  font-weight: bold;
  color: black;
}

.red{
  background-color: #EA4335;
}

.blue{
  
  background-color: #297DC5;
  
}

.empty{
  background-color: gray;
  
}