.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-regular);
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 24px;
  line-height: var(--size-24);
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  opacity: 0;
}
[dir="rtl"] .tooltip {
  text-align: right;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
[dir="rtl"] .tooltip.right {
  margin-right: 3px;
  margin-left: 0;
  margin-left: initial;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
[dir="rtl"] .tooltip.left {
  margin-right: -3px;
  margin-left: 0;
  margin-left: initial;
}
.tooltip-inner {
  font-size: 0.875rem;
  font-size: var(--font-size-14);
  line-height: 155%;
  letter-spacing: -0.006em;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  max-width: 200px;
  min-width: 120px;
  padding: 16px 16px;
  padding: var(--size-16) var(--size-16);
  color: #37517e;
  color: var(--color-content-primary);
  text-align: center;
  background-color: #ffffff;
  background-color: var(--color-background-screen);
  border-radius: 3px;
  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
}
.np-theme-personal--forest-green .tooltip-inner,
.np-theme-personal--bright-green .tooltip-inner,
.np-theme-personal--dark .tooltip-inner {
  box-shadow: none;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #ffffff;
  border-top-color: var(--color-background-screen);
}
[dir="rtl"] .tooltip.top .tooltip-arrow {
  right: 50%;
  left: auto;
  left: initial;
}
[dir="rtl"] .tooltip.top .tooltip-arrow {
  margin-right: -5px;
  margin-left: 0;
  margin-left: initial;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #ffffff;
  border-right-color: var(--color-background-screen);
}
[dir="rtl"] .tooltip.right .tooltip-arrow {
  right: 0;
  left: auto;
  left: initial;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #ffffff;
  border-left-color: var(--color-background-screen);
}
[dir="rtl"] .tooltip.left .tooltip-arrow {
  left: 0;
  right: auto;
  right: initial;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--color-background-screen);
}
[dir="rtl"] .tooltip.bottom .tooltip-arrow {
  right: 50%;
  left: auto;
  left: initial;
}
[dir="rtl"] .tooltip.bottom .tooltip-arrow {
  margin-right: -5px;
  margin-left: 0;
  margin-left: initial;
}
[data-toggle="tooltip"]:not(.btn) {
  cursor: pointer;
}
[data-toggle="tooltip"]:not(.btn):hover,
[data-toggle="tooltip"]:not(.btn):focus {
  color: #0084b3 !important;
  color: var(--color-content-accent-hover) !important;
  outline: 0;
}
a[data-toggle="tooltip"] {
  white-space: nowrap;
}