/* Highcharts color groups */

/* DEFAULT COLORS */

      /*** color 0 ***/
      .highcharts-color-0 {
        fill: #3FC3C0;
        stroke: #3FC3C0;
      }

      /*** color 1 ***/
      .highcharts-color-1 {
        fill: #2A5AFF;
        stroke: #2A5AFF;
      }

      /*** color 2 ***/
      .highcharts-color-2 {
        fill: #F9C600;
        stroke: #F9C600;
      }

      /*** color 3 ***/
      .highcharts-color-3 {
        fill: #A752D2;
        stroke: #A752D2;
      }

      /*** color 4 ***/
      .highcharts-color-4 {
        fill: #F52C08;
        stroke: #F52C08;
      }

      /*** color 5 ***/
      .highcharts-color-5 {
        fill: #f15c80;
        stroke: #f15c80;
      }

      /*** color 6 ***/
      .highcharts-color-6 {
        fill: #e4d354;
        stroke: #e4d354;
      }


/*** COLOR THEME SETS ***/

/* OPTICS COLOR SET */

      /*** MARCHON ***/
      .opticsColorTheme .highcharts-point.highcharts-color-0,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .opticsColorTheme .highcharts-tooltip .highcharts-color-0 {
          fill: var( --marchon-color );
          color: var( --marchon-color );
      }

      .opticsColorTheme .highcharts-point.highcharts-color-0,
      .opticsColorTheme .highcharts-tooltip.highcharts-color-0,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --marchon-color );
      }

      /*** ALTAIR ***/
      .opticsColorTheme .highcharts-point.highcharts-color-1,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .opticsColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --altair-color );
          color: var( --altair-color );
      }

      .opticsColorTheme .highcharts-point.highcharts-color-1,
      .opticsColorTheme .highcharts-tooltip.highcharts-color-1,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --altair-color );
      }

      /*** UNITY ***/
      .opticsColorTheme .highcharts-point.highcharts-color-2,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-2 .highcharts-point,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .opticsColorTheme .highcharts-tooltip .highcharts-color-2 {
          fill: var( --unity-color );
          color: var( --unity-color );
      }

      .opticsColorTheme .highcharts-point.highcharts-color-2,
      .opticsColorTheme .highcharts-tooltip.highcharts-color-2,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          stroke: var( --unity-color );
      }

      /*** HOYA ***/
      .opticsColorTheme .highcharts-point.highcharts-color-3,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-3,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-3 .highcharts-point,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-3 .legend-symbol,
      .opticsColorTheme .highcharts-tooltip .highcharts-color-3 {
          fill: var( --hoya-color );
          color: var( --hoya-color );
      }

      .opticsColorTheme .highcharts-point.highcharts-color-3,
      .opticsColorTheme .highcharts-tooltip.highcharts-color-3,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-3,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-3 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-3 {
          stroke: var( --hoya-color );
      }

      /*** ZEISS ***/
      .opticsColorTheme .highcharts-point.highcharts-color-4,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-4,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-4 .highcharts-point,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-4 .legend-symbol,
      .opticsColorTheme .highcharts-tooltip .highcharts-color-4 {
          fill: var( --zeiss-color );
          color: var( --zeiss-color );
      }

      .opticsColorTheme .highcharts-point.highcharts-color-4,
      .opticsColorTheme .highcharts-tooltip.highcharts-color-4,
      .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-4,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-4 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-4 {
          stroke: var( --zeiss-color );
      }


/* FRAMES COLOR SET */

      /*** MARCHON ***/
      .frameColorTheme .highcharts-point.highcharts-color-0,
      .frameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .frameColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .frameColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .frameColorTheme .highcharts-tooltip .highcharts-color-0 {
          fill: var( --marchon-color );
          color: var( --marchon-color );
      }

      .frameColorTheme .highcharts-tooltip.highcharts-color-0,
      .frameColorTheme .highcharts-point.highcharts-color-0,
      .frameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .frameColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .frameColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --marchon-color );
      }

      /*** ALTAIR ***/
      .frameColorTheme .highcharts-point.highcharts-color-1,
      .frameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .frameColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .frameColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .frameColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --altair-color );
          color: var( --altair-color );
      }

      .frameColorTheme .highcharts-tooltip.highcharts-color-1,
      .frameColorTheme .highcharts-point.highcharts-color-1,
      .frameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .frameColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .frameColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --altair-color );
      }

/* LENS COLOR SET */

      /*.opticsColorTheme .highcharts-tooltip.highcharts-color-3, */
      /* .opticsColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-3,
      .opticsColorTheme .highcharts-legend-item.highcharts-color-3 .legend-symbol,
      .opticsColorTheme .highcharts-data-label-connector.highcharts-color-3 {
          stroke: var( --hoya-color );
      } */

      /*** HOYA ***/
      .lensColorTheme .highcharts-point.highcharts-color-1,
      .lensColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .lensColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          fill: var( --hoya-color );
          color: var( --hoya-color );
      }

      .lensColorTheme .highcharts-tooltip.highcharts-color-1,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .lensColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --hoya-color );
      }

      /*** ZEISS ***/
      .lensColorTheme .highcharts-point.highcharts-color-2,
      .lensColorTheme .highcharts-legend-item.highcharts-color-2 .highcharts-point,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .lensColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          fill: var( --zeiss-color );
          color: var( --zeiss-color );
      }

      .lensColorTheme .highcharts-tooltip.highcharts-color-2,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .lensColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          stroke: var( --zeiss-color );
      }

      /*** UNITY ***/
      .lensColorTheme .highcharts-point.highcharts-color-0,
      .lensColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .lensColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --unity-color );
          color: var( --unity-color );
      }

      .lensColorTheme .highcharts-tooltip.highcharts-color-0,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .lensColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --unity-color );
      }

      /*** HOYA ***/
      /* .lensColorTheme .highcharts-point.highcharts-color-3,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-3,
      .lensColorTheme .highcharts-legend-item.highcharts-color-3 .highcharts-point,
      .lensColorTheme .highcharts-legend-item.highcharts-color-3 .legend-symbol,
      .lensColorTheme .highcharts-tooltip .highcharts-color-3 {
          fill: var( --hoya-color );
          color: var( --hoya-color );
      }

      .lensColorTheme .highcharts-tooltip.highcharts-color-3,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-3,
      .lensColorTheme .highcharts-legend-item.highcharts-color-3 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-3 {
          stroke: var( --hoya-color );
      } */

      /*** ZEISS ***/
      /* .lensColorTheme .highcharts-point.highcharts-color-4,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-4,
      .lensColorTheme .highcharts-legend-item.highcharts-color-4 .highcharts-point,
      .lensColorTheme .highcharts-legend-item.highcharts-color-4 .legend-symbol,
      .lensColorTheme .highcharts-tooltip .highcharts-color-4 {
          fill: var( --zeiss-color );
          color: var( --zeiss-color );
      }

      .lensColorTheme .highcharts-tooltip.highcharts-color-4,
      .lensColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-4,
      .lensColorTheme .highcharts-legend-item.highcharts-color-4 .legend-symbol,
      .lensColorTheme .highcharts-data-label-connector.highcharts-color-4 {
          stroke: var( --zeiss-color );
      } 

      .stackedBar.frameColorTheme .highcharts-point.highcharts-color-0,
      .stackedBar.frameColorTheme .highcharts-point.highcharts-color-1,
      .stackedBar.lensColorTheme .highcharts-point.highcharts-color-0,
      .stackedBar.lensColorTheme .highcharts-point.highcharts-color-1,
      .stackedBar.lensColorTheme .highcharts-point.highcharts-color-2
      {
          stroke: #fff;
      }*/

      /*** Premier Chart Color ***/
      .premierColorTheme .highcharts-point.highcharts-color-0,
      .premierColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .premierColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --premier-color );
          color: var( --premier-color );
      }

      .premierColorTheme .highcharts-tooltip.highcharts-color-0,
      .premierColorTheme .highcharts-point.highcharts-color-0,
      .premierColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --premier-color );
      }
      
      /*** Unity Chart Color ***/
      .unityColorTheme .highcharts-point.highcharts-color-0,
      .unityColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .unityColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityColorTheme .highcharts-pie-series.highcharts-color-0,
      .unityColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --unity-theme-color );
          color: var( --unity-theme-color );
      }

      .unityColorTheme .highcharts-tooltip.highcharts-color-0,
      .unityColorTheme .highcharts-point.highcharts-color-0,
      .unityColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityColorTheme .highcharts-pie-series.highcharts-color-0,
      .unityColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --unity-theme-color );
      }

      /*** Single Chart Stat Color ***/
      .chartStatColorTheme .highcharts-point.highcharts-color-0,
      .chartStatColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .chartStatColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .chartStatColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .chartStatColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --chart-stat-color );
          color: var( --chart-stat-color );
      }

      .chartStatColorTheme .highcharts-tooltip.highcharts-color-0,
      .chartStatColorTheme .highcharts-point.highcharts-color-0,
      .chartStatColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .chartStatColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .chartStatColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --chart-stat-color );
      }

      /*** Unity Current Month Color ***/
      .unityCurrentMonth .highcharts-point.highcharts-color-0,
      .unityCurrentMonth .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .unityCurrentMonth .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityCurrentMonth .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityCurrentMonth .highcharts-data-label-connector.highcharts-color-0 {
          fill: var(--vsp-dark-blue);
          color:  var(--vsp-dark-blue);
      }

      .unityCurrentMonth .highcharts-tooltip.highcharts-color-0,
      .unityCurrentMonth .highcharts-point.highcharts-color-0,
      .unityCurrentMonth .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityCurrentMonth .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityCurrentMonth .highcharts-data-label-connector.highcharts-color-0 {
          stroke:  var(--vsp-dark-blue);
      }

      /*** Unity YTD Color ***/
      .unityYTD .highcharts-point.highcharts-color-0,
      .unityYTD .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .unityYTD .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityYTD .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityYTD .highcharts-data-label-connector.highcharts-color-0 {
          fill: var(--vsp-blue-black);
          color: var(--vsp-blue-black);
      }

      .unityYTD .highcharts-tooltip.highcharts-color-0,
      .unityYTD .highcharts-point.highcharts-color-0,
      .unityYTD .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityYTD .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityYTD .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var(--vsp-blue-black);
      }

      
/*** NEW FRAME COLOR SETS ***/
      .newFrameColorTheme .highcharts-point.highcharts-color-0,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .newFrameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .newFrameColorTheme .highcharts-pie-series.highcharts-color-0,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .newFrameColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --frame-purchase-theme-color );
          color: var( --frame-purchase-theme-color );
      }

      .newFrameColorTheme .highcharts-tooltip.highcharts-color-0,
      .newFrameColorTheme .highcharts-point.highcharts-color-0,
      .newFrameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .newFrameColorTheme .highcharts-pie-series.highcharts-color-0,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .newFrameColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --frame-purchase-theme-color );
      }

      .newFrameColorTheme .highcharts-point.highcharts-color-1,
      .newFrameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .newFrameColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --frame-target-theme-color );
          color: var( --frame-target-theme-color );
      }

      .newFrameColorTheme .highcharts-point.highcharts-color-1,
      .newFrameColorTheme .highcharts-tooltip.highcharts-color-1,
      .newFrameColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .newFrameColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .newFrameColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --frame-target-theme-color );
      }

/*** PECAA GREEN COLOR SETS ***/
      .pecaaGreenColorTheme .highcharts-point.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .pecaaGreenColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-pie-series.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .pecaaGreenColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --pecaa-green-theme-color );
          color: var( --pecaa-green-theme-color );
      }

      .pecaaGreenColorTheme .highcharts-tooltip.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-point.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-pie-series.highcharts-color-0,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .pecaaGreenColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --pecaa-green-theme-color );
      }

      .pecaaGreenColorTheme .highcharts-point.highcharts-color-1,
      .pecaaGreenColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .pecaaGreenColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --pecaa-green-theme-color );
          color: var( --pecaa-green-theme-color );
      }

      .pecaaGreenColorTheme .highcharts-point.highcharts-color-1,
      .pecaaGreenColorTheme .highcharts-tooltip.highcharts-color-1,
      .pecaaGreenColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .pecaaGreenColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .pecaaGreenColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --pecaa-green-theme-color );
      }

/*** PECAA PURPLE COLOR SETS ***/
      .pecaaPurpleColorTheme .highcharts-point.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .pecaaPurpleColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-pie-series.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .pecaaPurpleColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --pecaa-purple-theme-color );
          color: var( --pecaa-purple-theme-color );
      }

      .pecaaPurpleColorTheme .highcharts-tooltip.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-point.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-pie-series.highcharts-color-0,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .pecaaPurpleColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --pecaa-purple-theme-color );
      }

      .pecaaPurpleColorTheme .highcharts-point.highcharts-color-1,
      .pecaaPurpleColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .pecaaPurpleColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --pecaa-purple-theme-color );
          color: var( --pecaa-purple-theme-color );
      }

      .pecaaPurpleColorTheme .highcharts-point.highcharts-color-1,
      .pecaaPurpleColorTheme .highcharts-tooltip.highcharts-color-1,
      .pecaaPurpleColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .pecaaPurpleColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .pecaaPurpleColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --pecaa-purple-theme-color );
      }

/*** VSP GROUPED CHART VSP BLUE FEATURE COLOR ***/
      /*** first year color ***/
      .vspGroupedColorTheme .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .vspGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-grouped-chart-gray );
          color: var( --vsp-grouped-chart-gray );
      }

      .vspGroupedColorTheme .highcharts-tooltip.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .vspGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-grouped-chart-gray );
      }

      /*** second year color ***/
      .vspGroupedColorTheme .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .vspGroupedColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .vspGroupedColorTheme .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme .highcharts-tooltip.highcharts-color-1,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .vspGroupedColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --vsp-light-blue );
      }

      /*** third year feature color ***/
      .vspGroupedColorTheme .highcharts-point.highcharts-color-2,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .highcharts-point,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .vspGroupedColorTheme .highcharts-tooltip .highcharts-color-2 {
          fill: var( --chart-stat-color );
          color: var( --chart-stat-color );
      }

      .vspGroupedColorTheme .highcharts-point.highcharts-color-2,
      .vspGroupedColorTheme .highcharts-tooltip.highcharts-color-2,
      .vspGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .vspGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .vspGroupedColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          stroke: var( --chart-stat-color );
      }

      /*** second year feature color when 2 full years of data are sent - 8 quarters ***/
      .vspGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-tooltip .highcharts-color-1 {
          fill: var( --chart-stat-color );
          color: var( --chart-stat-color );
      }

      .vspGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-1,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --chart-stat-color );
      }

      /*** first year color ***/
      .vspGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .vspGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .vspGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-light-blue );
      }

/*** PREMIER GROUPED CHART PREMIER ORANGE FEATURE COLOR ***/
      /*** first year color ***/
      .premierGroupedColorTheme .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-grouped-chart-gray );
          color: var( --vsp-grouped-chart-gray );
      }

      .premierGroupedColorTheme .highcharts-tooltip.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-grouped-chart-gray );
      }

      /*** second year color ***/
      .premierGroupedColorTheme .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .premierGroupedColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .premierGroupedColorTheme .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme .highcharts-tooltip.highcharts-color-1,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .premierGroupedColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --vsp-light-blue );
      }

      /*** third year feature color ***/
      .premierGroupedColorTheme .highcharts-point.highcharts-color-2,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .highcharts-point,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .premierGroupedColorTheme .highcharts-tooltip .highcharts-color-2 {
          fill: var( --premier-color );
          color: var( --premier-color );
      }

      .premierGroupedColorTheme .highcharts-point.highcharts-color-2,
      .premierGroupedColorTheme .highcharts-tooltip.highcharts-color-2,
      .premierGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .premierGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .premierGroupedColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          stroke: var( --premier-color );
      }

      /*** second year feature color when 2 full years of data are sent - 8 quarters ***/
      .premierGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-tooltip .highcharts-color-1 {
          fill: var( --premier-color );
          color: var( --premier-color );
      }

      .premierGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-1,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --premier-color );
      }

      /*** first year color when Q4 is the last completed quarter ***/
      .premierGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .premierGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .premierGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-light-blue );
      }

/*** UNITY GROUPED CHART FEATURE COLOR ***/
      /*** first year color ***/
      .unityGroupedColorTheme .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-grouped-chart-gray );
          color: var( --vsp-grouped-chart-gray );
      }

      .unityGroupedColorTheme .highcharts-tooltip.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-pie-series.highcharts-color-0,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityGroupedColorTheme .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-grouped-chart-gray );
      }

      /*** second year color ***/
      .unityGroupedColorTheme .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .unityGroupedColorTheme .highcharts-tooltip .highcharts-color-1 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .unityGroupedColorTheme .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme .highcharts-tooltip.highcharts-color-1,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .unityGroupedColorTheme .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --vsp-light-blue );
      }

      /*** third year feature color ***/
      .unityGroupedColorTheme .highcharts-point.highcharts-color-2,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .highcharts-point,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .unityGroupedColorTheme .highcharts-tooltip .highcharts-color-2 {
          fill: var( --unity-theme-color );
          color: var( --unity-theme-color );
      }

      .unityGroupedColorTheme .highcharts-point.highcharts-color-2,
      .unityGroupedColorTheme .highcharts-tooltip.highcharts-color-2,
      .unityGroupedColorTheme .highcharts-pie-series .highcharts-point.highcharts-color-2,
      .unityGroupedColorTheme .highcharts-legend-item.highcharts-color-2 .legend-symbol,
      .unityGroupedColorTheme .highcharts-data-label-connector.highcharts-color-2 {
          stroke: var( --unity-theme-color );
      }

      /*** second year feature color when 2 full years of data are sent - 8 quarters ***/
      .unityGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .highcharts-point,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-tooltip .highcharts-color-1 {
          fill: var( --unity-theme-color );
          color: var( --unity-theme-color );
      }

      .unityGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-1,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-1,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-1 .legend-symbol,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-1 {
          stroke: var( --unity-theme-color );
      }

      /*** first year color when Q4 is the last completed quarter ***/
      .unityGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .highcharts-point,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          fill: var( --vsp-light-blue );
          color: var( --vsp-light-blue );
      }

      .unityGroupedColorTheme.completeEightQuarters .highcharts-tooltip.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series .highcharts-point.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-pie-series.highcharts-color-0,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-legend-item.highcharts-color-0 .legend-symbol,
      .unityGroupedColorTheme.completeEightQuarters .highcharts-data-label-connector.highcharts-color-0 {
          stroke: var( --vsp-light-blue );
      }

.highcharts-color-5 {
  fill: #f15c80;
  stroke: #f15c80;
}

.highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354;
}

.highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f;
}

.highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b;
}