div.tooltip--enhanced
{
  position: relative;
  display: inline-block;
  /*  DO NOT include below two lines, as they were added so that the text that is hovered over is offset from top of page*/
  /*top: 10em;
  left: 10em;*/
  /* if want hover over icon instead of text based, uncomment below */
  /*    background-image: url("../images/info_tooltip.svg");
  /!* width and height of svg *!/
  width: 16px;
  height: 16px;*/
}

/* hide tooltip */
div.tooltip--enhanced span
{
  display: none;
}

/* show and style tooltip */
div.tooltip--enhanced:hover span
{
  /* show tooltip */
  display: block;
  /* position relative to container div.tooltip */
  position: absolute;
  bottom: 20px;
  left:10px;
  /* prettify */
  padding: 6px;
  color: White;
  background: Black;
  border: 1px solid Black;
  text-align: justify;
  /* round the corners */
  border-radius: 6px;
  /* prevent too wide tooltip */
  width:440px!important;
}