span.mytooltip {
  position: relative ;
  opacity: 0.7;
}
span.mytooltip:hover::after {
  content: attr(data-tooltip) ;
  position: absolute ;
  top: 1.1em ;
  left: 1em ;
  min-width: 360px ;
  border-radius: 5px;
  padding: 8px ;
  color: black ;
  background-color: #f8f8ff;
  z-index: 10001;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
span.mytooltip:hover {
    opacity: 1;
    transition: 0.05s;
}

.help-tip{
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 20px;
    cursor: default;
}

.help-tip:before{
    content:'\00a0?\00a0';
    font-weight: bold;
    color:#fff;
}