.tooltip {
  font-weight: $font-weight-light;
  &-inner {
    text-align: left;
  }
  .dark & {
    color: $white;
    &-inner {
      background-color: $secondary;
    }
  }
}

.dark {
  .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom .arrow {
    &:before {
      border-bottom-color: $secondary;
    }
  }
  .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top .arrow {
    &:before {
      border-top-color: $secondary;
    }
  }
  .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right .arrow {
    &:before {
      border-right-color: $secondary;
    }
  }
  .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left .arrow {
    &:before {
      border-left-color: $secondary;
    }
  }
}