/* Popup container - can be anything you want */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.infobox {
  margin-bottom:10px; 
  float:right; 
  border: solid 3px black; 
  width: 30px; 
  height: 30px; 
  padding: 2px 16px 4px 10px; 
  border-radius: 6px;" 	
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #FEF5E7;
  color: #000;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  border: solid 2px #F4D03F;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  margin-left: 30px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}