/* Popover container, styled with background, border, shadow, padding, and positioning. */
.rgx-theme .rgx-popover-content {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 6px;
  min-width: 150px;
  z-index: 1000;
  display: block;
  margin-left: -140px;
  margin-top: 6px;
}

/* Show popover when the "show" class is applied. */
.rgx-theme .rgx-popover-content.rgx-popover-show {
  display: block;
}

/* Small arrow pointing to the trigger element, created with a rotated square. */
.rgx-theme .rgx-popover-arrow {
  position: absolute;
  top: -5px;
  left: 90%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}