.smart-tooltip {
  text-align: center;
  background: #ffffff;
  position: absolute;
  padding: 12px 0 8px;
  border-radius: 3px;
  opacity: 1;
  transition: opacity 0.15s;
  cursor: default;
  pointer-events: none;
  border: 3px solid #9abfc5; }
  .smart-tooltip.hide-tooltip {
    opacity: 0; }
  .smart-tooltip p {
    padding: 4px 32px;
    margin: 0;
    font-size: 1.5em;
    color: #555; }
  .smart-tooltip p.tooltip-arrow {
    position: absolute;
    width: 100%;
    color: #9abfc5;
    font-size: 22px;
    bottom: 2px; }