abbr { position: absolute; margin-left: .5rem; line-height: 1.2; vertical-align: middle; border: none!important; cursor: help; display: inline-block }
#tooltip { position: absolute; font-family: 'Open Sans', sans-serif; font-size: .8rem; text-align: left; text-shadow: none; line-height: 1.5; color: #1a1a1a; background: #f5e9e0!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 9999999!important; padding: 1rem; pointer-events: none }
#tooltip:after { position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f5e9e0; content: ''; left: 50%; bottom: -10px; margin-left: -10px }
#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #f5e9e0; border-bottom-color: #f5e9e0; top: -20px; bottom: auto }
#tooltip.left:after { left: 10px; margin: 0 }
#tooltip.right:after { right: 10px; left: auto; margin: 0 }