/* popper.js v2 ignores margin and expects us to use the `padding` property of the `arrow` modifier. Thus we must remove margin to not cause mis-alignment
Using these selectors intentionally to increase specificity, so we can override Bootstrap's original styles without using !important.
*/
.popover.bs-popover-top > .arrow,
.popover.bs-popover-left > .arrow,
.popover.bs-popover-right > .arrow,
.popover.bs-popover-bottom > .arrow {
  margin: 0;
}

.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgba(0,0,0,0);
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}