.tooltip {
 position: absolute;
 display: none;
 padding: 5px 10px;
 max-width: 200px;
 font-size: 0.8rem;
 text-align: center;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 3px;
 color: #fff;
}

.tooltip:after {
 content: "";
 display: block;
 position: absolute;
 width: 0; height: 0;
 border: 5px dashed rgba(0, 0, 0, 0.5);
}

.tooltip.tooltip-bottom:after {
 margin-left: -5px;
 top: -5px; left: 50%;
 border-bottom-style: solid;
 border-top: none;
 border-left-color: transparent;
 border-right-color: transparent;
}

.tooltip.tooltip-top:after {
 bottom: -5px; left: 50%;
 border-top-style: solid;
 border-bottom: none;
 border-left-color: transparent;
 border-right-color: transparent;
}

#pk1 {
 z-index: 7;
}