/* Styles for the data field tooltips */

:root{
  --light-blue: #8ad9ea;
}

/* Trigger tooltip element */
.data-field-tooltip-badge .bi-info-circle-fill {
  color: var(--light-blue);
  opacity: 0.7;
  font-size: 0.7rem;
}

.data-field-tooltip-badge .bi-info-circle-fill:hover {
  opacity: 1;
}

/* Popover element */
.popover {
  max-width: 450px;
}
.popover-header {
  padding: 0.4rem 0.9rem;
  font-size: 0.9rem;
}
.popover-body {
  max-height: 100px;
  overflow-y: hidden;
  font-size: 0.8rem;
  text-align: justify;
  padding: 0.5rem 0.5rem;
}

.popover-body p {
  margin-bottom: 0.2rem;
  line-height: 1.3;
}