/* Link the series colors to axis colors */
.highcharts-axis.highcharts-color-0 text,
.highcharts-axis-labels.highcharts-color-0 text {
  fill: var(--highcharts-color-0);
}

.highcharts-axis.highcharts-color-1 text,
.highcharts-axis-labels.highcharts-color-1 text {
  fill: var(--highcharts-color-1);
}

.highcharts-axis.highcharts-color-2 text,
.highcharts-axis-labels.highcharts-color-2 text {
  fill: var(--highcharts-color-2);
}

.highcharts-axis.highcharts-color-3 text,
.highcharts-axis-labels.highcharts-color-3 text {
  fill: var(--highcharts-color-3);
}

.highcharts-axis.highcharts-color-4 text,
.highcharts-axis-labels.highcharts-color-4 text {
  fill: var(--highcharts-color-4);
}

.highcharts-axis.highcharts-color-5 text,
.highcharts-axis-labels.highcharts-color-5 text {
  fill: var(--highcharts-color-5);
}

.highcharts-axis.highcharts-color-6 text,
.highcharts-axis-labels.highcharts-color-6 text {
  fill: var(--highcharts-color-6);
}

.highcharts-axis.highcharts-color-7 text,
.highcharts-axis-labels.highcharts-color-7 text {
  fill: var(--highcharts-color-7);
}

.highcharts-axis.highcharts-color-8 text,
.highcharts-axis-labels.highcharts-color-8 text {
  fill: var(--highcharts-color-8);
}

.highcharts-axis.highcharts-color-9 text,
.highcharts-axis-labels.highcharts-color-9 text {
  fill: var(--highcharts-color-9);
}

.highcharts-axis.highcharts-color-10 text,
.highcharts-axis-labels.highcharts-color-10 text {
  fill: var(--highcharts-color-10);
}

.highcharts-axis.highcharts-color-11 text,
.highcharts-axis-labels.highcharts-color-11 text {
  fill: var(--highcharts-color-11);
}

.highcharts-axis.highcharts-color-12 text,
.highcharts-axis-labels.highcharts-color-12 text {
  fill: var(--highcharts-color-12);
}

.highcharts-grid-line {
  stroke: var(--highcharts-grid-line-color) !important;
}

.highcharts-color-0 {
  fill: var(--highcharts-color-0);
  stroke: var(--highcharts-color-0);
  background-color: var(--highcharts-color-0);
}

.highcharts-color-1 {
  fill: var(--highcharts-color-1);
  stroke: var(--highcharts-color-1);
  background-color: var(--highcharts-color-1);
}

.highcharts-color-2 {
  fill: var(--highcharts-color-2);
  stroke: var(--highcharts-color-2);
  background-color: var(--highcharts-color-2);
}

.highcharts-color-3 {
  fill: var(--highcharts-color-3);
  stroke: var(--highcharts-color-3);
  background-color: var(--highcharts-color-3);
}

.highcharts-color-4 {
  fill: var(--highcharts-color-4);
  stroke: var(--highcharts-color-4);
  background-color: var(--highcharts-color-4);
}

.highcharts-color-5 {
  fill: var(--highcharts-color-5);
  stroke: var(--highcharts-color-5);
  background-color: var(--highcharts-color-5);
}

.highcharts-color-6 {
  fill: var(--highcharts-color-6);
  stroke: var(--highcharts-color-6);
  background-color: var(--highcharts-color-6);
}

.highcharts-color-7 {
  fill: var(--highcharts-color-7);
  stroke: var(--highcharts-color-7);
  background-color: var(--highcharts-color-7);
}

.highcharts-color-8 {
  fill: var(--highcharts-color-8);
  stroke: var(--highcharts-color-8);
  background-color: var(--highcharts-color-8);
}

.highcharts-color-9 {
  fill: var(--highcharts-color-9);
  stroke: var(--highcharts-color-9);
  background-color: var(--highcharts-color-9);
}

.highcharts-color-10 {
  fill: var(--highcharts-color-10);
  stroke: var(--highcharts-color-10);
  background-color: var(--highcharts-color-10);
}

.highcharts-color-11 {
  fill: var(--highcharts-color-11);
  stroke: var(--highcharts-color-11);
  background-color: var(--highcharts-color-11);
}

.highcharts-color-12 {
  fill: var(--highcharts-color-12);
  stroke: var(--highcharts-color-12);
  background-color: var(--highcharts-color-12);
}

.highcharts-color-0 text {
  fill: var(--highcharts-color-0) !important;
}

.highcharts-color-1 text {
  fill: var(--highcharts-color-1) !important;
}

.highcharts-color-2 text {
  fill: var(--highcharts-color-2) !important;
}

.highcharts-color-3 text {
  fill: var(--highcharts-color-3) !important;
}

.highcharts-color-4 text {
  fill: var(--highcharts-color-4) !important;
}

.highcharts-color-5 text {
  fill: var(--highcharts-color-5) !important;
}

.highcharts-color-6 text {
  fill: var(--highcharts-color-6) !important;
}

.highcharts-color-7 text {
  fill: var(--highcharts-color-7) !important;
}

.highcharts-color-8 text {
  fill: var(--highcharts-color-8) !important;
}

.highcharts-color-9 text {
  fill: var(--highcharts-color-9) !important;
}

.highcharts-color-10 text {
  fill: var(--highcharts-color-10) !important;
}

.highcharts-color-11 text {
  fill: var(--highcharts-color-11) !important;
}

.highcharts-color-12 text {
  fill: var(--highcharts-color-12) !important;
}

.highcharts-data-label text {
  fill: var(--highcharts-text-color) !important;
  font-size: 0.7em !important;
  font-weight: bold !important;
  stroke: var(--highcharts-text-color-1) !important;
  stroke-width: 2px !important;
  paint-order: stroke fill !important;
}

.highchart-legend-item {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
}

.highcharts-legend-background-0 {
  background-color: var(--highcharts-color-0);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-1 {
  background-color: var(--highcharts-color-1);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-2 {
  background-color: var(--highcharts-color-2);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-3 {
  background-color: var(--highcharts-color-3);
  color: var(--highcharts-text-color);
}

.highcharts-legend-background-4 {
  background-color: var(--highcharts-color-4);
  color: var(--highcharts-text-color-0);
}

.highcharts-legend-background-5 {
  background-color: var(--highcharts-color-5);
  color: var(--highcharts-text-color);
}

.highcharts-legend-background-6 {
  background-color: var(--highcharts-color-6);
  color: var(--highcharts-text-color);
}

.highcharts-legend-background-7 {
  background-color: var(--highcharts-color-7);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-8 {
  background-color: var(--highcharts-color-8);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-9 {
  background-color: var(--highcharts-color-9);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-10 {
  background-color: var(--highcharts-color-10);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-11 {
  background-color: var(--highcharts-color-11);
  color: var(--highcharts-text-color-1);
}

.highcharts-legend-background-12 {
  background-color: var(--highcharts-color-12);
  color: var(--highcharts-text-color-1);
}

.highcharts-area {
  fill-opacity: 0.3 !important;
  stroke-width: 0;
}

.highcharts-dot-container {
  display: flex;
  align-items: center;
  gap: 3px;
  /* space between multiple dots */
}

.highcharts-dot-border {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid black;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.highcharts-legend-text {
  margin-left: 5px;
  /* space between dots and text */
}

.highchart-legend-perf-by-type-text {
  font-weight: bold;
}

.highcharts-title {
  fill: var(--highcharts-text-color) !important;
  font-size: 1em !important;
  font-weight: bold !important;
}

.highcharts-tooltip-line {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.highcharts-tooltip-series-name {
  display: inline-block;
  max-width: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.highcharts-tooltip-color-0 {
  color: var(--highcharts-color-0) !important;
}

.highcharts-tooltip-color-1 {
  color: var(--highcharts-color-1) !important;
}

.highcharts-tooltip-color-2 {
  color: var(--highcharts-color-2) !important;
}

.highcharts-tooltip-color-3 {
  color: var(--highcharts-color-3) !important;
}

.highcharts-tooltip-color-4 {
  color: var(--highcharts-color-4) !important;
}

.highcharts-tooltip-color-5 {
  color: var(--highcharts-color-5) !important;
}

.highcharts-tooltip-color-6 {
  color: var(--highcharts-color-6) !important;
}

.highcharts-tooltip-color-7 {
  color: var(--highcharts-color-7) !important;
}

.highcharts-tooltip-color-8 {
  color: var(--highcharts-color-8) !important;
}

.highcharts-tooltip-color-9 {
  color: var(--highcharts-color-9) !important;
}

.highcharts-tooltip-color-10 {
  color: var(--highcharts-color-10) !important;
}

.highcharts-tooltip-color-11 {
  color: var(--highcharts-color-11) !important;
}

.highcharts-tooltip-color-12 {
  color: var(--highcharts-color-12) !important;
}


.highcharts-funnel-text-color {
  fill: var(--highcharts-text-color) !important;
}

.highcharts-tooltip-stroke-color-0 {
  color: var(--highcharts-color-0) !important;
}

.highcharts-tooltip-stroke-color-1 {
  fill: var(--highcharts-color-1) !important;
}

.highcharts-tooltip-stroke-color-2 {
  stroke: var(--highcharts-color-2) !important;
}

.highchart-border {
  stroke-width: 1px !important;
}

.highcharts-data-label:has(.org-card) {
  height: 46px !important;
  min-width: 180px !important;
  max-width: 200px !important;
}

path.highcharts-node {
  fill: none !important;
  stroke: none !important;
}

path.highcharts-link {
  stroke: var(--highcharts-text-color) !important;
}

path.highcharts-null-point {
  fill: none;
}

#\/team-insights_chart_div .highcharts-yaxis .highcharts-axis-line {
  stroke-width: 1px !important;
}

.highcharts-drilldown-axis-label,
.highcharts-drilldown-data-label text {
  text-decoration: none !important;
  font-weight: normal !important;
  fill: var(--highcharts-text-color) !important;
}

.highcharts-breadcrumbs-button text {
  fill: var(--highcharts-highlight-color-100) !important;
}

.highcharts-button-pressed text {
  fill: var(--highcharts-neutral-color-80) !important;
}

.highcharts-tooltip.hc-scroll-tooltip,
.highcharts-tooltip.hc-scroll-tooltip span {
  pointer-events: auto;
}

.highcharts-tooltip.hc-scroll-tooltip .hc-scroll-tooltip__inner {
  max-height: 240px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--highcharts-neutral-color-80) transparent;
}

.highcharts-tooltip.hc-scroll-tooltip .hc-scroll-tooltip__inner::-webkit-scrollbar {
  width: 10px;
}

.highcharts-tooltip.hc-scroll-tooltip .hc-scroll-tooltip__inner::-webkit-scrollbar-track {
  background: transparent;
}

.highcharts-tooltip.hc-scroll-tooltip .hc-scroll-tooltip__inner::-webkit-scrollbar-thumb {
  background-color: var(--highcharts-neutral-color-80);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}

#\/delivery-insights_am_total_mrr_chart .highcharts-series .highcharts-point {
  fill: #0000ff;
  stroke: #0000ff;
}

#\/team-insights_chart_div .highcharts-sunburst-series .highcharts-data-label span {
  font-size: 1rem !important;
  color: black !important;
}

#\/team-insights_chart_div .highcharts-sunburst-series .highcharts-point {
  stroke: #fff;
  stroke-width: 1px;
}

#\/team-insights_chart_div .highcharts-sunburst-series .highcharts-point-hover {
  filter: brightness(1.3);
}

.highcharts-subtitle {
  fill: #ff0000 !important;
}

.highcharts-yaxis .highcharts-axis-title {
  font-weight: 800;
  font-size: 15px;
}

#\/business-insights_mrr_analysis_chart7 .highcharts-xaxis .highcharts-axis-line {
  display: none;
}

#\/business-insights_mrr_analysis_chart8 .highcharts-xaxis .highcharts-axis-line {
  display: none;
}

.highcharts-series .highcharts-graph {
  stroke-width: 5;
}

.highcharts-yaxis-grid .highcharts-grid-line {
  stroke-width: 1px
}

.highcharts-pie-series .highcharts-point {
  stroke-width: 4px;
}

.hc-two-col-legend {
  display: grid;
  grid-template-columns: 1fr auto auto 1fr auto auto;
  row-gap: 6px;
  column-gap: 6px;
  align-items: center;
  padding: 0px 20px;
}

.hc-two-col-legend-name {
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

.hc-two-col-legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.hc-two-col-legend-value {
  font-size: 0.9em;
  font-weight: bold;
  white-space: nowrap;
}

.hc-perf .highcharts-title {
  font-size: 1.8em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.hc-legend-name {
  font-weight: 500;
  line-height: 100%;
  font-size: 16px;
}

.hc-legend-value {
  margin-left: -15px;
  margin-top: 10px;
  color: var(--highcharts-neutral-color-100, #ffffff);
  font-weight: 600;
  line-height: 100%;
  font-size: 30px;
}

.timeto-conversion-chart .highcharts-label text {
  font-size: 1.4em !important;
}

.timeto-conversion-chart .highcharts-title {
  font-size: 1.4em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.timeto-conversion-chart .highcharts-tooltip-color-0 {
  color: var(--highcharts-color-2) !important;
}

.timeto-conversion-chart .highcharts-tooltip-color-1 {
  color: var(--highcharts-color-3) !important;
}

.timeto-conversion-chart .highcharts-color-0 {
  fill: var(--highcharts-color-2) !important;
  background-color: var(--highcharts-color-2) !important;
}

.timeto-conversion-chart .highcharts-color-1 {
  fill: var(--highcharts-color-3) !important;
  background-color: var(--highcharts-color-3) !important;
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-0,
.highcharts-column-series.snapshot-pie-slice-0 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-0);
}

.highcharts-column-series.snapshot-pie-slice-0 rect {
  fill: var(--snapshot-pie-color-0);
  stroke: var(--snapshot-pie-color-0);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-1,
.highcharts-column-series.snapshot-pie-slice-1 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-1);
}

.highcharts-column-series.snapshot-pie-slice-1 rect {
  fill: var(--snapshot-pie-color-1);
  stroke: var(--snapshot-pie-color-1);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-2,
.highcharts-column-series.snapshot-pie-slice-2 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-2);
}

.highcharts-column-series.snapshot-pie-slice-2 rect {
  fill: var(--snapshot-pie-color-2);
  stroke: var(--snapshot-pie-color-2);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-3,
.highcharts-column-series.snapshot-pie-slice-3 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-3);
}

.highcharts-column-series.snapshot-pie-slice-3 rect {
  fill: var(--snapshot-pie-color-3);
  stroke: var(--snapshot-pie-color-3);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-4,
.highcharts-column-series.snapshot-pie-slice-4 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-4);
}

.highcharts-column-series.snapshot-pie-slice-4 rect {
  fill: var(--snapshot-pie-color-4);
  stroke: var(--snapshot-pie-color-4);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-5,
.highcharts-column-series.snapshot-pie-slice-5 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-5);
}

.highcharts-column-series.snapshot-pie-slice-5 rect {
  fill: var(--snapshot-pie-color-5);
  stroke: var(--snapshot-pie-color-5);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-6,
.highcharts-column-series.snapshot-pie-slice-6 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-6);
}

.highcharts-column-series.snapshot-pie-slice-6 rect {
  fill: var(--snapshot-pie-color-6);
  stroke: var(--snapshot-pie-color-6);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-7,
.highcharts-column-series.snapshot-pie-slice-7 path {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-7);
}

.highcharts-column-series.snapshot-pie-slice-7 rect {
  fill: var(--snapshot-pie-color-7);
  stroke: var(--snapshot-pie-color-7);
}

.highcharts-pie-series .highcharts-point.snapshot-pie-slice-8 {
  stroke-width: 6px;
  fill: var(--snapshot-pie-color-7);
}


.highcharts-bar-series.snapshot-bar-1 path {
  fill: var(--snapshot-bar-color-1) !important;
}

.highcharts-bar-series.snapshot-bar-2 path,
.highcharts-bar-series.snapshot-bar-3 path {
  fill: var(--snapshot-bar-color-2) !important;
}


.highcharts-bar-series.snapshot-bar-1 .highcharts-data-label,
.highcharts-bar-series.snapshot-bar-2 .highcharts-data-label,
.highcharts-bar-series.snapshot-bar-3 .highcharts-data-label {
  pointer-events: none !important;
}

.highcharts-bar-series.snapshot-bar-1 .highcharts-data-label text,
.highcharts-bar-series.snapshot-bar-2 .highcharts-data-label text,
.highcharts-bar-series.snapshot-bar-3 .highcharts-data-label text {
  fill: var(--side-menu-color) !important;
  stroke: none !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

.hc-custom-legend {
  max-height: 130px;
  width: 100%;
  justify-self: center;
}

.hc-custom-legend-row {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  padding: 2px 20px;
  max-width: 22rem;
}

.hc-custom-legend-name {
  font-size: 0.9em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 7rem;
  flex: 1;
  white-space: nowrap;
}

.hc-custom-legend-tooltip {
  visibility: hidden;
  background-color: var(--popover-bg-color);
  color: var(--popover-text-color);
  padding: 0.5em 0.70em;
  border-radius: 6px;
  position: absolute;
  top: 110%;
  z-index: 1;
}

.hc-custom-legend-row:hover .hc-custom-legend-tooltip {
  visibility: visible;
}

.hc-custom-legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.hc-custom-legend-value {
  font-size: 0.9em;
  font-weight: bold;
}


.dsp-top-10-state-chart .highcharts-color-0 {
  fill: #29242d !important;
}

.dsp-top-10-state-chart .highcharts-data-label text,
.dsp-top-10-state-chart .highcharts-title {
  font-size: 1.1em !important;
}

.hc-tooltip-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 200px;
}

.hc-tooltip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.hc-tooltip-value {
  flex-shrink: 0;
}

.highcharts-axis-line {
  stroke: var(--highcharts-axis-line-color) !important;
}

.hc-custom-legend-amc {
  display: grid;
  grid-template-columns: repeat(2, max-content) !important;
  justify-content: center;
  row-gap: 10px;
  column-gap: 45px;
}

.hc-custom-legend-amc .hc-custom-legend-row {
  margin: 0 !important;
  max-width: none;
}

.hc-custom-legend-amc .hc-custom-legend-name {
  flex: 0 0 auto;
}

.hc-custom-pie-chart .highcharts-subtitle {
  fill: var(--highcharts-text-color) !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
}

.highcharts-tooltip .highcharts-header {
    font-size: var(--mantine-font-size-sm);
    color: var(--tooltip-color) !important;
}

.highcharts-tooltip .highcharts-tooltip-box {
    fill: var(--tooltip-bg) !important;
    stroke: none !important;
    color: var(--tooltip-color) !important;
    padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
    font-size: var(--mantine-font-size-sm);
    white-space: nowrap;
}

.highchart-tooltip-color {
    font-size: var(--mantine-font-size-sm) !important;
    color: var(--tooltip-color);
}