// TOOLTIP
// -------

.tooltip
  position: absolute
  z-index: $zindexTooltip
  display: block
  visibility: visible
  padding: 5px
  font-size: 11px
  +opacity(0)
  &.in
    +opacity(80)
  &.top
    margin-top: -2px
  &.right
    margin-left: 2px
  &.bottom
    margin-top: 2px
  &.left
    margin-left: -2px
  &.top .tooltip-arrow
    +popover-arrow-top
  &.left .tooltip-arrow
    +popover-arrow-left
  &.bottom .tooltip-arrow
    +popover-arrow-bottom
  &.right .tooltip-arrow
    +popover-arrow-right
    
.tooltip-inner
  max-width: 200px
  padding: 3px 8px
  color: $white
  text-align: center
  text-decoration: none
  background-color: $black
  +border-radius(4px)

.tooltip-arrow
  position: absolute
  width: 0
  height: 0