@charset "UTF-8";
.graphics svg {
  stroke-width: 0;
  background-color: white;
  display: block;
  margin: auto; }

.ak_piecharts {
  line-height: normal; }

text.center-title {
  font-size: 22pt;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  fill: #1c1c1c; }

text.center-date {
  font-size: 11pt;
  font-family: 'Roboto', Arial, sans-serif;
  fill: #1c1c1c;
  opacity: 0.5;
  font-weight: 300; }

text.legend-title {
  font-size: 20px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  fill: #1c1c1c; }

text.legend-title.smaller {
  font-size: 16px;
}

text.legend-percents {
  font-size: 35px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 100;
  fill: #1c1c1c; }

text.legend-percents.smaller {
  font-size: 28px;
}

.outer-arc path {
  stroke: #fff;
  stroke-width: 3;
  fill: #ebe9e9; }

.inner-arc path {
  stroke-width: 0; }

.inner-arc-color1 {
  fill: #ea615c; }

.inner-arc-color2 {
  fill: #7e3837; }

.inner-arc-color3 {
  fill: #f61f28; }

.inner-arc-color4 {
  fill: #e65537; }

.inner-arc-color5 {
  fill: #ae2022; }

.inner-arc-color6 {
  fill: #e53f32; }

.small-arc {
  stroke-width: 0; }

.small-arc-color0 {
  fill: #ebe9e9; }

.small-arc-color1 {
  fill: #ee3124; }

.small-arc-color2 {
  fill: #595959; }

.small-arc-color3 {
  fill: #b61b0f; }

.small-arc-color4 {
  fill: #ec5324; }

text.title {
  font-size: 22px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 100; }

text.percents {
  font-size: 40px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 100; }

text.description {
  font-size: 14px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  fill: #8d8d8d; }

.line-from-outer-arc {
  stroke: #ebe9e9;
  stroke-width: 2;
}