.os-tooltip {
  background: none;
}

span.os-tooltip {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url("../img/os-tooltip-sprite.png");
  background-position: -1px 0;

  &.no-icon {
    background: none;
  }
}

div.os-tooltip-content {
  position: absolute;
  display: block;
  opacity: 0;
  max-width: 387px;
  min-width: 30px;
  left: -9999px;
  top: -9999px;
  padding: 1rem;
  background: #fff;
  z-index: $os-tooltip-z-index;
  border: none;
  word-wrap: break-word;
  @include box-shadow(0 0 6px #333);
  @include transition(opacity .20s cubic-bezier(.65, .3, .66, .86) 0s);

  &.os-tooltip-active {
    opacity: 1;
  }

  .tooltip-middle {

    p {
      margin: 0;
      padding: 0;
      text-transform: none;
      font-size: 1.2rem;
      line-height: 1.8rem;
      word-wrap: break-word;
    }
  }
}