svg.chart2{
    position: absolute;
}
.clickable{
    cursor:pointer;

}
#chooseGradeTable td {
}
#charts{
/*    margin-left: 275px;*/
}
#selectedCharts text.schoolName tspan{
    fill: white;
}
#rankedBarChartSvg{
    pointer-events:all;
    margin-top:5px;
}
#yAxis, #selectedYAxis{
    width:20px;
    position: absolute;
    fill: #999;
    margin-left: -24px;
}
#yAxis text,#selectedYAxis{
    font-size: 7pt;
}
rect.chartOverlay{ fill: none;}
path.avgLine {
    fill: #dbd5af;
}
rect.chartBackground { fill:none;}

div.placeholder {
    display:inline-block;
    height:170px;
    width:120px;
}

svg.chart,svg.selectedCharts {
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    cursor:pointer;
}
.hoverHighlight{
    fill: rgb(153,179,189) !important;
}
rect.bar{
  fill: #dbd5af;
}
svg rect.bar.selected{
  fill: rgba(80,112,125,1) !important;
}
/*
svg.public rect.bar, svg.public text.schoolName{ fill: rgba(55,123,184,1); }
svg.private rect.bar, svg.private text.schoolName{ fill: rgba(228,26,28,1);}
svg.separate rect.bar, svg.separate text.schoolName{ fill: rgba(255,127,0,1);}
svg.charter rect.bar, svg.charter text.schoolName{ fill: rgba(152,78,163,1);}
svg.francophone rect.bar, svg.francophone text.schoolName{ fill: rgba(77,175,74,1);}
svg rect.bar.selected{ fill-opacity:1; !important;}
*/

g.x.axis path.domain{
    fill: none;
}
g.x.axis line{
    stroke: #AAA;
    stroke-width:2;
    shape-rendering: crispEdges;
}

g.x.axis text{
    font-size: 9.5pt;
    fill: #EEE;
}

g.x.axis text.empty{
    fill: #EEE;
}

g.x.axis g.tick line{
    stroke: none;
}

g.x.axis {
    display:none;
}

text.schoolName tspan{
    text-anchor: middle;
    font-size: 8pt !important;
/*    font-weight: 500;*/

  fill: rgb(80, 112, 125);
}
#sortSelect{
  width: 196px;
}
#sortContainer{
    text-align:left
}

g.y.axis {
    display:none;
}

g.y.axis g:nth-of-type(2), g.y.axis g:nth-of-type(1){
    display:none;
}

text.dataLabel {
    font-size: 10pt;
}

text.dataLabel.faded{
    fill: #CCC;
    font-weight: 100;
}
tspan.value{
    font-weight: bold;
}

text.overallAvg {
    text-anchor: end;
    fill: #808080;
    font-size: 8pt;
}

text.grade {
    fill: #808080;
    font-size: 8pt;
}

circle.candy{
    fill: black;
/*    stroke: black;*/
}
circle.MATH1, text.MATH1{fill:#50707d;}
circle.BIO, text.BIO{fill:#6ad59c;}
circle.CHEM, text.CHEM{fill:#9b4838;}
circle.ELA1, text.ELA1{fill:#fba261;}
circle.PHYS, text.PHYS{fill:#0fb4d2;}
circle.SOC1, text.SOC1{fill:#177a9d;}
circle.FLA, text.FLA{fill:#35bd75;}

line.stick {
    stroke: #99B3BD;
    stroke-width: 1;
    stroke-dasharray: 5,2;
    shape-rendering: crispEdges;
}

line.divider {
    stroke: #f8f6d7;
    stroke-width: 2;
}

.stack text {
  fill: grey;
  font-size: 7pt;
}

#loliChart0 .schoolName {
  font-weight: 700;
}

.connectLine {
  position: absolute;
  fill: none;
  stroke-width: 1;
  stroke: #50707d;
}