text
   {
       font-family:inherit;  
       
   }
   
   .axis text, text.title, text.label, .legends text,
   text.text-label, text.point-label
   {
     fill: #5e5450;
   }
   
   tspan
   {
       font-family:inherit;
       fill:inherit;
   }
   
   
   
    .gridlines.y .gridline:not(.base-line)
    {
        opacity: 0.3;
    }

    .gridlines.y .gridline:first-child
    {
        opacity: 1;
    }

    .axis path,
    .axis line, 
    .gridlines line,
    path.line 
    {
        fill: none;
        shape-rendering: crispEdges;
    }

    .legend
    {
        cursor: pointer; 
    }
    .legend-text
    {
        font-size: 0.8em;    
    }    
    
    .axis.y line
    {
        display:none;
    }
    
    .axes-x-vertical .axis.x .x1 line
    {
        display:none;
    }
    
    .axes-x-vertical .axis.x line
    {
        opacity: 0.3;
    }
    
    .axis text
    {
        font-size: 0.8em;      
    } 
    
    .series:hover
    {
        cursor: pointer;
    }
    
    .series.unhover, .series.unhover ~ .gap,
    .node.unhover, .plabel.unhover, .point.unhover
    {
        stroke-opacity: .45;
        fill-opacity: .45;
        opacity: .45;
    }

    .series.unhover .point-label 
    {
        stroke-opacity: .2;
        fill-opacity: .2;
        opacity: .2;
    }
    .series, .series ~.gap, .gap line
    {
        stroke-opacity: 1;
        fill-opacity: 1;
        opacity: 1;
    }    
    
    .mobile .axis text
    {
        font-size: 0.75em;
    }
    
    path.area
    {
        fill-opacity: 0.2;
        stroke-opacity: 0.6;
        stroke-width: 1;
    }
    
    path.fill
    {
        stroke-width:0.1em;
        stroke-antialiasing:true;
        shape-rendering:geometricPrecision;
    }
    
    
    /* 5 Essentials related styles */
     .five-essentials span.badge
     {
            width:75px;
            margin-right:5px;
     }
     
     .five-essentials span.value
     {
         font-weight:bold;
     }
     
    .reducedfont
    {
    	font-size:0.85em;
    }
    
    .legends span
    {
    	color: #999999;
    	font-weight:bolder;
    	font-size:0.85em;
    }
    
    .legends span:not(.legendpallette)
    {
        padding-top:3px;
    }
    
    .legendpallette
    {
    	width:10px;
    	height:10px;
    	display:block;
    	margin:5px;
    }
   
 
 .five-essentials .least{
     fill:#D6DBE9;     
     stroke:#D6DBE9;
     stroke-dasharray:0;
     background:#D6DBE9;    
  }
 .five-essentials .less{
     fill:#B8BED2;
     stroke:#B8BED2;
     stroke-dasharray:0;
     background:#B8BED2;
  }
 .five-essentials .average {
     fill:#8B97B9;
     stroke:#8B97B9;
     stroke-dasharray:0;
     background:#8B97B9;
  }
  .five-essentials .more{
    fill:#3C4E83;
    stroke:#3C4E83;
    stroke-dasharray:0;
    background:#3C4E83;
  }
  .five-essentials .most{
   fill:#1B2E55;  
   stroke:#1B2E55;  
   stroke-dasharray:0;
   background:#1B2E55;
  }
  
  .five-essentials .no-data{
   fill:  #FFFFFF;   /*#AAADB0*/   
   stroke: #AAADB0;
   stroke-dasharray:5;
   background:#FFFFFF;
   color: #000000;
   border:dashed 1px #AAADB0;
  
  }
   
 .five-essentials .least, .five-essentials .less, 
 .five-essentials .average, .five-essentials .more, 
 .five-essentials .most, .five-essentials .no-data
 {
     color:#1E2E56;  
  }
  
.five-essentials .more, .five-essentials .most{
     color: #FFFFFF;      
  }
  
.five-essentials g
  {
      cursor:pointer;
      shape-rendering: geometricprecision;
  }
  
  
 .five-essentials path
  {
      fill:inherit;
      stroke-width:1;
      shape-rendering: geometricprecision;
  }
  

 #fiveessentials-infographic rect, #fiveessentials-infographic text,
 .five-essentials rect, .five-essentials text {
    stroke-width:0;
    stroke:none;     
  }  
  
  .five-essentials .least text, .five-essentials .less text, 
  .five-essentials .average text, .five-essentials .more text, 
  .five-essentials .most text, .five-essentials .no-data text{
      fill:#1E2E56;      
  }
  
  .five-essentials .more text, .five-essentials .most text{
      fill: #FFFFFF;
  }
  
  .EvenRowColor{
	background-color: #f3f3f4;
  }
  .OddRowColor{
	background-color: #ffffff;
  }
    
  .EvenColumnColor{
	background-color: #f9d350;
  }
  .OddColumnColor{
	background-color: #fbe193;
  }
  
  /*Scatter Plot*/
	line.state-average {     
		stroke-dasharray: none;  
		stroke-width:1px;
	} 
	path:not(".line-subgroups") /* Added this exception to make sure the required Sub Group Line color is not overridden by the color "Black" by the PDF converter */
	{
		stroke: #000000;
	}
	path.point{
	 shape-rendering: geometricPrecision;
	 stroke-width: 1.5px;
	}

	path.point.gray{
		fill: #C8D1EC;
		stroke: #C8D1EC;
	}

	path.point.black{
		fill: #000;
		stroke: #000;
	}

	path.point.red{
		fill: #BD4F24;
		stroke: #BD4F24;
	}
	g.lyr-average
	{
		/* opacity:0.85;
		fill-opacity:0.85;
		stroke-opacity:0.85;*/
		stroke: #999;
		fill: #999;   
		color: #999;
	}
	g.lyr-average text.state-average-label
	{      
		stroke-width: 0;   
		font-size:0.85em;    
	}

    /* Assessment Screens */
    
    g.ser-parent .backfill
    {
        fill:#DCD5D2
    }
    
    .label-message
    {
        text-anchor:middle;
    }
       
    .proficient text
    {
        font-size: 0.8em;
    }
    
    .proficient line, .proficient rect
    {
        stroke: #363333;
        fill: none;
    }
    
    /*svg tiles for compare schools*/
    .graph-container .graph .canvas .axis path,
    .graph-container .graph .canvas .axis line
    {
        stroke: #5e5450;      
    }
    
    .graph-container .graph .canvas .axis .text-label,
    .graph-container .graph .canvas .axis text,
    .label-circle text
    {       
      font-weight: bold;
    }
    
    .graph-container .graph .canvas .constant-line
    {
        stroke-dasharray: 5,5;
    }


.graph .axes-x-band .gridlines line {
    stroke: #C8D1EC;
}