.tooltip {
  background-color: rgba(0,0,0,.9);
  background-color: #111;
  font-size: .8rem;
  color: #fff;
  border-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 65537;
  opacity: 0;
  transition: opacity .25s cubic-bezier(0,1,.5,1);
}

.tooltip .tooltip-content {
  padding: .5rem;
  min-width: 1rem;
}

.tooltip-arrow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 65537;
  opacity: 0;
  transition: opacity .25s cubic-bezier(0,1,.5,1);
}

.tooltip-arrow.tooltip-arrow-down {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #111;
}

.tooltip-arrow.tooltip-arrow-up {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #111;
}

.tooltip.in,
.tooltip-arrow.in {
  opacity: 1;
}