/* Application-wide Bootstrap hints. */
body .mx-tooltip {
  --bs-tooltip-bg: #173b59;
  --bs-tooltip-color: #fff;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-max-width: 280px;
  --bs-tooltip-padding-x: 11px;
  --bs-tooltip-padding-y: 7px;
  --bs-tooltip-border-radius: 7px;
  --bs-tooltip-font-size: 13px;
  font-family: var(--mx-font, sans-serif);
}
body .mx-tooltip .tooltip-inner {
  background: #173b59;
  color: #fff;
  border-radius: 7px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0 4px 12px rgb(23 59 89 / 16%);
}
body .mx-popover {
  --bs-popover-border-color: #e0e8f1;
  --bs-popover-border-radius: 10px;
  --bs-popover-header-bg: #f4f7fb;
  --bs-popover-header-color: #173b59;
  --bs-popover-body-color: #263b53;
  font-family: var(--mx-font, sans-serif);
  font-size: 13px;
  box-shadow: 0 6px 20px rgb(23 59 89 / 12%);
}
@media (prefers-reduced-motion: reduce) {
  .mx-tooltip.fade, .mx-popover.fade { transition: none; }
}