/* dkfds overrides and additions */
.tooltip {
  color: var(--primary-txt-color);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: var(--gray-color-000);
  border: 1px solid var(--border-color);
}
.tooltip-popper,
.tooltip-popper .tooltip-arrow {position: absolute; }
.tooltip-popper[x-placement^=top] .tooltip-arrow {
  border-top: 7px solid var(-gray-color-300);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -6px;
  left: calc(50% - 7px);
}
.tooltip-popper[x-placement^=top] .tooltip-arrow:after {
  content: '';
  border-top: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: block;
  position: absolute;
  bottom: 1px;
  margin-left: -6px;
}
.tooltip-popper[x-placement^=bottom] .tooltip-arrow {
  border-bottom: 7px solid var(-gray-color-300);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -6px;
  left: calc(50% - 7px); }
.tooltip-popper[x-placement^=bottom] .tooltip-arrow:after {
  content: '';
  border-bottom: 6px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: block;
  position: absolute;
  top: 1px;
  margin-left: -6px;
}
.tooltip-popper[x-placement^=left] .tooltip-arrow {
  border-left: 7px solid var(-gray-color-300);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -6px;
  top: calc(50% - 7px);
}
.tooltip-popper[x-placement^=left] .tooltip-arrow:after {
  content: '';
  border-left: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: block;
  position: absolute;
  top: -6px;
  margin-left: -7px;
}
.tooltip-popper[x-placement^=right] .tooltip-arrow {
  border-right: 7px solid var(-gray-color-300);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -6px;
  top: calc(50% - 7px);
}
.tooltip-popper[x-placement^=right] .tooltip-arrow:after {
  content: '';
  border-right: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: block;
  position: absolute;
  top: -6px;
  margin-left: 1px;
}