.blah {
    background: red;
}

svg {
    font-family: Arial, Helvetica, sans-serif;
}.brc-chart-pie {
  width: 100%
}

.brc-chart-pie-legend {
  float:left;
  overflow:hidden;
}

.brc-chart-pie-chart {
  float:left;
  overflow:hidden;
}

.brc-chart-pie path.brc-lowlight, .brc-chart-pie .legendSwatch.brc-lowlight, .brc-chart-pie .legendText.brc-lowlight {
  opacity: 0.3 !important;
}

.brc-chart-pie .brc-item-image-hide {
  display: none;
}

.brc-chart-pie .labelsPie.brc-lowlight, .brc-chart-pie .labelsPieHighlight.brc-lowlight {
  opacity: 0;
}

.brc-chart-pie .labelsPie.brc-highlight, .brc-chart-pie .labelsPieHighlight.brc-highlight {
  opacity: 1;
  font-weight: bolder;
  text-shadow: -1px 1px 2px #000,
    1px 1px 2px #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}


.brc-chart-phen2 rect.highlight {
    /* fill: black; */
    opacity: 1;
}

.brc-chart-phen2 rect.lowlight {
    opacity:0;
}

.brc-chart-phen2 {
    overflow: visible;
}

.brc-chart-phen2-top .brc-legend-item.lowlight {
    opacity:0.3;
}

/* .brc-chart-phen2-top .brc-legend-item-rect.highlight {
    fill:black;
}

.brc-chart-phen2-top .brc-legend-item-icon.highlight {
    fill:black;
} */

#phen2-chart .mainChart {
    overflow: visible;
}
.brc-chart-accum path {
    fill: none;
}

.brc-chart-accum path.highlight {
    stroke: black;
    stroke-width: 3;
    opacity: 1;
}

.brc-chart-accum path.lowlight {
    opacity:0.3;
}

.brc-chart-accum {
    overflow: visible;
}

.brc-chart-accum .brc-legend-item.lowlight {
    opacity:0.3;
}

.brc-chart-accum .brc-legend-item-rect.highlight {
    fill:black;
}

.brc-chart-accum text.lowlight {
    opacity:0.3;
}

.brc-chart-accum text.highlight {
    font-weight:bold;
}

.brc-chart-accum .y-axis.lowlight {
    opacity:0.3;
}

.brc-chart-accum .y-axis.highlight {
    font-weight:bold;
}
.chart-overflow svg {
    overflow: visible;
}
.mainChart {
    background-color: plum;
}
svg line.display-link{
    stroke-width: 1;
    stroke: black;
    opacity: 0.2;
}
svg line.select-link{
    stroke-width: 4;
    stroke: black;
    opacity: 0;
}
svg line.highlighted {
    stroke-width: 1;
    stroke: black;
    opacity: 1;
}

svg line.lowlighted {
    opacity: 0.02;
}

svg circle {
    stroke: "#fff";
    stroke-width: 1.5;
}

svg circle.fixed {
    /* stroke-width: 2; */
    stroke: black;
}
svg circle.highlighted {
    stroke: white;
    fill: black;
}

svg circle.lowlighted {
    opacity: 0.3;
}

.brc-chart-links-popup {
    position: absolute;			
    /* text-align: center;			 */
    padding: 0.5em;				
    font: 12px sans-serif;		
    background: white;	
    border: 0px;		
    border-radius: 5px;			
    pointer-events: none;		
    border:  1px solid black;	
}

.brc-chart-links-popup ul {
    padding-left: 0;
    list-style-position: inside;
}
.brc-chart-phen1 path.highlight.phen-path-line {
    stroke: black;
    stroke-width: 3;
    opacity: 1;
}

.brc-chart-phen1 path.lowlight {
    opacity:0.3;
}

.brc-chart-phen1 rect.lowlight {
    opacity:0.3;
}

.brc-chart-phen1 {
    overflow: visible;
}

/* .brc-chart-phen1  */
.brc-chart-phen1-top .brc-legend-item.lowlight {
    opacity:0.3;
}

/* .brc-chart-phen1  */
.brc-chart-phen1-top .brc-legend-item-line.highlight {
    fill:black;
}
.brc-chart-trend path {
    fill: none;
}

.brc-chart-trend {
    overflow: visible;
}
.brc-chart-trend .highlight {
    /* stroke: black;
    stroke-width: 3; */
    opacity: 1;
}

.brc-chart-trend .lowlight {
    opacity: 0.1;
}/* .brc-chart-yearly path {
    fill: none;
} */

.brc-chart-yearly {
    overflow: visible;
}
.brc-chart-yearly .highlight {
    /* stroke: black;
    stroke-width: 3; */
    opacity: 1;
    stroke-opacity: 1;
    fill-opacity: 1;
}

.brc-chart-yearly .lowlight {
    opacity: 0.2;
    stroke-opacity: 0.2;
    fill-opacity: 0.2;
}.brc-chart-altlat .highlight {
    opacity: 1;
}

.brc-chart-altlat .lowlight {
    opacity: 0.1;
}.brc-chart-temporal {
    overflow: visible;
}

.brc-chart-temporal.use-highlighting .temporal-graphic.lowlight {
    opacity: 0.2 !important;
}

.brc-chart-temporal.use-highlighting .temporal-line.highlight {
    stroke: black;
    stroke-width: 2;
    opacity: 1;
}

/* .brc-chart-temporal .brc-legend-item-rect.highlight {
    fill:black;
} */