.eiti-chart-widget svg {
  font: 10px sans-serif;
}

.eiti-chart-widget .chartTitle {
    font-weight: normal;
    text-align: center;
}

.eiti-chart-widget .chartDescription {
}

.eiti-chart-widget .legend {
    float: right;
    margin-right: 100px;
}
.eiti-chart-widget .legend-item-active {
    float: left;
    border: 2px solid #4bb4a1;
    border-radius: 3px;
    font-size: 2em;
    padding: 5px;
    line-height: 70%;
    margin: 1px;
    cursor: pointer;
}
.eiti-chart-widget .legend-item {
    float: left;
    border: 2px solid #ddd;
    border-radius: 3px;
    font-size: 2em;
    padding: 5px;
    line-height: 70%;
    margin: 1px;
    cursor: pointer;
}
.eiti-chart-widget .legend-item li:hover {
    border: 2px solid #4bb4a1;
}


.eiti-chart-widget #waveformchart svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.eiti-chart-widget #waveformchart {
    width: 100%;
    height: 140px;
    background-color: #333;
    position: relative;
    margin-bottom: 20px;
}
.eiti-chart-widget .axis {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.eiti-chart-widget .axis text {
    font: 11px sans-serif;
    fill: #000;
    stroke: none;
    font-weight: bold;
}

.eiti-chart-widget .axis line {
    stroke: #ccc;
}

.eiti-chart-widget .axis path {
    stroke: #ccc;
}
.eiti-chart-widget #waveformchart .bar{
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
}

.eiti-chart-widget #waveformchart .bar:hover {
    height: 100%;
    -webkit-transform: scale(2,100); /* Safari */
    transform: scale(2,100);
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
}

.eiti-chart-widget .bar:hover {
    stroke: #333;
}

.eiti-chart-widget .dot:hover {
    fill: #E55;
}

.eiti-chart-widget .area:hover {
    fill: #E55;
}

.eiti-chart-widget .line {
    padding: 10px;
}

.eiti-chart-widget .line:hover {
    stroke: #E55;
}

.eiti-chart-widget .arc path:hover {
    fill: #E55;
}

.eiti-chart-widget .arc text {
    font: 11px sans-serif;
    fill: #000;
    stroke: none;
    font-weight: bold;
}

.eiti-chart-widget .tooltip {
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #eee;
    opacity: 0.8;
    justify-content: center;
    align-items: center;
}

.eiti-chart-widget .brush .extent {
  stroke: #000;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

.eiti-chart-widget .brush .background {
  fill: #ddd;
}

.eiti-chart-widget #treemap svg{
  background: #ddd;
}

.eiti-chart-widget .grandparent text {
  font-weight: bold;
}

.eiti-chart-widget .rect {
  fill: none;
  stroke: #fff;
}

.eiti-chart-widget rect.parent,
.eiti-chart-widget .grandparent rect {
  stroke-width: 2px;
}

.eiti-chart-widget .grandparent rect {
  fill: orange;
}

.eiti-chart-widget .grandparent:hover rect {
  fill: #ee9700;
}

.eiti-chart-widget .children rect.parent,
.eiti-chart-widget .grandparent rect {
  cursor: pointer;
}

.eiti-chart-widget .children rect.parent {
  fill: #bbb;
  fill-opacity: .5;
}

.eiti-chart-widget .children:hover rect.child {
  fill: #bbb;
}

.eiti-chart-widget .node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.eiti-chart-widget .node text {
  font-size: 1.2em;
  pointer-events: none;
}

.eiti-chart-widget .link {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
}

.eiti-chart-widget .link:hover {
  stroke-opacity: .5;
}

.eiti-chart-widget .browser text {
  text-anchor: end;
}

.eiti-chart-widget .export {
  background: #f0f0f0;
  border: #f0f0f0;
  color: #0093cf;
  font-size: 0.8em;
  margin: 15px 0;
  padding: 4px 10px;
}

.eiti-chart-widget .export:hover {
  background: #0093cf;
  border: #0093cf;
  color: #f0f0f0;
}



TABLE.country_scorecard {
  border-collapse: collapse;
}

.country_scorecard, .country_scorecard TD {
  border: 1px solid #ccc;
  padding: 5px 0px 5px 8px;
  vertical-align: middle;
}

.country_scorecard, .country_scorecard TH {
  border: 1px solid #ccc;
  padding: 2px 8px 2px 8px;
}


.country_scorecard .no_progress, .scorecard-legend .no_progress {
  background-color: #C00000;
}

.country_scorecard .no, .scorecard-legend .no {
  background-color: #C00000;
}

.country_scorecard .inadequate, .scorecard-legend .inadequate {
  background-color: #FAC433;
}

.country_scorecard .meaningful, .scorecard-legend .meaningful {
  background-color: #84AD42;
}

.country_scorecard .satisfactory, .scorecard-legend .satisfactory {
  background-color: #2D8B2A;
}

.country_scorecard .beyond, .scorecard-legend .beyond {
  background-color: #5182bb;
}

.country_scorecard .only_encouraged, .scorecard-legend .only_encouraged {
  background-color: #ccc;
}

.country_scorecard .not_applicable, .scorecard-legend .not_applicable {
  color: white;
  background: repeating-linear-gradient(
    -45deg,
    #222,
    #222 2px,
    #fff 2px,
    #fff 5px
  );
}



.country_scorecard TH.scores {
  height: 110px;
  white-space: nowrap;
}

.country_scorecard TH.scores > p {
  transform:
    translate(0px, 30px)
    rotate(-90deg);
  width: 30px;
}

.country_scorecard .requirement_description {
  font-size:9pt;
  width:300px;
  line-height: 1.7em;
}

.country_scorecard .requirement_button {
  cursor: pointer;
  color: #0093cf;
}

.eiti-chart-widget .scorecard-legend .scorecard-legend-item i, .eiti-chart-widget .scorecard-legend .scorecard-legend-item span {
  width: 2em;
  height: 2.5em;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  vertical-align: middle;
}

.eiti-chart-widget .scorecard-legend .scorecard-legend-item div {
  display:inline-block;
  width:90%;
  float: left;
  vertical-align: middle;
}
.eiti-chart-widget .scorecard-legend .scorecard-legend-item {
  clear:both;
}


.eiti-chart-widget .scorecard-legend {
  margin-top:2em;
}

.country_scorecard TR:first-child TH {
  background-color:#0093cf;
  color:#fff;
  font-style: normal;
  font-weight: bold;
  text-align: left;
}

.country_scorecard TR TH {
  background-color:#f2f2f2;
  color:#676767;
  font-style: normal;
  font-weight: bold;
  text-align: left;
}

.country_scorecard TD.requirement {
  background-color:#e2e2e2;
}

.country_scorecard .requirement_description {
  font-size:9pt;
  width:300px;
}
.country_scorecard .requirement_button {
  cursor: pointer;
  color: #0093cf;
}