/****************NDE Items*****************/

/*@font-face {
  font-family: 'Montserrat';
       url('Montserrat.ttf')  format('truetype'), 
}
@font-face {
  font-family: 'Open Sans';
       url('OpenSans-Regular.ttf')  format('truetype'), 
	   url('OpenSans-Bold.ttf')  format('truetype'), 
}
*/ 

/*******************TrendsChart***********************/
/*
div {
	font: Arial;
}
*/
.axis path,
.axis line {
	fill: none;
	stroke: #808184;
	stroke-width: 2;
	shape-rendering: crispEdges;
}
.xaxis path,
.xaxis line {
	fill: none;
	stroke: #808184;
	stroke-width: 2;
	shape-rendering: crispEdges;
}

.grid .tick {
	stroke: lightgrey;
	/*stroke-opacity: 0.7;*/
	shape-rendering: crispEdges;
    stroke-dasharray: 5 5;
}
.grid path {
	  stroke-width: 0;
}

.trendsmap_bg{
	fill: #fff;
}

.stateLine {
	stroke: #0a1971;
	stroke-width: 5;
}
.stateCir {
    stroke: #0a1971;
    stroke-width: 5;
    fill: white;
    /*stroke-dasharray: 0.25 6;
    stroke-dashoffset: 8;*/
    stroke-linecap: square;
}

.NLCir {
   	stroke: #455e9b;
	stroke-width: 5;
	fill: white;
}

.FDCir{
    stroke:  #0a1971;
    stroke-width: 5;
    fill: white;
    /*stroke-dasharray: 0.25 6;
    stroke-dashoffset: 8;*/
    stroke-linecap: square;
}

.statetext{
	font: 18px "OpenSansBold", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #0a1971;
}

.statebar{
	fill: #0a1971;
}

.npbar{
	fill: #b1a79b;
}

.npLine {
	stroke: #b1a79b;
	stroke-width: 5;
}
.npCir {
	stroke: #b1a79b;
	stroke-width: 5;
	fill: white;
}

.npCirGrey {
	stroke: #b1a79b ;
	stroke-width: 5;
	fill: white;
}


.nptext{
	font:   18px "OpenSansBold", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #b1a79b;
}

.legenttext{
	font: normal 14px OpenSans, Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #333333;
}

.trendsmap_thumbnail_bg{
	fill: #fff;
    stroke-width:1px;
    stroke:#808184;
}
.trendsmap_thumbnail_bg_border{
    fill: #F5F4F3;
    stroke : #007367;
    stroke-width: 1px;
}

.trendsmap_thumbnail_bg_anchor{
	fill: #F5F4F3;
}

.trendsmap_thumbnail_bg_anchor_small{
    fill: #CCCBC8;
}

.trendsmap_thumbnail_bg_white{
	fill: #ffffff;
}
.trendsmap_thumbnail_bg_yellow{
	/*stroke:#ca9212;
	stroke-width: 5;*/
	fill: #FAF9F8;
}
.trendsmap_thumbnail_bg_blue{
	stroke:#00a796;
	stroke-width: 5;
	fill: none;
}

.trendsmap_thumbnail_bg_blue_focus{
    stroke:#9dbef3;
	stroke-width: 1;
    stroke-position:inside;
    fill: #FAF9F8;
}


.thumbnailtext{
	font:   20px "OpenSans", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;
	fill: #b1a79b;*/
}

.leftthumbnailtext{
	font:  16px "OpenSans", Arial, Helvetica, sans-serif;
	dominant-baseline: middle;
	fill: #333333;
}

.chart_legend_state_rect_bg{
	fill: #2D5395;
}
.chart_legend_state_text{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
}
.chart_legend_np_rect_bg{
	fill: #A19889;
}
.chart_legend_np_text{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
}
.chart_legend_desc{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
}
.svg_chart_legend_higher{
    fill:#0C2268;
}
.svg_chart_legend_higher_text{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
    text-anchor: middle;
}
.svg_chart_legend_lower{
    fill:#B3C1D9;
}
.svg_chart_legend_lower_text{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
    text-anchor: middle;
}

.chart_legend_high_low_text{
    font:  10px OpenSans, Arial, Helvetica, sans-serif;
}
.chart-header,
.chart-header-subject {
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    fill: #0A1971;
    font-weight: bold;
}

.chart-header-pipe-separator{
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: 20px;
    content: "|";
    fill: #DED8D2;
    font-weight: bold;
}

.chart-title{
    fill: #333;
    /*font-weight: bold;*/
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.first-chart-title{
    fill: #333;
    /*font-weight: bold;*/
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.chart-title-subheading{
    font-weight:normal;
}
.chart-footer{
    fill: #6e695e;
    font-weight: normal;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/*********trends chart legend - begin**********/
.trendschart_legend_bg{
    fill:#ffffff;
}
.chart-legend-text{
    font-size: 13px;
}

.bold-text{
    font-weight:normal;
}

.normal-text{
    font-weight:normal;
}
.chartlegend_na{
    fill:#e2dfdb;
    stroke-width:1px;
    stroke: #808184 ;
}
/*********trends chart legend - end**********/
/*******************Map***********************/
.statemap_np_bg{
	fill: #fff;
	stroke-width: 1px;
    stroke: #b1a79b;
}
.statemap_np_circle{
	fill: #007367;
	/*stroke: #cac9c9;*/
}
.statemap_np_circle_text{
	font:  20px "OpenSansBold", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #ffffff;
}
.statemap_np_score_text{
	font: 46px "OpenSansBold", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #007367;
    font-weight:bold;
}
/*.statemap_np_bottomInfo_text{
	font: 16px "OpenSansBold", sans-serif;
	dominant-baseline: central;
	fill: #00a795;
    text-anchor:end;
}*/

.statemap_legend_bg_down{
	fill: #f5faf9;
}
.statemap_legend_circle_text_white{
	font:   32px OpenSans, Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #ffffff;
    font-weight:bold;
}

.statemap_legend_circle_text_grey{
	font:  32px OpenSans, Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #4A4A4A;
    font-weight:bold;
}

.statemap_legend_circle_text_dark{
	font:  32px OpenSans, Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #001871;
    font-weight:bold;
}

.statemap_legend_text{
	font: normal 13px OpenSans, Arial, Helvetica, sans-serif;
}

.statemap_info_text_italic{
	font: italic 14px OpenSans, Arial, Helvetica, sans-serif;
}
.statemap_info_text_normal{
	font: normal 17px OpenSans, Arial, Helvetica, sans-serif;
}
.statemap_info_text{
	font: normal 14px OpenSans, Arial, Helvetica, sans-serif;
}

.statemap_hoverBox_bg{
	fill: #f1e4c4;
}
.statemap_hover_color{
	fill: #C69214;
	stroke: #cac9c9;
}
.statemap_hover_state_text{
	font: 18px "OpenSansBold", Arial, Helvetica, sans-serif; 
	/*dominant-baseline: central;*/
	fill: #ffffff;
}
.statemap_hover_score_text{
	font:  62px "OpenSansBold", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #C69214;
}

.statemap_click_text{
	font: normal 15px OpenSans, Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #007367;
}
.statemap_gt{
	fill: #001871;
	stroke: #cac9c9;
}

.statemap_lt{
	fill: #bdc9db;
	stroke: #cac9c9;
}

.statemap_eq{
	fill: #41639e;
	stroke: #cac9c9;
}

.statemap_na{
	fill: #ffffff;
	stroke: #cac9c9;
}

.statemap_np{
	fill: #007367;
	stroke: #cac9c9;
}

.statemap_state_name_white{
	font:   14px "OpenSans", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #ffffff;
}

.statemap_small_map_text{
    font:   14px "OpenSans", Arial, Helvetica, sans-serif;
    /*font-weight:bold;*/
	fill: #007367;
}

.statemap_small_map_text.comp_page{
    fill: #001871;
}

.statemap_state_name_dark{
	font:   14px "OpenSans", Arial, Helvetica, sans-serif;
	/*dominant-baseline: central;*/
	fill: #001871;
}

/******landing page map********/
.stateprofilelandingpagemap path:hover,
.stateprofilelandingpagemap .mapcirclesforsmallstates:hover{
    cursor:pointer;
}

.stateprofilelandingpagemap #smallStateCirNP:hover{
    cursor:default;
}

.stateprofilelandingpagemap .statemap_np:hover{
    cursor:default;
}


/***********landing page map end****************/

/******score comparision page map********/
.stateprofilescorecompmap path:hover,
.stateprofilescorecompmap .mapcirclesforsmallstates:hover,
.stateprofilescorecompmap #smallStateCirNP:hover{
    cursor:pointer;
}
.stateprofilescorecompmap path.statemap_np:hover,
.stateprofilescorecompmap .mapcirclesforsmallstates.statemap_np:hover,
.stateprofilescorecompmap #smallStateCirNP.statemap_np:hover{
    cursor:default;
}
/***********score comparision page map end****************/



/*********************District Map*************************/

.districtmap_bg{
	fill: #f7f6f5;
	stroke: #cac9c9;
}

.districtmap_gt_text{
	font:    14px "OpenSans", Arial, Helvetica, sans-serif;
	fill: #001871;
}

.districtmap_eq_text{
	font:   14px "OpenSans", Arial, Helvetica, sans-serif;
	fill: #41639e;
}

.districtmap_lt_text{
	font:   14px "OpenSans", Arial, Helvetica, sans-serif;
	fill: #001871;
}

.districtmap_na_text{
	font:  14px "OpenSans", Arial, Helvetica, sans-serif;
	fill: #b1a79b;
}

.districtmap_focal_text{
	font:   14px "OpenSans", Arial, Helvetica, sans-serif;
	fill: #007367;
}

/******distrinct profile landing page map********/
.distprofilelandingpagemap image:hover{
    cursor:pointer;
}

.distprofilelandingpagemap image#npImageNL:hover{
    cursor:default;
}

/***********distrinct profile landing page map end****************/

/******score comparision page map********/
.distprofilescorecompmap image:hover{
    cursor:pointer;
}

.distprofilescorecompmap image.selectedjurisdiction{
    cursor:default;
}

/***********score comparision page map end****************/


#trendsChart text {
    font:    "OpenSansBold", Arial, Helvetica, sans-serif;
}





svg a{
    text-decoration:none;
}
svg a:focus,
svg a:hover{
    text-decoration:none;
    outline:none;
}

svg a#mathTopThumb:hover,
svg a#readTopThumb:hover,
svg a#sciTopThumb:hover,
svg a#wriTopThumb:hover,
svg a#mathBtmThumb:hover,
svg a#readBtmThumb:hover,
svg a#sciBtmThumb:hover,
svg a#wriBtmThumb:hover
{
    cursor:pointer;
}

#firstPartCloseBTN:hover,
#innerlinechartimg:hover,
#innerbarchartimg:hover,
#secondPartCloseBTN:hover
{
    cursor:pointer;
}


/*Map Hover box tooltip*/
div.map-arrow {   
  position: absolute;           
  width: 500px;                  
  height: auto;              
  border: 0px;      
  pointer-events: none;  
  font-family:OpenSans, arial, helvetica, sans-serif;        
}

div.map-arrow .map-arrow-pointer {min-height:140px; width:70px; display:block; float:left;}
div.map-arrow.left-pointing-arrow  .map-arrow-pointer{ background:transparent url(images/arrow-left.png) no-repeat 0 0;  background-size: 100% 100%} 
div.map-arrow.right-pointing-arrow .map-arrow-pointer  {  background:transparent url(images/arrow-right.png) no-repeat 0 0; background-size: 100% 100%;  float:right;} 
div.map-arrow .map-content-container {background:#f2ede2; float:left; display:block; min-height:140px; width:430px !important;  }
div.map-arrow .state-count {width:220px; float:left; display:block; padding:10px;}  
div.map-arrow .state-information {width:200px; float:left; display:block; padding:10px;} 

div.map-arrow .state-count .state-abbr {display:inline-block;  border-radius:50%; background:#001b64; color:#fff; height:60px; width:60px; font-size:1.5rem; margin-right:10px;  font-family:OpenSans, arial, helvetica, sans-serif;  position:relative; top:-15px; }
div.map-arrow .state-count .state-abbr span {display:inline-block;position:relative;top:12px; width:60px; text-align:center; left:0px; }
div.map-arrow .state-count .state-count-number { display:inline-block;font-size:3.8rem; color:#001b64;  font-family:OpenSansBold, arial, helvetica, sans-serif; position:relative; top:12px;}
div.map-arrow .state-information {padding:1rem;}
div.map-arrow .state-information p{font-size:1rem;}

div.map-arrow .state-count .district-abbr {display:inline-block;  height:60px; width:60px; font-size:1.5rem; margin-right:10px;  font-family:OpenSans, arial, helvetica, sans-serif;  position:relative; top:-15px; }
div.map-arrow .state-count .district-abbr span {display:inline-block;position:relative;top:12px; width:60px; text-align:center; left:0px; }

    

/*Map Hover box tooltip - end*/


/*Help Popup CSS*/

.helpPopupContainer{
    width:320px;
    height: auto;
    position: absolute;
    border: 1px solid #b1a79b;
    right: 10px;
    z-index: 10000;

}
.helptopbar{
    height: 30px;
    background-color: #001871;
}
.helpClose{
    background:url(SVG/NDE_ICON_close-delete.svg) no-repeat;                
    background-size:contain;                 
    position: absolute;
    width: 20px;
    height: 20px;
    top: -8px;
    right: -8px;
    z-index: 10001;
    cursor:pointer;
}
.helpClosebg{
    position: absolute;
    background-color: #fff;
    width: 12px;
    height: 12px;
    top: -5px;
    right: -5px;
    z-index: 0;
}
.helpMainContent{
    padding: 10px 10px 10px 10px;
    background-color:#fff;               
}
.helpcontent{
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #636466;
    margin-top:10px;
}
.helpPopupContainer h3{
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    color: #001871;
}
.helpPopupContainer a{
    color: #007367;
    text-decoration: underline;
}
.helpPopupContainer a:hover{
    color: #007367;
    text-decoration: none;
}
h3 span{                
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #001871;
}

.achievementLevelsAxisSpecs{
    stroke: #808184 !important;
    stroke-width:2 !important;
}
.achievementLevelsAxisSpecs1{
    stroke: red !important;
    stroke-width:1 !important;
}



