﻿/* Copyright 2021 Epic Systems Corporation */
.graphContent .VictoryContainer > svg:first-child {
  pointer-events: none !important;
}

.graphContent .xAxis,
.graphContent .yAxis,
.graphContent .xAxisTick {
  stroke-width: 1;
  stroke: #5f7c8a;
  fill: transparent;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.graphContent .verticalGridLines,
.graphContent .horizontalGridLines {
  stroke: #e6e7e8;
  stroke-width: 1;
}

.graphContent .verticalGridLines.hideGridLines,
.graphContent .horizontalGridLines.hideGridLines {
  display: none;
}

.graphContent .xAxisLabel tspan,
.graphContent .yAxisLabel tspan,
.graphContent .xAxisTitle tspan,
.graphContent .yAxisTitle tspan {
  font-size: 10.4pt !important;
}

.graphContent .line {
  stroke-width: 4;
  fill: none;
  opacity: 1;
}

.graphContent .line.series1 {
  stroke: #0085f2;
}

.graphContent .line.series2 {
  stroke: #dd299d;
}

.graphContent .line.series3 {
  stroke: #57A700;
}

.graphContent .line.series4 {
  stroke: #b429cc;
}

.graphContent .line.series5 {
  stroke: #00A1B9;
}

.graphContent .line.series6 {
  stroke: #DB7C00;
}

.graphContent .line.series7 {
  stroke: #6a4ce0;
}

.graphContent .line.series8 {
  stroke: #16A780;
}

.graphContent .line.series9 {
  stroke: #FF5C5C;
}

.graphContent .line.series10 {
  stroke: #119AE8;
}

.graphContent .line.series11 {
  stroke: #d94e6f;
}

.graphContent .line.series12 {
  stroke: #0085f2;
}

.graphContent .line.series13 {
  stroke: #dd299d;
}

.graphContent .line.series14 {
  stroke: #57A700;
}

.graphContent .line.series15 {
  stroke: #b429cc;
}

.graphContent .line.series16 {
  stroke: #00A1B9;
}

.graphContent .line.series17 {
  stroke: #DB7C00;
}

.graphContent .line.series18 {
  stroke: #6a4ce0;
}

.graphContent .line.series19 {
  stroke: #16A780;
}

.graphContent .line.series20 {
  stroke: #FF5C5C;
}

.graphContent .line.series21 {
  stroke: #119AE8;
}

.graphContent .line.series22 {
  stroke: #d94e6f;
}

.graphContent .area {
  stroke-opacity: 0.2;
  fill-opacity: 0.1;
}

.graphContent .area.bounded.series1 {
  fill: #0085f2;
  stroke: #0085f2;
}

.graphContent .area.bounded.series2 {
  fill: #dd299d;
  stroke: #dd299d;
}

.graphContent .area.bounded.series3 {
  fill: #57A700;
  stroke: #57A700;
}

.graphContent .area.bounded.series4 {
  fill: #b429cc;
  stroke: #b429cc;
}

.graphContent .area.bounded.series5 {
  fill: #00A1B9;
  stroke: #00A1B9;
}

.graphContent .area.bounded.series6 {
  fill: #DB7C00;
  stroke: #DB7C00;
}

.graphContent .area.bounded.series7 {
  fill: #6a4ce0;
  stroke: #6a4ce0;
}

.graphContent .area.bounded.series8 {
  fill: #16A780;
  stroke: #16A780;
}

.graphContent .area.bounded.series9 {
  fill: #FF5C5C;
  stroke: #FF5C5C;
}

.graphContent .area.bounded.series10 {
  fill: #119AE8;
  stroke: #119AE8;
}

.graphContent .area.bounded.series11 {
  fill: #d94e6f;
  stroke: #d94e6f;
}

.graphContent .area.bounded.series12 {
  fill: #0085f2;
  stroke: #0085f2;
}

.graphContent .area.bounded.series13 {
  fill: #dd299d;
  stroke: #dd299d;
}

.graphContent .area.bounded.series14 {
  fill: #57A700;
  stroke: #57A700;
}

.graphContent .area.bounded.series15 {
  fill: #b429cc;
  stroke: #b429cc;
}

.graphContent .area.bounded.series16 {
  fill: #00A1B9;
  stroke: #00A1B9;
}

.graphContent .area.bounded.series17 {
  fill: #DB7C00;
  stroke: #DB7C00;
}

.graphContent .area.bounded.series18 {
  fill: #6a4ce0;
  stroke: #6a4ce0;
}

.graphContent .area.bounded.series19 {
  fill: #16A780;
  stroke: #16A780;
}

.graphContent .area.bounded.series20 {
  fill: #FF5C5C;
  stroke: #FF5C5C;
}

.graphContent .area.bounded.series21 {
  fill: #119AE8;
  stroke: #119AE8;
}

.graphContent .area.bounded.series22 {
  fill: #d94e6f;
  stroke: #d94e6f;
}

.graphContent .area.boundedUpper.series1 {
  fill: url("#gradientupper1");
  stroke: url("#gradientupper1");
}

.graphContent .area.boundedUpper.series2 {
  fill: url("#gradientupper2");
  stroke: url("#gradientupper2");
}

.graphContent .area.boundedUpper.series3 {
  fill: url("#gradientupper3");
  stroke: url("#gradientupper3");
}

.graphContent .area.boundedUpper.series4 {
  fill: url("#gradientupper4");
  stroke: url("#gradientupper4");
}

.graphContent .area.boundedUpper.series5 {
  fill: url("#gradientupper5");
  stroke: url("#gradientupper5");
}

.graphContent .area.boundedUpper.series6 {
  fill: url("#gradientupper6");
  stroke: url("#gradientupper6");
}

.graphContent .area.boundedUpper.series7 {
  fill: url("#gradientupper7");
  stroke: url("#gradientupper7");
}

.graphContent .area.boundedUpper.series8 {
  fill: url("#gradientupper8");
  stroke: url("#gradientupper8");
}

.graphContent .area.boundedUpper.series9 {
  fill: url("#gradientupper9");
  stroke: url("#gradientupper9");
}

.graphContent .area.boundedUpper.series10 {
  fill: url("#gradientupper10");
  stroke: url("#gradientupper10");
}

.graphContent .area.boundedUpper.series11 {
  fill: url("#gradientupper11");
  stroke: url("#gradientupper11");
}

.graphContent .area.boundedLower.series1 {
  fill: url("#gradientlower1");
  stroke: url("#gradientlower1");
}

.graphContent .area.boundedLower.series2 {
  fill: url("#gradientlower2");
  stroke: url("#gradientlower2");
}

.graphContent .area.boundedLower.series3 {
  fill: url("#gradientlower3");
  stroke: url("#gradientlower3");
}

.graphContent .area.boundedLower.series4 {
  fill: url("#gradientlower4");
  stroke: url("#gradientlower4");
}

.graphContent .area.boundedLower.series5 {
  fill: url("#gradientlower5");
  stroke: url("#gradientlower5");
}

.graphContent .area.boundedLower.series6 {
  fill: url("#gradientlower6");
  stroke: url("#gradientlower6");
}

.graphContent .area.boundedLower.series7 {
  fill: url("#gradientlower7");
  stroke: url("#gradientlower7");
}

.graphContent .area.boundedLower.series8 {
  fill: url("#gradientlower8");
  stroke: url("#gradientlower8");
}

.graphContent .area.boundedLower.series9 {
  fill: url("#gradientlower9");
  stroke: url("#gradientlower9");
}

.graphContent .area.boundedLower.series10 {
  fill: url("#gradientlower10");
  stroke: url("#gradientlower10");
}

.graphContent .area.boundedLower.series11 {
  fill: url("#gradientlower11");
  stroke: url("#gradientlower11");
}

.graphContent ._AreaGradients {
  width: 0;
  height: 0;
  visibility: hidden;
}

.graphContent ._AreaGradients #gradientlower1 .stop1,
.graphContent ._AreaGradients #gradientlower1 .stop2,
.graphContent ._AreaGradients #gradientlower1 .stop3 {
  stop-color: #0085f2;
}

.graphContent ._AreaGradients #gradientlower2 .stop1,
.graphContent ._AreaGradients #gradientlower2 .stop2,
.graphContent ._AreaGradients #gradientlower2 .stop3 {
  stop-color: #dd299d;
}

.graphContent ._AreaGradients #gradientlower3 .stop1,
.graphContent ._AreaGradients #gradientlower3 .stop2,
.graphContent ._AreaGradients #gradientlower3 .stop3 {
  stop-color: #57A700;
}

.graphContent ._AreaGradients #gradientlower4 .stop1,
.graphContent ._AreaGradients #gradientlower4 .stop2,
.graphContent ._AreaGradients #gradientlower4 .stop3 {
  stop-color: #b429cc;
}

.graphContent ._AreaGradients #gradientlower5 .stop1,
.graphContent ._AreaGradients #gradientlower5 .stop2,
.graphContent ._AreaGradients #gradientlower5 .stop3 {
  stop-color: #00A1B9;
}

.graphContent ._AreaGradients #gradientlower6 .stop1,
.graphContent ._AreaGradients #gradientlower6 .stop2,
.graphContent ._AreaGradients #gradientlower6 .stop3 {
  stop-color: #DB7C00;
}

.graphContent ._AreaGradients #gradientlower7 .stop1,
.graphContent ._AreaGradients #gradientlower7 .stop2,
.graphContent ._AreaGradients #gradientlower7 .stop3 {
  stop-color: #6a4ce0;
}

.graphContent ._AreaGradients #gradientlower8 .stop1,
.graphContent ._AreaGradients #gradientlower8 .stop2,
.graphContent ._AreaGradients #gradientlower8 .stop3 {
  stop-color: #16A780;
}

.graphContent ._AreaGradients #gradientlower9 .stop1,
.graphContent ._AreaGradients #gradientlower9 .stop2,
.graphContent ._AreaGradients #gradientlower9 .stop3 {
  stop-color: #FF5C5C;
}

.graphContent ._AreaGradients #gradientlower10 .stop1,
.graphContent ._AreaGradients #gradientlower10 .stop2,
.graphContent ._AreaGradients #gradientlower10 .stop3 {
  stop-color: #119AE8;
}

.graphContent ._AreaGradients #gradientlower11 .stop1,
.graphContent ._AreaGradients #gradientlower11 .stop2,
.graphContent ._AreaGradients #gradientlower11 .stop3 {
  stop-color: #d94e6f;
}

.graphContent ._AreaGradients #gradientlower12 .stop1,
.graphContent ._AreaGradients #gradientlower12 .stop2,
.graphContent ._AreaGradients #gradientlower12 .stop3 {
  stop-color: #0085f2;
}

.graphContent ._AreaGradients #gradientlower13 .stop1,
.graphContent ._AreaGradients #gradientlower13 .stop2,
.graphContent ._AreaGradients #gradientlower13 .stop3 {
  stop-color: #dd299d;
}

.graphContent ._AreaGradients #gradientlower14 .stop1,
.graphContent ._AreaGradients #gradientlower14 .stop2,
.graphContent ._AreaGradients #gradientlower14 .stop3 {
  stop-color: #57A700;
}

.graphContent ._AreaGradients #gradientlower15 .stop1,
.graphContent ._AreaGradients #gradientlower15 .stop2,
.graphContent ._AreaGradients #gradientlower15 .stop3 {
  stop-color: #b429cc;
}

.graphContent ._AreaGradients #gradientlower16 .stop1,
.graphContent ._AreaGradients #gradientlower16 .stop2,
.graphContent ._AreaGradients #gradientlower16 .stop3 {
  stop-color: #00A1B9;
}

.graphContent ._AreaGradients #gradientlower17 .stop1,
.graphContent ._AreaGradients #gradientlower17 .stop2,
.graphContent ._AreaGradients #gradientlower17 .stop3 {
  stop-color: #DB7C00;
}

.graphContent ._AreaGradients #gradientlower18 .stop1,
.graphContent ._AreaGradients #gradientlower18 .stop2,
.graphContent ._AreaGradients #gradientlower18 .stop3 {
  stop-color: #6a4ce0;
}

.graphContent ._AreaGradients #gradientlower19 .stop1,
.graphContent ._AreaGradients #gradientlower19 .stop2,
.graphContent ._AreaGradients #gradientlower19 .stop3 {
  stop-color: #16A780;
}

.graphContent ._AreaGradients #gradientlower20 .stop1,
.graphContent ._AreaGradients #gradientlower20 .stop2,
.graphContent ._AreaGradients #gradientlower20 .stop3 {
  stop-color: #FF5C5C;
}

.graphContent ._AreaGradients #gradientlower21 .stop1,
.graphContent ._AreaGradients #gradientlower21 .stop2,
.graphContent ._AreaGradients #gradientlower21 .stop3 {
  stop-color: #119AE8;
}

.graphContent ._AreaGradients #gradientlower22 .stop1,
.graphContent ._AreaGradients #gradientlower22 .stop2,
.graphContent ._AreaGradients #gradientlower22 .stop3 {
  stop-color: #d94e6f;
}

.graphContent ._AreaGradients #gradientupper1 .stop1,
.graphContent ._AreaGradients #gradientupper1 .stop2,
.graphContent ._AreaGradients #gradientupper1 .stop3 {
  stop-color: #0085f2;
}

.graphContent ._AreaGradients #gradientupper2 .stop1,
.graphContent ._AreaGradients #gradientupper2 .stop2,
.graphContent ._AreaGradients #gradientupper2 .stop3 {
  stop-color: #dd299d;
}

.graphContent ._AreaGradients #gradientupper3 .stop1,
.graphContent ._AreaGradients #gradientupper3 .stop2,
.graphContent ._AreaGradients #gradientupper3 .stop3 {
  stop-color: #57A700;
}

.graphContent ._AreaGradients #gradientupper4 .stop1,
.graphContent ._AreaGradients #gradientupper4 .stop2,
.graphContent ._AreaGradients #gradientupper4 .stop3 {
  stop-color: #b429cc;
}

.graphContent ._AreaGradients #gradientupper5 .stop1,
.graphContent ._AreaGradients #gradientupper5 .stop2,
.graphContent ._AreaGradients #gradientupper5 .stop3 {
  stop-color: #00A1B9;
}

.graphContent ._AreaGradients #gradientupper6 .stop1,
.graphContent ._AreaGradients #gradientupper6 .stop2,
.graphContent ._AreaGradients #gradientupper6 .stop3 {
  stop-color: #DB7C00;
}

.graphContent ._AreaGradients #gradientupper7 .stop1,
.graphContent ._AreaGradients #gradientupper7 .stop2,
.graphContent ._AreaGradients #gradientupper7 .stop3 {
  stop-color: #6a4ce0;
}

.graphContent ._AreaGradients #gradientupper8 .stop1,
.graphContent ._AreaGradients #gradientupper8 .stop2,
.graphContent ._AreaGradients #gradientupper8 .stop3 {
  stop-color: #16A780;
}

.graphContent ._AreaGradients #gradientupper9 .stop1,
.graphContent ._AreaGradients #gradientupper9 .stop2,
.graphContent ._AreaGradients #gradientupper9 .stop3 {
  stop-color: #FF5C5C;
}

.graphContent ._AreaGradients #gradientupper10 .stop1,
.graphContent ._AreaGradients #gradientupper10 .stop2,
.graphContent ._AreaGradients #gradientupper10 .stop3 {
  stop-color: #119AE8;
}

.graphContent ._AreaGradients #gradientupper11 .stop1,
.graphContent ._AreaGradients #gradientupper11 .stop2,
.graphContent ._AreaGradients #gradientupper11 .stop3 {
  stop-color: #d94e6f;
}

.graphContent ._AreaGradients #gradientupper12 .stop1,
.graphContent ._AreaGradients #gradientupper12 .stop2,
.graphContent ._AreaGradients #gradientupper12 .stop3 {
  stop-color: #0085f2;
}

.graphContent ._AreaGradients #gradientupper13 .stop1,
.graphContent ._AreaGradients #gradientupper13 .stop2,
.graphContent ._AreaGradients #gradientupper13 .stop3 {
  stop-color: #dd299d;
}

.graphContent ._AreaGradients #gradientupper14 .stop1,
.graphContent ._AreaGradients #gradientupper14 .stop2,
.graphContent ._AreaGradients #gradientupper14 .stop3 {
  stop-color: #57A700;
}

.graphContent ._AreaGradients #gradientupper15 .stop1,
.graphContent ._AreaGradients #gradientupper15 .stop2,
.graphContent ._AreaGradients #gradientupper15 .stop3 {
  stop-color: #b429cc;
}

.graphContent ._AreaGradients #gradientupper16 .stop1,
.graphContent ._AreaGradients #gradientupper16 .stop2,
.graphContent ._AreaGradients #gradientupper16 .stop3 {
  stop-color: #00A1B9;
}

.graphContent ._AreaGradients #gradientupper17 .stop1,
.graphContent ._AreaGradients #gradientupper17 .stop2,
.graphContent ._AreaGradients #gradientupper17 .stop3 {
  stop-color: #DB7C00;
}

.graphContent ._AreaGradients #gradientupper18 .stop1,
.graphContent ._AreaGradients #gradientupper18 .stop2,
.graphContent ._AreaGradients #gradientupper18 .stop3 {
  stop-color: #6a4ce0;
}

.graphContent ._AreaGradients #gradientupper19 .stop1,
.graphContent ._AreaGradients #gradientupper19 .stop2,
.graphContent ._AreaGradients #gradientupper19 .stop3 {
  stop-color: #16A780;
}

.graphContent ._AreaGradients #gradientupper20 .stop1,
.graphContent ._AreaGradients #gradientupper20 .stop2,
.graphContent ._AreaGradients #gradientupper20 .stop3 {
  stop-color: #FF5C5C;
}

.graphContent ._AreaGradients #gradientupper21 .stop1,
.graphContent ._AreaGradients #gradientupper21 .stop2,
.graphContent ._AreaGradients #gradientupper21 .stop3 {
  stop-color: #119AE8;
}

.graphContent ._AreaGradients #gradientupper22 .stop1,
.graphContent ._AreaGradients #gradientupper22 .stop2,
.graphContent ._AreaGradients #gradientupper22 .stop3 {
  stop-color: #d94e6f;
}

.graphContent ._AreaGradients .gradientBoundedUpper .stop1 {
  stop-opacity: 1;
}

.graphContent ._AreaGradients .gradientBoundedUpper .stop2 {
  stop-opacity: 0.8;
}

.graphContent ._AreaGradients .gradientBoundedUpper .stop3 {
  stop-opacity: 0;
}

.graphContent ._AreaGradients .gradientBoundedLower .stop1 {
  stop-opacity: 0;
}

.graphContent ._AreaGradients .gradientBoundedLower .stop2 {
  stop-opacity: 0.8;
}

.graphContent ._AreaGradients .gradientBoundedLower .stop3 {
  stop-opacity: 1;
}

.graphContent .tooltipPointer {
  stroke: #767676;
  stroke-width: 2;
}

.graphContent .graphTooltipWrapper {
  display: flex;
  justify-content: center;
  box-sizing: content-box;
  width: max-content;
  max-width: 100%;
  direction: ltr;
}

.graphContent .graphTooltipWrapper.right {
  justify-content: flex-start;
}

.graphContent .graphTooltipWrapper.center {
  justify-content: center;
}

.graphContent .graphTooltipWrapper.top {
  align-items: flex-end;
}

.graphContent .graphTooltipWrapper.bottom {
  align-items: flex-start;
}

.graphContent .graphTooltipWrapper ._GraphTooltip {
  display: flex;
  border-radius: 0.3rem;
  padding: 0.5rem;
  line-height: 0.9rem;
  margin: 4px;
  box-shadow: 0px 0px 3px #767676;
  text-align: left;
  overflow: visible;
  background: #ffffff;
  width: 98%;
}

.graphContent .graphTooltipWrapper ._GraphTooltip .dataContainer {
  display: flex;
  flex-direction: column-reverse;
  box-sizing: content-box;
  width: max-content;
}

.graphContent .graphTooltipWrapper ._GraphTooltip .dataContainer .yValueContainer {
  /*rtl:raw:
  	direction: ltr;
  */
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.graphContent .graphTooltipWrapper ._GraphTooltip .dataContainer .yValueContainer .yValue {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  /*rtl:raw:
  	margin-right: 0.3rem;
  */
}

.graphContent .graphTooltipWrapper ._GraphTooltip .dataContainer .yValueContainer .units {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}

.graphContent .graphTooltipWrapper ._GraphTooltip .dataContainer .xValue {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.graphContent .graphTooltipWrapper ._GraphTooltip .labelContainer {
  margin-left: 0.5rem;
  align-self: flex-end;
  line-height: 1.3rem;
}

.graphContent ._LandmarkTooltip {
  display: flex;
  border-radius: 0.3rem;
  padding: 0.2rem;
  line-height: 0.9rem;
  margin: 4px;
  box-shadow: 0px 0px 3px #767676;
  text-align: left;
  overflow: visible;
  background: #ffffff;
  width: max-content;
  min-width: min-content;
}

.graphContent ._LandmarkTooltip .tooltipValue {
  display: flex;
  flex-direction: column-reverse;
  box-sizing: content-box;
  margin: 0.2rem;
}

.graphContent ._LandmarkTooltip .tooltipValue .tooltipText {
  font-size: 1.1rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.graphContent ._LandmarkTooltip .tooltipValue .tooltipLabel {
  font-size: 0.8rem;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}

.graphContent ._ScorelineTooltip {
  display: flex;
  border-radius: 0.3rem;
  padding: 0.2rem;
  line-height: 0.9rem;
  margin: 4px;
  filter: drop-shadow(0px 0px 3px #767676);
  text-align: center;
  overflow: visible;
  background: #ffffff;
  width: max-content;
  min-width: min-content;
}

.graphContent ._ScorelineTooltip .tooltipText {
  margin: 0.15rem;
}

.graphContent ._AdditionalValueTooltip {
  border-radius: 0.3rem;
  padding: 0.75rem;
  line-height: 1rem;
  margin: 4px;
  box-shadow: 0px 0px 3px #767676;
  text-align: left;
  overflow: visible;
  background: #ffffff;
  max-width: fit-content;
  max-height: fit-content;
  font-size: 1rem;
}

.graphContent ._AdditionalValueTooltip .additionalValues {
  text-align: left;
  font-size: 0.9rem;
}

.graphContent ._AdditionalValueTooltip .additionalValues .tooltipDataWrapper {
  padding-right: 5px;
  margin-top: 0.5rem;
}

.graphContent ._AdditionalValueTooltip .yValueContainer {
  vertical-align: bottom;
}

.graphContent ._AdditionalValueTooltip .xValueContainer {
  vertical-align: middle;
  margin-left: 0.5rem;
}

.graphContent ._AdditionalValueTooltip .tooltipBody {
  text-align: left;
  margin-bottom: 0.6rem;
}

.graphContent ._AdditionalValueTooltip .yValue {
  font-weight: 900;
  font-size: 1.5rem;
}

.graphContent ._AdditionalValueTooltip .unit,
.graphContent ._AdditionalValueTooltip .xUnit {
  font-weight: normal;
  margin-left: 0.2rem;
  display: inline-block;
  line-height: 1;
}

.graphContent ._AdditionalValueTooltip .label {
  padding-right: 0.1rem;
}

.graphContent ._ResponsiveLegend {
  padding: 1rem 15px 1rem 35px;
  font-size: 0.8rem;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(max(150px, 18%), 1fr));
}

@media screen and (max-width: 768px) {
  .graphContent ._ResponsiveLegend {
    padding: 1rem 1px;
    column-gap: 0px;
    row-gap: 30px;
  }
}
.graphContent ._ResponsiveLegend .legendLabel {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.graphContent ._ResponsiveLegend .legendLabel > span {
  line-height: 0.75;
}

.graphContent .scatterPoint {
  fill: #ffffff;
  stroke-width: 3;
  transition: paint-order, stroke-width 0.3s;
}

.graphContent .scatterPoint.series1 {
  stroke: #0085f2;
}

.graphContent .scatterPoint.series2 {
  stroke: #dd299d;
}

.graphContent .scatterPoint.series3 {
  stroke: #57A700;
}

.graphContent .scatterPoint.series4 {
  stroke: #b429cc;
}

.graphContent .scatterPoint.series5 {
  stroke: #00A1B9;
}

.graphContent .scatterPoint.series6 {
  stroke: #DB7C00;
}

.graphContent .scatterPoint.series7 {
  stroke: #6a4ce0;
}

.graphContent .scatterPoint.series8 {
  stroke: #16A780;
}

.graphContent .scatterPoint.series9 {
  stroke: #FF5C5C;
}

.graphContent .scatterPoint.series10 {
  stroke: #119AE8;
}

.graphContent .scatterPoint.series11 {
  stroke: #d94e6f;
}

.graphContent .scatterPoint.series12 {
  stroke: #0085f2;
}

.graphContent .scatterPoint.series13 {
  stroke: #dd299d;
}

.graphContent .scatterPoint.series14 {
  stroke: #57A700;
}

.graphContent .scatterPoint.series15 {
  stroke: #b429cc;
}

.graphContent .scatterPoint.series16 {
  stroke: #00A1B9;
}

.graphContent .scatterPoint.series17 {
  stroke: #DB7C00;
}

.graphContent .scatterPoint.series18 {
  stroke: #6a4ce0;
}

.graphContent .scatterPoint.series19 {
  stroke: #16A780;
}

.graphContent .scatterPoint.series20 {
  stroke: #FF5C5C;
}

.graphContent .scatterPoint.series21 {
  stroke: #119AE8;
}

.graphContent .scatterPoint.series22 {
  stroke: #d94e6f;
}

.graphContent .scatterPoint.scatterBorder {
  stroke-width: 6;
  pointer-events: all;
}

.graphContent .scatterPoint.scatterBorder:hover {
  stroke-width: 10;
  filter: drop-shadow(0px 0px 3px #767676);
}

.graphContent .scatterPoint.scatterBorder:hover ~ .scatterPoint {
  paint-order: stroke;
  stroke-width: 6;
}

.graphContent ._NoDataIndicator svg._SvgSprite._Icon {
  width: auto;
  height: auto;
}

.graphContent ._NoDataIndicator .noDataText {
  font-size: 1.2rem;
  fill: #818181;
}

.graphContent._SliderGraph {
  padding: 0;
  margin: 0;
}

.graphContent._SliderGraph .VictoryContainer {
  z-index: 0;
  transform: translateY(4px);
  line-height: 17.33px;
  display: inline-grid;
}

.graphContent._SliderGraph .VictoryContainer > * {
  grid-column: 1;
  grid-row: 1;
  position: static !important;
}

.graphContent._SliderGraph .VictoryContainer svg {
  overflow: visible;
  height: auto !important;
}

.graphContent._SliderGraph .yAxis {
  display: none !important;
}

.graphContent._SliderGraph .yAxisLabel tspan {
  font-family: unset !important;
}

.graphContent._SliderGraph .bar1,
.graphContent._SliderGraph .bar3 {
  fill: #f3d437;
  stroke: #af9308;
}

.graphContent._SliderGraph .bar2 {
  fill: #10a341;
  stroke: #10a341;
  stroke-width: 1px;
}

.graphContent._SliderGraph .bar1,
.graphContent._SliderGraph .bar3,
.graphContent._SliderGraph .bar2 {
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.graphContent._SliderGraph .noBounds {
  fill: #0085f2;
}

.graphContent._SliderGraph .scatterPoint {
  stroke-width: 1px;
  stroke: currentColor;
  fill: currentColor;
  transform: translateY(4px);
}

.graphContent._SliderGraph .yAxisLabel {
  transform: translateY(-5px);
}

.graphContent._SliderGraph .yAxisLabel tspan {
  font-size: 14px !important;
}

.graphContent._SliderGraph ._TooltipWrapper {
  width: 100%;
  transform: translateY(-7px);
}

.graphContent._SliderGraph .center > ._SliderGraphTooltip {
  justify-content: center;
}

.graphContent._SliderGraph ._SliderGraphTooltip {
  display: inline-flex;
  font-size: 17.33px;
  width: min-content;
  align-items: flex-end;
  height: max-content;
  line-height: 21.65px;
  border-color: transparent;
}

.graphContent._SliderGraph ._SliderGraphTooltip span {
  display: inline;
  padding: 0.12rem 0.5rem;
  width: min-content;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.graphContent._SliderGraph ._SliderGraphTooltip .yValue,
.graphContent._SliderGraph ._SliderGraphTooltip .tooltipLabel {
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
}

.graphContent._SliderGraph ._SliderGraphTooltip .yValue {
  border-radius: 20px 0 0 20px;
  font-weight: bold;
  color: #ffffff;
  /*rtl:ignore*/
  direction: ltr;
}

.graphContent._SliderGraph ._SliderGraphTooltip .yValue.standalone {
  border-radius: 20px;
  min-width: 40px;
  /*rtl:ignore*/
  margin-left: 3px;
}

.graphContent._SliderGraph ._SliderGraphTooltip .tooltipLabel {
  font-size: 17.33px;
  border-radius: 0 20px 20px 0;
  height: 100%;
  margin-left: -1px;
}

.graphContent._SliderGraph ._SliderGraphTooltip.noBounds {
  border-color: #0085f2;
}

.graphContent._SliderGraph ._SliderGraphTooltip.noBounds .yValue {
  background-color: #0085f2;
}

.graphContent._SliderGraph ._SliderGraphTooltip.noBounds .tooltipLabel {
  background-color: #e7f0f7;
}

.graphContent._SliderGraph ._SliderGraphTooltip.normal {
  border-color: #10a341;
}

.graphContent._SliderGraph ._SliderGraphTooltip.normal .yValue {
  background-color: #10a341;
}

.graphContent._SliderGraph ._SliderGraphTooltip.normal .tooltipLabel {
  background-color: #eafbea;
}

.graphContent._SliderGraph ._SliderGraphTooltip.abnormal {
  border-color: #af9308;
}

.graphContent._SliderGraph ._SliderGraphTooltip.abnormal .yValue {
  background-color: #af9308;
}

.graphContent._SliderGraph ._SliderGraphTooltip.abnormal .tooltipLabel {
  background-color: #faf2ca;
}

.graphContent .landmarkIcon svg._SvgSprite._Icon._image.size-30 {
  width: inherit;
  height: inherit;
}

.graphContent .scorelineIcon svg._SvgSprite._Icon._image.size-30 {
  width: inherit;
  height: inherit;
}

.graphContent {
  /*rtl:raw:
  	direction: ltr;
  */
}
.graphContent[class] .area.series1.bounded, .graphContent[class] .area.series1.unbounded {
  fill: #eafbea;
  stroke: #10a341;
  stroke-opacity: 1;
  fill-opacity: 1;
}
.graphContent .series1.scatterPoint.abnormal, .graphContent .series2.scatterPoint.abnormal {
  stroke: #e8c309;
}
.graphContent .series1.scatterPoint.abnormal.scatterBorder, .graphContent .series2.scatterPoint.abnormal.scatterBorder {
  stroke: #af9308;
}
.graphContent .series1.scatterPoint.normal, .graphContent .series2.scatterPoint.normal {
  stroke: #10a341;
}
.graphContent .series1.scatterPoint.normal.scatterBorder, .graphContent .series2.scatterPoint.normal.scatterBorder {
  stroke: #10a341;
}
.graphContent .xAxisLabel tspan {
  fill: #363636 !important;
}
.graphContent .yAxisLabel tspan {
  fill: #363636 !important;
}
.graphContent .legendLabel tspan {
  font-size: 12px !important;
  fill: #363636 !important;
}
.graphContent ._AreaGradients #gradientlower1 .stop1,
.graphContent ._AreaGradients #gradientlower1 .stop2,
.graphContent ._AreaGradients #gradientlower1 .stop3 {
  stop-color: #eafbea;
  stroke: #10a341;
}
.graphContent ._AreaGradients #gradientupper1 .stop1,
.graphContent ._AreaGradients #gradientupper1 .stop2,
.graphContent ._AreaGradients #gradientupper1 .stop3 {
  stop-color: #eafbea;
  stroke: #10a341;
}
.graphContent .area {
  fill-opacity: 1;
}

._GraphTitle {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
._GraphTitle .graphHeading {
  color: #363636;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 0.5rem;
  word-break: break-word;
  line-height: 1.4rem;
}
._GraphTitle .descriptor {
  color: #767676;
  font-size: 1rem;
  word-break: break-word;
  line-height: 1rem;
  margin-bottom: 0.2rem;
}

._GraphFilter ._FilterPicker {
  display: flex;
  min-width: 67%;
  width: min-content;
  margin: auto;
  border-radius: 20px;
  white-space: nowrap;
  border: 1px solid #cccccc;
}
._GraphFilter ._FilterPicker.collapsedControls {
  border: none;
}
@media all and (max-width: 768px) {
  ._GraphFilter ._FilterPicker {
    width: 100%;
    white-space: normal;
  }
}
._GraphFilter ._FilterPicker ._FilterButton {
  width: 100%;
  color: #0B1B42;
}
._GraphFilter ._FilterPicker ._FilterButton.active {
  background: #0B1B42;
  color: #ffffff;
  border-color: #0B1B42;
  border-radius: 20px;
  color: #ffffff;
  font-weight: bold;
}
._GraphFilter ._FilterPicker .filterName {
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
._GraphFilter ._FilterPicker .filterName[class] {
  margin: auto;
  padding: 0.3rem;
}
._GraphFilter ._FilterPicker .filterName:focus, ._GraphFilter ._FilterPicker .filterName:hover {
  text-decoration: underline;
}
._GraphFilter ._CustomDateEntry {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._GraphFilter ._CustomDateEntry .inputContainer {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  gap: 0.25rem 0.5rem;
}
._GraphFilter ._CustomDateEntry .validatedDateEntryContainer {
  flex-grow: 1;
  width: calc(8.25rem + 32px);
}
.mobile ._GraphFilter ._CustomDateEntry .validatedDateEntryContainer {
  width: calc(9.75rem + 32px);
}
._GraphFilter ._CustomDateEntry ._ValidatedDateEntry {
  justify-content: center;
  margin-bottom: 0;
}
._GraphFilter ._CustomDateEntry .validationmessage[class] {
  margin: 0;
}
@media only screen and (max-width: 340px) {
  ._GraphFilter ._CustomDateEntry .validationmessage[class] {
    text-align: center;
  }
}
._GraphFilter ._CustomDateEntry ._submit[class] {
  align-self: center;
  margin: 0;
}
@media only screen and (max-width: 426px) {
  ._GraphFilter ._CustomDateEntry ._submit[class] {
    min-width: 50%;
    margin: 0;
  }
}
._GraphFilter ._FilterCarousel {
  display: flex;
  max-width: max-content;
  flex-direction: row;
  margin: 8px auto 10px auto;
  min-height: 1.5rem;
  color: #0B1B42;
  /*rtl:raw:direction:ltr*/
}
._GraphFilter ._FilterCarousel._DataEntrySet {
  margin: 10px auto;
}
._GraphFilter ._FilterCarousel ._FilterStatus {
  width: auto;
  display: flex;
  align-items: center;
}
._GraphFilter ._FilterCarousel .filterDate, ._GraphFilter ._FilterCarousel ._DataEntrySet-legend {
  margin: auto;
  padding: 0 1rem;
  font-weight: bold;
  word-break: break-word;
  text-align: center;
}
._GraphFilter ._FilterCarouselArrow {
  min-width: max-content;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
}
@media print {
  ._GraphFilter ._FilterCarouselArrow {
    display: none;
  }
}
._GraphFilter ._FilterCarouselArrow.active {
  background-color: #0B1B42;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
._GraphFilter ._FilterCarouselArrow.inactive {
  cursor: default;
  background-color: #dbdbdb;
}
._GraphFilter ._FilterCarouselArrow .chevronIcon {
  fill: #ffffff;
  height: 66%;
  /*rtl:begin:ignore*/
  transform: rotate(90deg);
  margin: 0.25rem 0px 0px 0.15rem;
  /*rtl:end:ignore*/
  display: flex;
}
._GraphFilter ._FilterCarouselArrow .chevronIcon.rightArrow {
  /*rtl:begin:ignore*/
  transform: rotate(-90deg);
  margin: 0.25rem 0px 0px 0.4rem;
  /*rtl:end:ignore*/
}

._SliderGraph {
  padding: 0px;
  pointer-events: none;
}
._SliderGraph .graphContent {
  padding: 0px;
}
._SliderGraph ._heading {
  font-size: 1rem;
  line-height: 1rem;
  padding: 0rem;
  color: #363636;
}
._SliderGraph .descriptor {
  display: inline-block;
  line-height: 0.9rem;
  font-size: 0.9rem;
  margin-bottom: 0;
  color: #767676;
}
._SliderGraph .scatterPoint, ._SliderGraph .tooltipLabel {
  color: #363636;
}
._SliderGraph .yAxisLabel tspan {
  fill: #767676 !important;
}

.graphContent .landmarkComponent {
  stroke-width: 2 !important;
  stroke: #767676 !important;
  stroke-dasharray: 5, 5 !important;
}
.graphContent .landmarkIcon {
  pointer-events: all !important;
}
.graphContent .landmarkIcon:is(:hover, :active),
.tvmode .graphContent .landmarkIcon:is(:hover, :focus, :active) {
  paint-order: stroke;
  transition: 0.3s;
  stroke-width: 2px !important;
  stroke: #767676;
}

.graphContent .scatterBorder:hover ~ .landmarkIcon,
.graphContent .scatterBorder:active ~ .landmarkIcon {
  stroke-width: 6px !important;
  paint-order: stroke;
  transition: 0.3s;
}
.graphContent .landmarkTooltip {
  font-size: 1.1rem !important;
  font-weight: bold !important;
}
.graphContent .scorelineIcon {
  pointer-events: all !important;
  color: #1f53da;
}
.graphContent .scorelineIcon:is(:hover, :active),
.tvmode .graphContent .scorelineIcon:is(:hover, :focus, :active) {
  paint-order: stroke;
  transition: 0.3s;
  stroke-width: 1px !important;
  stroke: #1f53da;
}

@media print {
  ._LineGraph ._tooltipWrapper {
    display: none;
  }
}
._LineGraph ._LandmarkTable {
  margin-bottom: 1rem;
}
._LineGraph ._LandmarkTable ._TableHeaders[class] {
  background-color: #f8f8f8;
}
._LineGraph ._LandmarkTable ._TableHeaders[class] ._TableHeadCell {
  color: #363636;
}
._LineGraph .nodata[class] {
  background-color: #f8f8f8;
  color: #363636;
  font-size: 1rem;
  padding: 0.5rem 0;
}
@media print {
  ._LineGraph .TablePaginationControls .PageNavigator {
    display: none;
  }
}
@media print {
  ._LineGraph ._LineGraph {
    display: flex;
    max-width: 100%;
    max-height: 3in;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  ._LineGraph ._LineGraph .VictoryContainer {
    display: flex;
  }
}
@media print {
  ._LineGraph ._FilterPicker,
  ._LineGraph ._FilterCarouselArrow,
  ._LineGraph .scorelineIcon,
  ._LineGraph .disclosureButton {
    display: none;
  }
}
._LineGraph .disclosureButton .disclosureButtonText {
  vertical-align: unset;
}

._GraphTable ._TableRow {
  color: #363636;
}
._GraphTable ._YValueDefaultComponent .componentValue {
  font-weight: bold;
  margin: 0 0.3rem 0 0;
  /*rtl:raw:
  direction: ltr;
  unicode-bidi: bidi-override;
  */
}
._GraphTable ._YValueDefaultComponent .componentUnits {
  color: #565656;
}
._GraphTable ._TableHeaders[class] {
  background-color: #f8f8f8;
}
._GraphTable ._TableHeaders[class] ._TableHeadCell {
  color: #363636;
}

.NoGraphDataIndicator {
  display: flex;
  min-width: 100%;
  width: min-content;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.NoGraphDataIndicator .noGraphDataText, .NoGraphDataIndicator .noGraphDataIcon {
  color: #363636;
  margin: 1rem 0px 1rem 1rem;
  line-height: 1.8rem;
}

._MultiLineGraph {
  display: block;
}
._MultiLineGraph[class] .noGraphsMessageContainer {
  margin: 0 0.5%;
}
._MultiLineGraph[class] .noGraphsMessageContainer .noGraphsMessage {
  display: flex;
  justify-content: center;
  height: 5rem;
  align-items: center;
}

.MissingDataIndicator {
  margin: 0rem 0px 1rem 0px;
  text-align: center;
  display: block;
}

._GraphListWithFilter[class] .graphFilterContainer {
  padding-top: 1rem;
}
._GraphListWithFilter[class] .graphFilterContainer, ._GraphListWithFilter[class] .listItemGraphContainer, ._GraphListWithFilter[class] .noGraphsContainer {
  margin: 0 0 1rem 0;
  width: 100%;
}
._GraphListWithFilter[class] .noGraphsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
._GraphListWithFilter[class] .noGraphsContainer ._readOnlyText {
  font-weight: bold;
  width: auto;
}
