svg:not(:root) { overflow: hidden; }
html { overflow-y: scroll; }
ul, div.nav { pointer-events: none; }
li { pointer-events: all; }
.catGroup h2 { border-bottom: 1px solid rgb(227, 227, 227); padding-bottom: 5px; margin-bottom: 5px; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; }
.hideMe { display: none; }
.tempHide, .unhighlight { fill-opacity: 0 !important; }
.noMouse { pointer-events: none; }
#document { margin: 0px auto; font: 12px/1.4em "Roboto", Helvetica, Arial, sans-serif; }
#mapTitle { font-size: 28px; font-weight: normal; line-height: 100%; }
#barTitle { font-size: 28px; font-weight: normal; line-height: 100%; }
#model { font-size: 14px; margin-bottom: 8px; }
#shareables { float: right; }
ul.social-buttons { margin: 0px; }
ul.social-buttons li { display: inline; list-style-type: none; }
#linkButton { float: right; padding: 0.25em; font-size: 14px; font-weight: normal; }
select { border: 1px solid rgb(211, 211, 211); color: rgb(85, 85, 85); font-weight: normal; white-space: nowrap; border-radius: 4px; padding: 0.25em; font-size: 14px; margin: 1.5px; }
select:disabled, option:disabled, li.disabled { background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; background-image: none; background-size: auto auto; background-origin: padding-box; background-clip: border-box; background-color: silver !important; font-style: italic; pointer-events: none; color: gray !important; }
option.default { color: red; font-style: italic; }
ul.tabs { list-style: outside none none; padding: 35px 10px; margin: 0px; }
ul.tabs li { border: 1px solid rgb(211, 211, 211); color: rgb(85, 85, 85); font-weight: normal; font-size: 14px; list-style: outside none none; margin: 5px 0px 5px 5px; padding: 0.25em; top: 0px; border-radius: 4px; background-color: white; text-align: center; }
ul.tabs li:hover { color: rgb(33, 33, 33); cursor: pointer; box-shadow: rgb(204, 204, 204) 0px 14px 14px -14px inset; }
ul.tabs li.active, ul.tabs li.active:hover { background-color: rgb(122, 122, 122); color: rgb(248, 248, 248); box-shadow: rgb(150, 150, 150) 0px 14px 14px -14px inset; cursor: default; font-weight: bold; }
div#tooltip { z-index: 10; color: rgb(102, 102, 102); position: absolute; width: 200px; padding: 5px; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; border: thin solid black; border-radius: 3px; box-shadow: rgba(50, 50, 50, 0.75) 0px 0px 5px 0px; pointer-events: none; text-align: center; opacity: 0; }
#tooltip header { font-size: 16px; font-weight: bold; border: medium none; padding: 4px; }
#tooltip .question { font-size: 12px; }
#tooltip .percent { font-size: 15px; font-weight: bold; }
#tooltip .counts { font-size: 10px; }
#tooltip hr { display: block; height: 1px; border-color: rgb(153, 153, 153) currentcolor currentcolor; border-style: solid none none; border-width: 1px 0px 0px; border-image: none 100% / 1 / 0 stretch; margin: 3px 0px; padding: 0px; }
div.map { position: relative; }
text { pointer-events: none; }
.axis text { font-size: 14px; }
.axis path, .axis line { fill: none; stroke: rgb(0, 0, 0); shape-rendering: crispedges; }
.tick line { stroke: rgb(192, 192, 192); stroke-dasharray: 5, 10; stroke-linecap: round; }
.y.axis .domain { display: none; }
.geography path { stroke-linejoin: round; }
g.place path { stroke-width: 0.5px; stroke: white; fill: black; }
g.place text { font-size: 4px; fill: black; }
g.place text.fore { font-size: 4px; fill: black; }
g.place text.back { font-size: 4px; fill: none; stroke: white; stroke-linejoin: round; }
g.place.capital path { stroke: white; fill: black; }
g.place.capital text { fill: black; }
.click { stroke: none; fill: none; pointer-events: all; cursor: pointer; stroke-linejoin: round; }
.click:hover { fill: white; fill-opacity: 0.25 !important; stroke: red; stroke-opacity: 0.35; }
.click.active, .click.active:hover { stroke: red; stroke-opacity: 1; }
.click.zoomState { stroke: black; stroke-opacity: 1; }
.chartTitle { font-size: 20px; font-weight: bold; }
.barGroup rect { stroke: white; stroke-width: 1px; }
text.name { margin-bottom: 15px; }
text.bar.label { }
text.label { font-size: 12px; font-weight: normal; }
text.bar.value { font-size: 14px; }
rect.legendBack { fill: white; fill-opacity: 0.8; stroke: none; pointer-events: none; }
rect.legendRect { shape-rendering: crispedges; }
line.legendLine { shape-rendering: crispedges; stroke: rgb(86, 86, 86); stroke-width: 1px; pointer-events: none; }
text.legendText, path.arrowHead, text.arrowText { fill: rgb(86, 86, 86); }
.legendGroup:first-of-type .legendLine, .legendGroup:first-of-type .legendText { display: none; }
.legendGroup.show:first-of-type .legendLine, .legendGroup.show:first-of-type .legendText, .legend .extreme { display: inline; fill: rgb(86, 86, 86); }
text.legendTop, text.legendBottom { text-anchor: middle; font-size: 16px; font-weight: bold; text-rendering: optimizelegibility; }
text.legendNatVal { font-size: 14px; text-rendering: optimizelegibility; font-weight: bold; }
g.legend text.legendTop { fill: rgb(27, 120, 55); }
g.legend text.legendBottom { fill: rgb(118, 42, 131); }
text.legendInteractionText { text-decoration: underline; fill: blue; cursor: pointer; pointer-events: all; }
text.legendLabel { font-weight: bold; }
g.backBtn rect { fill: rgb(223, 223, 223); stroke: black; stroke-width: 0.5px; cursor: pointer; }
g.backBtn rect:hover { fill: rgb(191, 191, 191); }
g.backBtn path { pointer-events: none; }
text.chartTitle { font-weight: bold; font-size: 24px; }
text.chartTitle.front { fill: black; }
text.chartTitle.back { fill: white; stroke: white; stroke-width: 3px; }
.legend .y.axis text { font-size: 10px; }
.x.axis text, .x.axis .domain { display: none; }
text.natText { font-size: 42px; }
text.natText.back { stroke: white; stroke-width: 2px; stroke-linejoin: round; }
rect.backRect { fill: rgb(242, 242, 242); stroke: rgb(204, 204, 204); }
.agree text, .disagree text { fill: white; }
text.name { font-size: 15px; }
line.halfLine { stroke: rgb(145, 145, 145); }
text.halfText { font-size: 10px; fill: rgb(145, 145, 145); }
.aboutDiv { margin-top: 40px; line-height: 150%; min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; }
.aboutDiv h4 { font-size: 18px; margin: 12px auto; }
.aboutDiv h5 { font-size: 14px; margin: 0px auto; }
.imputed-block { display: none; }
.imputed { display: inline-block; font-size: 10px; }
#partners { float: right; margin-top: 11px; }
#partners img { margin-right: 10px; }
@media print {
  .moreCharts { page-break-after: always; }
}