/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
/*  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text, no hover = not visible */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 60em;
  background-color: #285078;
  color: #fff;
  text-align: left;
  margin-left:2em;
  padding-left:2em;
  /*padding: 6px 6px;*/
  border-radius: 6px;
  /* Position of the Box */
  position:absolute;
  z-index: 4;
  top: 4em;
  right:0em;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  z-index: 4;
}