@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/*-- Chart --*/

#myAgeChart svg {
  font: 14px Open Sans Light, Open Sans, sans-serif;
  font-weight: 300;
  color: #666666;
}
#yearOfImmigrationBC svg {
  font: 12px Open Sans Light, Open Sans, sans-serif;
  font-weight: 300;
  color: #666666;
}
#schoolCatBC svg {
  font: 14px Open Sans Light, Open Sans, sans-serif;
  font-weight: 300;
  fill: #999999 ! important;
}
#lifeExpectLC svg {
  font: 14px Open Sans Light, Open Sans, sans-serif;
  font-weight: 300;
  fill: #999999 ! important;
}
#schoolCatBC .c3-texts-School-Categories {
  font-family: Open Sans Light, Open Sans, sans-serif ! important;
  font-size: 20px;
  font-weight: 300 ! important;
  color: #000000 ! important;
  fill: #000000 ! important;
}

#lifeExpectLC .c3-circle {
	fill:none ! important;
	stroke-width: 0px ! important;
	display: none ! important;
}
#lifeExpectLC .c3-chart-lines {
	fill: none ! important;
	stroke-width: 3px ! important;
}
#lifeExpectLC .c3-axis-y path,
#lifeExpectLC .c3-axis-y line,
#lifeExpectLC .c3-axis-x path,
#lifeExpectLC .c3-axis-x line {
  fill: none;
  stroke: #999999;
  shape-rendering: crispEdges;
}

#myAgeChart .path, line {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
}
#myAgeChart  text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#myAgeChart .chart-arc path,
#yearOfImmigrationBC .chart-arc path {
  stroke: #fff;

}
#myAgeChart .chart-arc text,
#yearOfImmigrationBC .chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Grid --*/

#myAgeChart .grid line {
  stroke: #aaa;
}
#myAgeChart .grid text {
  fill: #aaa;
}
#myAgeChart .xgrid, .ygrid {
  stroke-dasharray: 3 3;
}
#myAgeChart .xgrid-focus {
}

/*-- Text on Chart --*/

#myAgeChart .-text {
}

/*-- Line --*/

#myAgeChart .-line {
  stroke-width: 1px;
}
/*-- Point --*/

#myAgeChart .-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}
#myAgeChart .selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/

#myAgeChart .-bar._expanded_ {
  stroke-width: 1px;
  fill-opacity: 0.6;
}
/* TODO: use this*/
#myAgeChart .-bar._selected_ {
  stroke-width: 1px;
  fill-opacity: 0.3;
}
#myAgeChart .selected-bar {
  fill: white;
  stroke-width: 2px;
}


/*-- Arc --*/

#myAgeChart .chart-arcs-title {
  font-size: 1.3em;
}

/*-- Focus --*/

#myAgeChart .target.focused path.-line {
  stroke-width: 2px;
}

/*-- Region --*/

#myAgeChart .region {
  fill: steelblue;
  fill-opacity: .1;
}

/*-- Brush --*/

#myAgeChart .brush .extent {
  fill-opacity: .1;
}

/*-- Select - Drag --*/

#myAgeChart .dragarea {
}

/*-- Legend --*/

#myAgeChart .legend-item {
  font-size: 12px;
}

/*-- Tooltip --*/

#myAgeChart .-tooltip {
  border-collapse:collapse;
  border-spacing:0;
  background-color:#fff;
  empty-cells:show;
  -webkit-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
     -moz-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
          box-shadow: 7px 7px 12px -9px rgb(119,119,119);
  opacity: 0.9;
}
#myAgeChart .-tooltip tr {
  border:1px solid #CCC;
}
#myAgeChart .-tooltip th {
  background-color: #aaa;
  font-size:14px;
  padding:2px 5px;
  text-align:left;
  color:#FFF;
}
#myAgeChart .-tooltip td {
  font-size:13px;
  padding: 3px 6px;
  background-color:#fff;
  border-left:1px dotted #999;
}
#myAgeChart .-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
#myAgeChart .-tooltip td.value{
  text-align: right;
}

#myAgeChart .-area {
  stroke-width: 0;
  opacity: 0.2;
}


#myAgeChart .c3-axis-x path,line {
	display: none ! important;
}

#yearOfImmigrationBC .c3-axis-x path,line {
	display: none ! important;
}

#schoolCatBC .c3-axis-x path,line {
	display: none ! important;
}

#myAgeChart .c3-bar {
	stroke: #F7F7F7 ! important;
	stroke-width: 2 ! important;
}

/*-- Tooltip --

font-family: Open Sans, Arial, Tahoma, San Serif;
font-size: 12px;
font-weight: 400;
color: #787878;
padding: 9px;
background: #fff;
border: 1px solid #dcdcdc;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 2px 2px 2px #adadad;
-webkit-box-shadow: 2px 2px 2px #adadad;
box-shadow: 2px 2px 2px #adadad;
z-index: 2000; */

.c3-tooltip {
	font-family: Open Sans, Arial, Tahoma, San Serif;
	background: #fff;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #adadad;
	-webkit-box-shadow: 2px 2px 2px #adadad;
	box-shadow: 2px 2px 2px #adadad;
/*
  border-collapse:collapse;
  border-spacing:0;
  background-color:#fff;
  empty-cells:show;
  -webkit-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
     -moz-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
          box-shadow: 7px 7px 12px -9px rgb(119,119,119);
  opacity: 0.96; */
}
.c3-tooltip tr {
 // border:1px solid #CCC;
}
.c3-tooltip th {
  background-color: #fff;
  font-size:14px;
  font-family: Open Sans ! important;
  font-weight: 300;
  padding:2px 5px;
  text-align:left;
  //color:#FFF;
  color: #787878;
}
.c3-tooltip td {
  font-size:13px;
  font-weight: 700;
  padding: 3px 6px;
  background-color:#fff;
  //border-left:1px dotted #999;
}
.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.c3-tooltip td.value{
  text-align: right;
}

.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

#myAgeChart div {
	z-index: 4567 ! important;
}
#yearOfImmigrationBC div {
	left: 50px ! important;
	z-index: 4567 ! important;
	min-width: 200px ! important;
}
#schoolCatBC div {
	left: 50px ! important;
	z-index: 4567 ! important;
}