/* region place variables*/
/* endregion */
/* region map variables*/
/* endregion */
/* region variables for plugins */
/* endregion */
.graphical-report__layout {
  line-height: 1;
  font-family: Helvetica, Arial, sans-serif;
}
.graphical-report__layout text {
  font: normal 13px Helvetica, Arial, sans-serif;
}
.graphical-report__chart {
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.graphical-report__layout {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto;
  background: transparent;
  color: #333333;
}
.graphical-report__layout__header {
  -ms-flex: 0 0.1 auto;
  -webkit-flex: 0 0.1 auto;
          flex: 0 0.1 auto;
}
.graphical-report__layout__container {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
}
.graphical-report__layout__footer {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
          flex: 0 1 auto;
}
.graphical-report__layout__sidebar {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
          flex: 0 1 auto;
}
.graphical-report__layout__content {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
}
.graphical-report__layout__content div {
  overflow: auto;
}
.graphical-report__layout__sidebar-right {
  position: relative;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}
.graphical-report__layout__sidebar-right__wrap {
  max-height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
.graphical-report__layout text {
  fill: #333333;
}
.graphical-report {
  /* region Select --------------------------------------------------*/
}
.graphical-report__checkbox {
  position: relative;
  display: block;
}
.graphical-report__checkbox__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.graphical-report__checkbox__icon {
  position: relative;
  width: 14px;
  height: 14px;
  top: 3px;
  display: inline-block;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  background: linear-gradient(to bottom, #ffffff 0%, #dbdbde 100%);
}
.graphical-report__checkbox__icon:before {
  display: none;
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAFoTx1HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4M0RDOTE4NDQ2MTFFNEE5RTdBRERDQzRBQzNEMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4M0RDOTI4NDQ2MTFFNEE5RTdBRERDQzRBQzNEMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRDgzREM4Rjg0NDYxMUU0QTlFN0FERENDNEFDM0QxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRDgzREM5MDg0NDYxMUU0QTlFN0FERENDNEFDM0QxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn2UjdoAAAEGSURBVHjaYvz//z8DGIAYSUlJdwECiBEukpiY/BDEAQggBrgIVBkLjAEDAAHEiMyBywBNOwDmJCYm/cdQBhBAqHrQAUgSojV5P8QtSY+A+D7cPTDdMAUwTQABhNdYJgZ8AF1nRkaGAgjDvQzi/AOCP3+YWX7+/HmXiYlRAcXY37//AEPs511OTg65uXPnPkQxNi0tTTklJUWGaNcCBBj+EMIDmBjIBCwo1jMyYigAul/x79//B4CulwOqODBv3hxHDKcmJycfAHLtgfrvMTExJf/7938xUF4GaOB9FhZmh1mzZj2CqUdNEkAdSUmZSsAgBNrAIAsUAQYlu+O0adMeo0cS/QMHAGJZps83N5ZDAAAAAElFTkSuQmCC');
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.graphical-report__checkbox__text {
  margin-left: 5px;
}
.graphical-report__checkbox__input ~ .graphical-report__checkbox__text {
  cursor: pointer;
}
.graphical-report__checkbox__input:disabled ~ .graphical-report__checkbox__text {
  cursor: default;
  opacity: 0.3;
}
.graphical-report__checkbox__input:not(:disabled):focus + .graphical-report__checkbox__icon {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 7px 0 #52a8ec;
  outline: none;
}
.graphical-report__checkbox:hover .graphical-report__checkbox__input:not(:disabled) ~ .graphical-report__checkbox__icon {
  border-color: #999999;
}
.graphical-report__checkbox__input:checked + .graphical-report__checkbox__icon {
  background: linear-gradient(to bottom, #ffffff 0%, #dbdbde 100%);
}
.graphical-report__checkbox__input:checked + .graphical-report__checkbox__icon:before {
  display: block;
}
.graphical-report__select {
  font-size: 13px;
  font-family: inherit;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  padding: 2px;
  background-color: #ffffff;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  color: #333333;
}
.graphical-report__select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 7px 0 #52a8ec;
  outline: none;
}
.graphical-report__select[disabled] {
  opacity: 0.3;
  cursor: default;
}
.graphical-report__select[multiple] {
  height: auto;
}
.graphical-report__select option[disabled] {
  opacity: 0.6;
}
/* region Generate .color@{n}-@{i}  function  */
.graphical-report__svg .color20-1 {
  stroke: #6fa1d9;
  fill: #6fa1d9;
}
.graphical-report__svg .color20-2 {
  stroke: #df2b59;
  fill: #df2b59;
}
.graphical-report__svg .color20-3 {
  stroke: #66da26;
  fill: #66da26;
}
.graphical-report__svg .color20-4 {
  stroke: #4c3862;
  fill: #4c3862;
}
.graphical-report__svg .color20-5 {
  stroke: #e5b011;
  fill: #e5b011;
}
.graphical-report__svg .color20-6 {
  stroke: #3a3226;
  fill: #3a3226;
}
.graphical-report__svg .color20-7 {
  stroke: #cb461a;
  fill: #cb461a;
}
.graphical-report__svg .color20-8 {
  stroke: #c7ce23;
  fill: #c7ce23;
}
.graphical-report__svg .color20-9 {
  stroke: #7fcdc2;
  fill: #7fcdc2;
}
.graphical-report__svg .color20-10 {
  stroke: #cca1c8;
  fill: #cca1c8;
}
.graphical-report__svg .color20-11 {
  stroke: #c84cce;
  fill: #c84cce;
}
.graphical-report__svg .color20-12 {
  stroke: #54762e;
  fill: #54762e;
}
.graphical-report__svg .color20-13 {
  stroke: #746bc9;
  fill: #746bc9;
}
.graphical-report__svg .color20-14 {
  stroke: #953441;
  fill: #953441;
}
.graphical-report__svg .color20-15 {
  stroke: #5c7a76;
  fill: #5c7a76;
}
.graphical-report__svg .color20-16 {
  stroke: #c8bf87;
  fill: #c8bf87;
}
.graphical-report__svg .color20-17 {
  stroke: #bfc1c3;
  fill: #bfc1c3;
}
.graphical-report__svg .color20-18 {
  stroke: #8e5c31;
  fill: #8e5c31;
}
.graphical-report__svg .color20-19 {
  stroke: #71ce7b;
  fill: #71ce7b;
}
.graphical-report__svg .color20-20 {
  stroke: #be478b;
  fill: #be478b;
}
.graphical-report__svg .color-default {
  stroke: #6fa1d9;
  fill: #6fa1d9;
}
/* endregion */
/* region Generate .line-params-@{n}  function  */
/* Generate .line-size-@{n} */
.graphical-report__line-width-1 {
  stroke-width: 1px;
}
.graphical-report__line-width-2 {
  stroke-width: 1.5px;
}
.graphical-report__line-width-3 {
  stroke-width: 2px;
}
.graphical-report__line-width-4 {
  stroke-width: 2.5px;
}
.graphical-report__line-width-5 {
  stroke-width: 3px;
}
/* Generate .line-opacity-@{n} */
.graphical-report__line-opacity-1 {
  stroke-opacity: 1;
}
.graphical-report__line-opacity-2 {
  stroke-opacity: 0.95;
}
.graphical-report__line-opacity-3 {
  stroke-opacity: 0.9;
}
.graphical-report__line-opacity-4 {
  stroke-opacity: 0.85;
}
.graphical-report__line-opacity-5 {
  stroke-opacity: 0.8;
}
/* endregion */
/* endregion */
.graphical-report {
  /* Links */
  /* Axises and Grid */
  /* Scatterplot  */
  /* Linechart  */
  /*  Bar  */
  /*  Bar  */
  /* TODO: fix to avoid conflict on "stroke" with color brewer */
  /* TODO: remove this when CSS for color brewer is fixed */
  /*  PLUGINS  */
  /*  Highlighter  */
}
.graphical-report a {
  color: #3962ff;
  border-bottom: 1px solid rgba(57, 98, 255, 0.3);
  text-decoration: none;
}
.graphical-report a:hover {
  color: #e17152;
  border-bottom: 1px solid rgba(225, 113, 82, 0.3);
}
.graphical-report__d3-time-overflown .tick:nth-child(even) {
  display: none;
}
.graphical-report__svg {
  display: block;
  overflow: hidden;
}
.graphical-report__svg .place {
  fill: #fff;
  stroke: #000;
  stroke-opacity: 0.7;
  stroke-width: 0.5;
}
.graphical-report__svg .place-label {
  opacity: 0.7;
  font-size: 11px;
  color: #000000;
  line-height: 13px;
  text-anchor: start;
}
.graphical-report__svg .place-label-countries,
.graphical-report__svg .place-label-subunits,
.graphical-report__svg .place-label-states {
  text-anchor: middle;
  font-size: 10px;
  fill: rgba(51, 51, 51, 0.5);
  line-height: 10px;
  text-transform: capitalize;
}
.graphical-report__svg .map-contour-level path {
  stroke-opacity: 0.5;
  stroke-linejoin: 'round';
}
.graphical-report__svg .map-contour-level-0 path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-level-1 path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-level-2 path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-level-3 path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-level-4 path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-highlighted,
.graphical-report__svg .map-contour:hover {
  fill: #ffbf00;
}
.graphical-report__svg .map-contour-highlighted path,
.graphical-report__svg .map-contour:hover path {
  stroke: #ffffff;
}
.graphical-report__svg .map-contour-highlighted text,
.graphical-report__svg .map-contour:hover text {
  fill: #000000;
}
.graphical-report__svg .axis line,
.graphical-report__svg .axis path {
  stroke-width: 1;
  fill: none;
  stroke: rgba(189, 195, 205, 0.4);
  shape-rendering: crispEdges;
}
.graphical-report__svg .axis.facet-axis .tick line {
  opacity: 0;
}
.graphical-report__svg .axis.facet-axis .tick line.label-ref {
  opacity: 1;
}
.graphical-report__svg .axis.facet-axis .tick text {
  font-weight: 600;
}
.graphical-report__svg .axis.facet-axis path.domain {
  opacity: 0;
}
.graphical-report__svg .axis.facet-axis.compact .tick text {
  font-weight: normal;
}
.graphical-report__svg .axis.facet-axis.compact .label {
  font-weight: normal;
}
.graphical-report__svg .axis.facet-axis.compact .label .label-token {
  font-weight: normal;
}
.graphical-report__svg .tick text {
  font-size: 11px;
}
.graphical-report__svg .grid .grid-lines path {
  shape-rendering: crispEdges;
}
.graphical-report__svg .grid .line path,
.graphical-report__svg .grid path.line,
.graphical-report__svg .grid path.domain {
  fill: none;
}
.graphical-report__svg .grid line {
  fill: none;
  stroke: rgba(189, 195, 205, 0.4);
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.graphical-report__svg .grid .line path {
  shape-rendering: auto;
}
.graphical-report__svg .label {
  font-size: 12px;
  font-weight: 600;
}
.graphical-report__svg .label .label-token {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.graphical-report__svg .label .label-token-1,
.graphical-report__svg .label .label-token-2 {
  font-weight: normal;
}
.graphical-report__svg .label .label-token-2 {
  fill: gray;
}
.graphical-report__svg .label .label-token-delimiter {
  font-weight: normal;
  fill: gray;
}
.graphical-report__svg .label.inline .label-token {
  font-weight: normal;
  fill: gray;
  text-transform: none;
}
.graphical-report__svg .brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}
.graphical-report__svg .background {
  stroke: #f2f2f2;
}
.graphical-report__svg .caption {
  stroke-width: 0.1;
  font-size: 11px;
  text-anchor: middle;
}
.graphical-report__svg .caption.caption-left-edge,
.graphical-report__svg .caption.caption-top-edge,
.graphical-report__svg .caption.caption-bottom-edge {
  text-anchor: start;
}
.graphical-report__svg .caption.caption-right-edge {
  text-anchor: end;
}
.graphical-report__dot {
  opacity: 0.7;
  transition: stroke-width 0.1s ease, opacity 0.1s ease;
  stroke-width: 0;
}
.graphical-report__line {
  fill: none;
  transition: stroke-opacity 0.2s ease, stroke-width 0.2s ease;
}
.graphical-report__dot-line {
  opacity: 1;
  transition: stroke-opacity 0.2s ease;
}
.graphical-report__bar {
  shape-rendering: crispEdges;
  transition: opacity 0.2s ease;
}
.graphical-report__bar-stacked {
  shape-rendering: crispEdges;
  transition: opacity 0.2s ease;
  stroke-opacity: 0.5;
  stroke-width: 1;
  stroke: #fff;
}
.graphical-report__area polygon {
  opacity: 0.55;
  transition: stroke-opacity 0.2s ease, stroke-width 0.2s ease;
}
.graphical-report__svg .graphical-report__bar-stacked {
  stroke: #fff;
}
.graphical-report__dot.graphical-report__highlighted {
  stroke-width: 2;
  opacity: 1;
}
.graphical-report__dot.graphical-report__dimmed {
  opacity: 0.2;
}
.graphical-report__line.graphical-report__highlighted {
  stroke-opacity: 1;
  stroke-width: 3;
}
.graphical-report__line.graphical-report__dimmed {
  stroke-opacity: 0.2;
}
.graphical-report__area.graphical-report__highlighted,
.graphical-report__bar.graphical-report__highlighted,
.graphical-report__bar-stacked.graphical-report__highlighted {
  stroke-opacity: 1;
  opacity: 1;
}
.graphical-report__area.graphical-report__dimmed,
.graphical-report__bar.graphical-report__dimmed,
.graphical-report__bar-stacked.graphical-report__dimmed {
  opacity: 0.2;
}