// POPOVERS
// --------

.popover
  position: absolute
  top: 0
  left: 0
  z-index: $zindexPopover
  display: none
  padding: 5px
  &.top
    margin-top: -5px
  &.right
    margin-left: 5px
  &.bottom
    margin-top: 5px
  &.left
    margin-left: -5px
  &.top .arrow
    +popoverArrow-top
  &.right .arrow
    +popoverArrow-right
  &.bottom .arrow
    +popoverArrow-bottom
  &.left .arrow
    +popoverArrow-left
  .arrow
    position: absolute
    width: 0
    height: 0

.popover-inner
  padding: 3px
  width: 280px
  overflow: hidden
  background: $black
  // has to be full background declaration for IE fallback
  background: rgba(0, 0, 0, 0.8)
  +border-radius(6px)
  +box-shadow(0 3px 7px rgba(0, 0, 0, 0.3))

.popover-title
  padding: 9px 15px
  line-height: 1
  background-color: #f5f5f5
  border-bottom: 1px solid #eee
  +border-radius(3px 3px 0 0)

.popover-content
  padding: 14px
  background-color: $white
  +border-radius(0 0 3px 3px)
  +background-clip(padding-box)
  p, ul, ol
    margin-bottom: 0