bTooltip.css

#bTooltip {
    position: fixed;
    width: 270px;
    padding: 0 15px;
    background-color: #f3f3f3;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 5px #e7e7e7;
    z-index: 100;
}

#bTooltip p {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #555555;
    word-break: break-all;
}

#bTooltip span {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #ddd transparent;
}

#bTooltip span::before {
    position: absolute;
    content: '';
    top: 1px;
    left: -9.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9.5px 19px 9.5px;
    border-color: transparent transparent #f3f3f3 transparent;
}

#bTooltip span.top {
    top: 5px;
}

#bTooltip span.bottom {
    bottom: 3px;
}

#bTooltip span.left {
    left: -10px;
}

#bTooltip span.right {
    right: -10px;
}

#bTooltip span.rotate90 {
    transform: rotate(90deg);
}

#bTooltip span.rotate_90 {
    transform: rotate(-90deg);
}