/* increase z-index to be stacked above office ui fabric containers. */
.tooltip {
  z-index: 1000000 !important;
  pointer-events: none;
}

.tooltip[x-out-of-boundaries] {
  display: none;
}

td.global-tooltip-trigger,
div.global-tooltip-trigger,
span.global-tooltip-trigger {
  cursor: default;
}

.global-tooltip td span.global-tooltip-trigger {
  min-width: 20px;
  display: inline-block;
}

.global-tooltip.tooltip, .global-tooltip.show {
  opacity: 1;
}
.global-tooltip .tooltip-inner {
  max-width: 350px;
  text-align: left;
  background: var(--bs-tooltip-bg);
  color: var(--bs-tooltip-color);
  font-size: 14px !important;
  text-align: left;
  pointer-events: auto !important;
  max-width: 450px;
  border: 1px solid var(--bs-tooltip-bg) !important;
  box-shadow: 0 4px rgba(180, 180, 180, 0.5);
  white-space: break-spaces;
  word-break: break-word;
  overflow: visible;
}
.global-tooltip .tooltip-inner code {
  color: #fff;
}
.global-tooltip .tooltip-inner em {
  color: orange;
  background: transparent;
}
.global-tooltip .tooltip-inner .ms-Table {
  margin: 0;
  padding: 0;
}
.global-tooltip .tooltip-inner tr {
  line-height: 20px;
}
.global-tooltip .tooltip-inner p {
  margin-bottom: 0.5rem;
}
.global-tooltip .tooltip-inner ul,
.global-tooltip .tooltip-inner ol {
  white-space: normal;
  margin: 0 0 0.5rem 1.5rem;
  padding: 0;
}
.global-tooltip .tooltip-inner ul li,
.global-tooltip .tooltip-inner ol li {
  line-height: unset;
  padding: 0;
}
.global-tooltip .tooltip-arrow {
  display: block;
}
.global-tooltip .tooltip-arrow::before {
  border-width: 7px;
}
.global-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .global-tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: var(--bs-tooltip-bg);
  width: 15px;
  height: 15px;
}
.global-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .global-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--bs-tooltip-bg);
  width: 15px;
  height: 15px;
}
.global-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .global-tooltip.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: var(--bs-tooltip-bg);
  width: 15px;
  height: 15px;
}
.global-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .global-tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--bs-tooltip-bg);
  width: 15px;
  height: 15px;
}