/* https://stackoverflow.com/questions/16615403/how-to-draw-a-circle-with-text-in-the-middle */

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

.circle-help {
  width          : 17px;
  height         : 17px;
  line-height    : 8px;
  border-radius  : 50%;
  font-size      : 11px;
  color          : #fff;
  text-align     : center;  
  background     : #fe6f3b;
  display        :  inline-block;
  padding-top    :  5px;
  margin-left    :  1px;
  cursor         :  pointer ;
  vertical-align : top;
  margin-top     : -6px;
}

.circle-help:hover {
  background  :  #d1fad1 ;
  display     : inline-block;
  cursor      : help;
  color       : black;
}