.protip-icon {
  margin-left: 4px;
}
.protip-icon::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f05a'; /* FontAwesome Info Circle Icon */
  visibility: visible;
  font-size: 12px; /* Adjust as necessary */
  speak: none;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 5px;
  color: var(--theme-palette-primary); /* Custom color */
  font-weight: 900; /* Needed for FontAwesome 5+ */
  transform: translateY(-4px); /* Move the icon upwards by 2px */
}

.protip-container {
  font-family: 'Azeret', 'Open Sans', sans-serif, sans !important;
  padding: 0.9rem;
  font-size: 0.8em;
  text-align: center;
  z-index: 9000;
}

.protip-skin-default--scheme-pro.protip-container {
  background: var(--theme-palette-primary);
  color: white;
}

.protip-content .legend {
  text-align: left;
}
.protip-content .legend .legend-item {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.protip-content .legend .dash {
  width: 20px;
  height: 10px;
  margin-right: 8px;
  display: inline-block;
  border: 1px solid white!important;
}

/*Arrows*/
.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
  border-right-color: var(--theme-palette-primary);
}
.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
  border-top-color: var(--theme-palette-primary);
}
.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
  border-bottom-color: var(--theme-palette-primary);
}
.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
  border-left-color: var(--theme-palette-primary);
}