//
// Tooltips
// --------------------------------------------------

// Base class

.tooltip {
  position: absolute;
  z-index: 8070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: $font-weight-main;
  line-height: 1.43;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: .5px;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}


.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: -72px;
}

// Wrapper for the tooltip content

.tooltip-inner {
  max-width: 200px;
  padding: 5px;
  color: $white;
  text-align: center;
  background-color: #010101;
  border-radius: 2px;
  white-space: nowrap;
}


// Arrows

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.bottom .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}