@font-face {
	font-family: 'extraicons';
	src:url('fonts/extraicons.eot?-534yy2');
	src:url('fonts/extraicons.eot?#iefix-534yy2') format('embedded-opentype'),
		url('fonts/extraicons.woff?-534yy2') format('woff'),
		url('fonts/extraicons.ttf?-534yy2') format('truetype'),
		url('fonts/extraicons.svg?-534yy2#extraicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="econ-"], [class*=" econ-"] {
	font-family: 'extraicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.econ-print:before {
	content: "\e602";
}
.econ-cancel-circle:before {
	content: "\e603";
}
.econ-checkmark-circle:before {
	content: "\e604";
}
.econ-spam:before {
	content: "\e605";
}
.econ-close:before {
	content: "\e606";
}
.econ-checkmark:before {
	content: "\e607";
}
.econ-loop:before {
	content: "\e608";
}
.econ-loop2:before {
	content: "\e609";
}
.econ-arrow-up-left:before {
	content: "\e60a";
}
.econ-arrow-up:before {
	content: "\e60b";
}
.econ-arrow-up-right:before {
	content: "\e60c";
}
.econ-arrow-right:before {
	content: "\e60d";
}
.econ-arrow-down-right:before {
	content: "\e60e";
}
.econ-arrow-down:before {
	content: "\e60f";
}
.econ-arrow-down-left:before {
	content: "\e610";
}
.econ-arrow-left:before {
	content: "\e611";
}
.econ-arrow-up-left2:before {
	content: "\e612";
}
.econ-arrow-up2:before {
	content: "\e613";
}
.econ-arrow-up-right2:before {
	content: "\e614";
}
.econ-arrow-right2:before {
	content: "\e615";
}
.econ-arrow-down-right2:before {
	content: "\e616";
}
.econ-arrow-down2:before {
	content: "\e617";
}
.econ-arrow-down-left2:before {
	content: "\e618";
}
.econ-arrow-left2:before {
	content: "\e619";
}
.econ-googleplus:before {
	content: "\e61a";
}
.econ-vimeo:before {
	content: "\e61b";
}
.econ-vimeo2:before {
	content: "\e61c";
}
.econ-tumblr:before {
	content: "\e61d";
}
.econ-tumblr2:before {
	content: "\e61e";
}
.econ-reddit:before {
	content: "\e61f";
}
.econ-linkedin:before {
	content: "\e620";
}
.econ-pinterest:before {
	content: "\e621";
}
.econ-pinterest2:before {
	content: "\e622";
}
.econ-libreoffice:before {
	content: "\e623";
}
.econ-file-pdf:before {
	content: "\e624";
}
.econ-file-openoffice:before {
	content: "\e625";
}
.econ-file-word:before {
	content: "\e626";
}
.econ-file-excel:before {
	content: "\e627";
}
.econ-file-zip:before {
	content: "\e628";
}
.econ-file-powerpoint:before {
	content: "\e629";
}
.econ-file-xml:before {
	content: "\e62a";
}
.econ-file-css:before {
	content: "\e62b";
}

.white-color{background-color: #A1CD73;}
.black-color{background-color: #3B596A;}
.hispanic-color{background-color: #427676;}
.asian-color{background-color: #3F9A82;}

.main-row {
  padding: 0 0 1rem 0;
}

.population-label{
  font-size: 0.6rem;
  color: #777;
  padding: 0;
  margin: 0 0 0.4rem 0;
  font-weight: 600;
  text-transform: uppercase;
}

.population-value{
  font-size: 1.4rem;
  color: #444;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 1.2rem 0;
}

.legend.color-block{
  width: 15px;
  height: 15px;
  float: left;
}

.legend.race-label{
  float: left;
  padding: 0.1rem 1rem 0 0.6rem;
  font-size: 0.6rem;
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
}

.chi-square-label{
  font-size: 0.6rem;
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 0 0.6rem 0;
  margin: 0;
}

.chi-square-value{
  font-size: 2.6rem;
  color: #3B596A;
  font-weight: 300;
  padding: 0 0 0.4rem 0;
  margin: 0;
}

.chi-square-value .question-mark {
  font-size:0.6rem;
  color: #fff;
  font-weight: 800;
  background: #ccc;
  padding: 0.3rem 0.5rem;
  top: -0.5rem;
  position: relative;
}

.chi-square-value:hover:after{
  background: #eee;
  border-radius: 2px;
  top: 4.4rem;
  color: #fff;
  content: attr(title);
  left: 5%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
  font-size: 0.6rem;
  color: #777;
}


.chi-square-value:hover:before{
  border: solid;
  border-color: #eee transparent;
  border-width: 0 6px 6px 6px;
  top: 4rem;
  content: "";
  left: 20%;
  position: absolute;
  z-index: 99;
}

.chi-square-def{
  font-size: 0.6rem;
  color: #777;
}

.population-graph-container{
  height: 1.8rem;
  margin-top: 0.4rem;
}

.population-graph-label{
  height: 1.2rem;
  font-size: 0.6rem;
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.2rem 0 0 0;
}

.population-graph-container .data{
  float: left;
  height: 100%;
  position: relative;
}

.population-graph-container .data:hover {
  border: 3px solid rgba(255,255,255,0.3);
}

.population-graph-container .data:hover:after{
  background: #eee;
  top: 1.6rem;
  content: attr(title);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 5rem;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  font-size: 0.8rem;
  color: #777;
  line-height: 1.6;
  text-align: center;
  display: inline-block;
}

.population-graph-container .data:hover:before{
  border: solid;
  border-color: #eee transparent;
  border-width: 0 6px 6px 6px;
  top: 1.2rem;
  content: "";
  left: 47%;
  position: absolute;
  z-index: 99;
}