.pToolTip{ padding: 0 1em;font-family: Arial, Tahoma, Verdana; }
    .districtOrcampus { text-decoration: underline;}
    .chart { width: 640px;height: 640px; }
    @media (max-width: 640px) { .chart { width:  380px; margin-left: -20px !important;} }

    .tableHeaderCell, .tableHeaderRow { color: white; font-weight: bold; background-color: #467f2e; }
    .tableOddRow { background-color: #f1f1f1; }
    .tableSelectedDistrict { color: red;font-weight: bold;}

    #chart_div{ margin-top: 2em;}
    #table_div{ margin-top: 2em;}

    #searchContainer select {
        width: auto;
        height: auto;
    }


#legend ul li.peer:before{content:" \25CB";font-size: 1.5em;position: relative;left: 3px;}
#legend ul li.peer span {position: relative; top: -3px;font-size: .8em;}
#legend ul li.showing:before{color:red;content:"\25C6";font-size: 1.2em;position: relative;left: 2px;}
#legend ul li.showing span {position: relative; top: -2px;left: -2px;font-size: .8em;}

#lblYear { font-weight: bold;font-size: 1.25em;padding-top: .3em; }

#divChartTitle { z-index: 5;font-size: 1.5em; text-align: center;}


/* Gradient on the Chart */
#chart_div svg>g>rect { 
    fill: url(#fx) !important;
    fill-opacity:1 !important;
}

#fx stop:nth-child(1){ 
  stop-color: #84e35a; 
}
                
#fx stop:nth-child(2){ 
  stop-color: #6fbf4c;
}

#fx stop:nth-child(3){ 
  stop-color: #2b8e00; 
}