/**
 * WCCEAL theme for Highcharts Styled Mode 
 * 
 * Highcharts default colors 
 * v2: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']
 * v3: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce', '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']
 * v6: ["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]
 * 
 * Standard Mode Styling Not Yet Figured Out
 * - gradients 
 * - border radius (in js) 
 * 
 * 2025-07-18: Switched to v2 
 *             Added styling for a third metric in trend graphs 
 */

/* Overall Chart */
.highcharts-background { fill: #f9f9f9; stroke: #999999; stroke-width: 2px; }
.highcharts-plot-background { fill: #ffffff; fill-opacity: .9; stroke: #999999; stroke-width: 1px; }

/* Titles */
.highcharts-title { fill: #000000; color: #000000; font-weight: bold; font-size: 16px; font-family: 'Trebuchet MS', Verdana, sans-serif; }
.highcharts-subtitle { fill: #666666; color: #666666; font-weight: normal; font-size: 12px; font-family: 'Trebuchet MS', Verdana, sans-serif; text-align: center; }
.highcharts-subtitle .question-number { font-size: 9px; font-style: italic; }
.highcharts-subtitle .quarter { font-size: 13px; font-weight: normal; fill: #000000; color: #000000; text-align: center; padding-top: 4px; }

/* Axis Labels */
.highcharts-axis-title { fill: #333333; font-weight: bold; font-size: 12px; font-family: 'Trebuchet MS', Verdana, sans-serif; }
.highcharts-axis-labels { fill: #000000; font-size: 11px; font-family: 'Trebuchet MS', Verdana, sans-serif; }
.highcharts-axis-line { stroke: #ccd6eb; stroke-width: 1px; }
.highcharts-tick { stroke: #ccd6eb; stroke-width: 1px; }

/* Data Labels */
.highcharts-data-label {  }
.highcharts-data-label-box {  }
.nopehighcharts-data-label text { fill: #9999bb; }

/* Series Colors */
.highcharts-color-0 { fill: #2f7ed8; stroke: #2f7ed8; color: #2f7ed8; }
.highcharts-color-1 { fill: #0d233a; stroke: #0d233a; color: #0d233a; }
.highcharts-color-2 { fill: #8bbc21; stroke: #8bbc21; color: #8bbc21; }
.highcharts-color-3 { fill: #910000; stroke: #910000; color: #910000; }
.highcharts-color-4 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-color-5 { fill: #492970; stroke: #492970; color: #492970; }
.highcharts-color-6 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-color-7 { fill: #77a1e5; stroke: #77a1e5; color: #77a1e5; }
.highcharts-color-8 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-color-9 { fill: #a6c96a; stroke: #a6c96a; color: #a6c96a; }
.highcharts-color-10 { fill: #948B3D; stroke: #948B3D; color: #948B3D; }
.highcharts-color-11 { fill: #6B4C9A; stroke: #6B4C9A; color: #6B4C9A; }

.highcharts-color-12 { fill: #2f7ed8; stroke: #2f7ed8; color: #2f7ed8; }
.highcharts-color-13 { fill: #0d233a; stroke: #0d233a; color: #0d233a; }
.highcharts-color-14 { fill: #8bbc21; stroke: #8bbc21; color: #8bbc21; }
.highcharts-color-15 { fill: #910000; stroke: #910000; color: #910000; }
.highcharts-color-16 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-color-17 { fill: #492970; stroke: #492970; color: #492970; }
.highcharts-color-18 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-color-19 { fill: #77a1e5; stroke: #77a1e5; color: #77a1e5; }
.highcharts-color-20 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-color-21 { fill: #a6c96a; stroke: #a6c96a; color: #a6c96a; }
.highcharts-color-22 { fill: #948B3D; stroke: #948B3D; color: #948B3D; }
.highcharts-color-23 { fill: #6B4C9A; stroke: #6B4C9A; color: #6B4C9A; }

.highcharts-color-24 { fill: #2f7ed8; stroke: #2f7ed8; color: #2f7ed8; }
.highcharts-color-25 { fill: #0d233a; stroke: #0d233a; color: #0d233a; }
.highcharts-color-26 { fill: #8bbc21; stroke: #8bbc21; color: #8bbc21; }
.highcharts-color-27 { fill: #910000; stroke: #910000; color: #910000; }
.highcharts-color-28 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-color-29 { fill: #492970; stroke: #492970; color: #492970; }
.highcharts-color-30 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-color-31 { fill: #77a1e5; stroke: #77a1e5; color: #77a1e5; }
.highcharts-color-32 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-color-33 { fill: #a6c96a; stroke: #a6c96a; color: #a6c96a; }
.highcharts-color-34 { fill: #948B3D; stroke: #948B3D; color: #948B3D; }
.highcharts-color-35 { fill: #6B4C9A; stroke: #6B4C9A; color: #6B4C9A; }

.highcharts-data-label-color-0 text { fill: #2f7ed8; }
.highcharts-data-label-color-1 text { fill: #0d233a; }
.highcharts-data-label-color-2 text { fill: #8bbc21; }
.highcharts-data-label-color-3 text { fill: #910000; }
.highcharts-data-label-color-4 text { fill: #1aadce; }
.highcharts-data-label-color-5 text { fill: #492970; }
.highcharts-data-label-color-6 text { fill: #f28f43; }
.highcharts-data-label-color-7 text { fill: #77a1e5; }
.highcharts-data-label-color-8 text { fill: #c42525; }
.highcharts-data-label-color-9 text { fill: #a6c96a; }
.highcharts-data-label-color-10 text { fill: #948B3D; }
.highcharts-data-label-color-11 text { fill: #6B4C9A; }

.highcharts-data-label-color-12 text { fill: #2f7ed8; }
.highcharts-data-label-color-13 text { fill: #0d233a; }
.highcharts-data-label-color-14 text { fill: #8bbc21; }
.highcharts-data-label-color-15 text { fill: #910000; }
.highcharts-data-label-color-16 text { fill: #1aadce; }
.highcharts-data-label-color-17 text { fill: #492970; }
.highcharts-data-label-color-18 text { fill: #f28f43; }
.highcharts-data-label-color-19 text { fill: #77a1e5; }
.highcharts-data-label-color-20 text { fill: #c42525; }
.highcharts-data-label-color-21 text { fill: #a6c96a; }
.highcharts-data-label-color-22 text { fill: #948B3D; }
.highcharts-data-label-color-23 text { fill: #6B4C9A; }

.highcharts-data-label-color-24 text { fill: #2f7ed8; }
.highcharts-data-label-color-25 text { fill: #0d233a; }
.highcharts-data-label-color-26 text { fill: #8bbc21; }
.highcharts-data-label-color-27 text { fill: #910000; }
.highcharts-data-label-color-28 text { fill: #1aadce; }
.highcharts-data-label-color-29 text { fill: #492970; }
.highcharts-data-label-color-30 text { fill: #f28f43; }
.highcharts-data-label-color-31 text { fill: #77a1e5; }
.highcharts-data-label-color-32 text { fill: #c42525; }
.highcharts-data-label-color-33 text { fill: #a6c96a; }
.highcharts-data-label-color-34 text { fill: #948B3D; }
.highcharts-data-label-color-35 text { fill: #6B4C9A; }

/* Tooltips */
.highcharts-tooltip-box { stroke: #333333; stroke-width: 1px; fill-opacity: 1; }
.highcharts-tooltip text { fill: #333333; }

.tooltip-shared-header { color: #666666; font-size: 12px; font-weight: bold; }
.tooltip-shared-table { width: 100%; font-weight: normal; }
.tooltip-shared-table td { padding: 0px; }
.tooltip-shared-table td+td { padding-left: .5em; text-align: right; }

/* Legend */
.highcharts-legend-box { stroke: #999999; stroke-width: 1px; }
.highcharts-legend-item text { fill: #000000; font-weight: normal; font-size: 12px; font-family: 'Trebuchet MS', Verdana, sans-serif; }
.highcharts-legend-item:hover text { fill: #000000; }
.highcharts-legend-item-hidden * { fill: #cccccc !important; }
.highcharts-legend-item-hidden:hover * { fill: #000000 !important; }

/* Credits */
.highcharts-credits { font-style: italic; font-weight: bold; font-size: 11px; line-height: 16px; }

/* Navigator */
.highcharts-navigator-mask-outside { fill: #ffffff; fill-opacity: .7; }
.highcharts-navigator-mask-inside { fill: #f9f9f9; fill-opacity: 0; }
.highcharts-navigator-outline {  }
.highcharts-navigator-handle {  }
.highcharts-navigator-handle-left {  }
.highcharts-navigator-handle-right {  }

.highcharts-navigator-series { stroke: #2f7ed8; }
.highcharts-navigator-xaxis text { fill: #000000; }

/* Range Selector */
.highcharts-range-selector-group {  }
.highcharts-range-selector-buttons text { fill: #666666; }
.highcharts-range-selector-buttons .highcharts-button {  }
.highcharts-range-selector-buttons .highcharts-button-normal .highcharts-button-box { fill: #ffffff; stroke: #cccccc; stroke-width: 1px; }
.highcharts-range-selector-buttons .highcharts-button-pressed .highcharts-button-box { fill: #7c8994; stroke: #cccccc; stroke-width: 1px; }
.highcharts-range-selector-buttons .highcharts-button-pressed text { fill: #ffffff; font-weight: normal; }
.highcharts-range-selector-buttons .highcharts-button:hover .highcharts-button-box { fill: #aab1b8; stroke: #cccccc; stroke-width: 1px; }
.highcharts-input-group {  }
.highcharts-input-group .highcharts-range-label {  }
.highcharts-range-input {  }

/*********************************************************** 
 * Box Plot Graphs 
 * Series Colors 70-79 
 * 
 * 70: distribution 
 * 71: box plot labels 
 * 72: outliers 
 * 73: ALC response 
 * 74: suppressed 
 ***********************************************************/
.highcharts-color-70 { fill: #e16e16; stroke: #e16e16; color: #e16e16; }
.highcharts-data-label-color-70 text { fill: #e16e16; }

.highcharts-color-71 { fill: #e16e16; stroke: #e16e16; color: #e16e16; }
.highcharts-data-label-color-71 text { fill: #e16e16; }

.highcharts-color-72 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-data-label-color-72 text { fill: #c42525; }

.highcharts-color-73 { fill: #0a04a4; stroke: #0a04a4; color: #0a04a4; }
.highcharts-data-label-color-73 text { fill: #0a04a4; }
.report-box-plot .graph-container .highcharts-color-73 .highcharts-point { fill-opacity: .7; }

.highcharts-color-74 { fill: #000000; stroke: #000000; color: #000000; }
.highcharts-data-label-color-74 text { fill: #000000; }

.highcharts-boxplot-series .highcharts-point { stroke-width: 1px; }
.highcharts-boxplot-box { }
.highcharts-boxplot-median { stroke-width: 2px; }
.highcharts-boxplot-stem { stroke-dasharray: 1, 2; stroke-width: 1px; }
.highcharts-boxplot-whisker { stroke-width: 1px; }

.report-box-plot .graph-container .highcharts-credits { fill: #0a04a4; }
.report-box-plot .graph-container .highcharts-credits:hover { fill: #0a04a4; cursor: default; }
.report-box-plot .graph-container .highcharts-data-label text { font-size: .7em; font-weight: normal; }
.report-box-plot .graph-container .highcharts-point { fill-opacity: .3; }

.report-box-plot .graph-container .box-plot-suppressed .highcharts-data-label { margin-left: .5em; font-size: 1.2em; font-weight: bold; fill: #000000; stroke: #000000; color: #000000; }
.report-box-plot .graph-container .box-plot-suppressed .highcharts-data-label text { font-size: 1.2em; font-weight: bold; fill: #000000; }

/*********************************************************** 
 * Bar Chart Graphs 
 * Series Colors 80-89 
 * 
 * 80-86: organization/non-organization 
 * 89: WCCEAL 
 ***********************************************************/
#pattern-cg-80 line { stroke: #2f7ed8; stroke-width: 3; }
.highcharts-color-80 { fill: #2f7ed8; stroke: #2f7ed8; color: #2f7ed8; }
.highcharts-color-80 { fill: url(#pattern-cg-80); }
.highcharts-data-label-color-80 text { fill: #2f7ed8; }

#pattern-cg-81 rect { fill: #ffffff; }
#pattern-cg-81 path { stroke: #8bbc21; stroke-width: 1px; }
.highcharts-color-81 { fill: #8bbc21; stroke: #8bbc21; color: #8bbc21; }
.highcharts-color-81 { fill: url(#pattern-cg-81); }
.highcharts-data-label-color-81 text { fill: #8bbc21; }

#pattern-cg-82 rect { fill: #ffffff; }
#pattern-cg-82 circle { fill: #910000; stroke-width: 0; }
.highcharts-color-82 { fill: #910000; stroke: #910000; color: #910000; }
.highcharts-color-82 { fill: url(#pattern-cg-82); }
.highcharts-data-label-color-82 text { fill: #910000; }

#pattern-cg-83 rect { fill: #ffffff; }
#pattern-cg-83 path { stroke: #f28f43; stroke-width: 1px; }
.highcharts-color-83 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-color-83 { fill: url(#pattern-cg-83); }
.highcharts-data-label-color-83 text { fill: #f28f43; }

#pattern-cg-84 rect { fill: #ffffff; }
#pattern-cg-84 path { stroke: #492970; stroke-width: 1px; }
.highcharts-color-84 { fill: #492970; stroke: #492970; color: #492970; }
.highcharts-color-84 { fill: url(#pattern-cg-84); }
.highcharts-data-label-color-84 text { fill: #492970; }

#pattern-cg-85 rect { fill: #ffffff; }
#pattern-cg-85 path { stroke: #1aadce; stroke-width: 1px; }
.highcharts-color-85 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-color-85 { fill: url(#pattern-cg-85); }
.highcharts-data-label-color-85 text { fill: #1aadce; }

#pattern-cg-86 rect { fill: #ffffff; }
#pattern-cg-86 path { stroke: #c42525; stroke-width: 1px; }
.highcharts-color-86 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-color-86 { fill: url(#pattern-cg-86); }
.highcharts-data-label-color-86 text { fill: #c42525; }

#pattern-cg-89 line { stroke: #0d233a; stroke-width: 3; }
.highcharts-color-89 { fill: #0d233a; stroke: #0d233a; color: #0d233a; }
.highcharts-color-89 { fill: url(#pattern-cg-89); }
.highcharts-data-label-color-89 text { fill: #0d233a; }

.report-bar .graph-container .highcharts-axis-labels text .alc-selected { fill: #0a04a4; font-weight: bold; }
.report-bar .graph-container .highcharts-credits { fill: #0a04a4; }
.report-bar .graph-container .highcharts-credits:hover { fill: #0a04a4; cursor: default; }
.report-bar .graph-container .highcharts-data-label text { font-size: .9em; font-weight: normal; }

/*********************************************************** 
 * Mixed Bar/Line Graphs (Trends) 
 * Series Colors 90-109 
 * 
 * 90-96: organization/non-organization 
 * 97: ALC metric 1
 * 98: ALC metric 2
 * 99: WCCEAL 
 * 100: ALC metric 3 
 ***********************************************************/
.highcharts-color-90 { fill: #2f7ed8; stroke: #2f7ed8; color: #2f7ed8; }
.highcharts-data-label-color-90 text { fill: #2f7ed8; }

.highcharts-color-91 { fill: #8bbc21; stroke: #8bbc21; color: #8bbc21; }
.highcharts-data-label-color-91 text { fill: #8bbc21; }

.highcharts-color-92 { fill: #910000; stroke: #910000; color: #910000; }
.highcharts-data-label-color-92 text { fill: #910000; }

.highcharts-color-93 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-data-label-color-93 text { fill: #f28f43; }

.highcharts-color-94 { fill: #492970; stroke: #492970; color: #492970; }
.highcharts-data-label-color-94 text { fill: #492970; }

.highcharts-color-95 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-data-label-color-95 text { fill: #1aadce; }

.highcharts-color-96 { fill: #4b754c; stroke: #4b754c; color: #4b754c; }
.highcharts-data-label-color-96 text { fill: #4b754c; }

#pattern-cg-97 line { stroke: #1aadce; stroke-width: 3; }
.highcharts-color-97 { fill: #1aadce; stroke: #1aadce; color: #1aadce; }
.highcharts-color-97 { fill: url(#pattern-cg-97); }
.highcharts-data-label-color-97 text { fill: #1aadce; }
.highcharts-color-97 rect.highcharts-point { stroke: #1aadce; }

#pattern-cg-98 rect { fill: #ffffff; }
#pattern-cg-98 path { stroke: #c42525; stroke-width: 1px; }
.highcharts-color-98 { fill: #c42525; stroke: #c42525; color: #c42525; }
.highcharts-color-98 { fill: url(#pattern-cg-98); }
.highcharts-data-label-color-98 text { fill: #c42525; }
.highcharts-color-98 rect.highcharts-point { stroke: #c42525; }

.highcharts-color-99 { fill: #0d233a; stroke: #0d233a; color: #0d233a; }
.highcharts-data-label-color-99 text { fill: #0d233a; }

#pattern-cg-100 rect { fill: #ffffff; }
#pattern-cg-100 path { stroke: #f28f43; stroke-width: 1px; }
.highcharts-color-100 { fill: #f28f43; stroke: #f28f43; color: #f28f43; }
.highcharts-color-100 { fill: url(#pattern-cg-100); }
.highcharts-data-label-color-100 text { fill: #f28f43; }
.highcharts-color-100 rect.highcharts-point { stroke: #f28f43; }

.report-column .graph-container .highcharts-data-label text { font-size: .9em; font-weight: normal; }

.report-graph .graph-container .no-data-label text { fill: #0a04a4; }
.report-graph .graph-container .not-collected-label text { font-weight: bold; }

.report-graph .graph-container .first-metric { stroke-dasharray: 10, 12; }
.report-graph .graph-container .second-metric { stroke-dasharray: 1, 3; }