.tooltip {
  position: relative;
  display: inline-block;
  cursor:pointer;

}

.tooltip:hover {  background-color:#eee;}

.tooltip .tooltiptext {
  visibility: hidden;
  	  transition-delay:2s;
  width: 400px;
  background-color: white;
  color: #black;
  text-align: left;
  border-radius: 10px;
	border: 2px solid darkblue;
  padding: 5px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%;
}

.tooltip:hover .tooltiptext {
transition-delay:0s;
  visibility: visible;
}