.tooltip {
  /*box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);*/
  border: 1px solid #ccc;
  border-radius: 3px;
  /*padding: 20px;*/
  font-family: Lato, sans-serif;
  /*font-size: 12px;*/
  /*line-height: 1.2;*/
  font-size: 14;
  line-height: 1.3;
  /*white-space: nowrap;*/
}

.tooltip-municipio,
.tooltip-partido,
.tooltip-porcentagem {
  display: block;
}

.tooltip-municipio {
  padding: 7px 10px;
  background: #e8e8e8;
  font-weight: bold;
}

.tooltip-partido,
.tooltip-porcentagem {
  padding: 1px 10px 7px 10px;
}

.tooltip-partido {
  font-weight: bold;
}

.ui-tooltip {
  box-shadow: none !important;
  border: none !important;
  border-radius: none !important;
  padding: 0 !important;
  pointer-events: none;
}

button.year-button{
  width: 50%;
  height: 3.6rem;
  border: 1px solid #c5c5c5;
  background: #e8e8e8;
  color: #aaa;
  cursor: pointer;
  font-size: 1.5rem;
  font-family: 'Lato', sans-serif !important;
}

button.year-button.active{
  border: 1px solid #5c869c;
  background: #5c869c;
  color: #fff;
}

button.year-button:hover{
  background: #d8d8d8;
}
button.year-button.active:hover{
  background: #2e6988;
}

button.year-button:focus{
  box-shadow: none;
  outline: none;
}

.graph-circle-packing {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .graph-circle-packing {
    max-width: 480px;
  }
}
@media (min-width: 720px) {
  .graph-circle-packing {
    max-width: 640px;
  }
}
@media (min-width: 1440px) {
  .graph-circle-packing {
    max-width: 720px;
  }
}
@media (min-width: 1600px) {
  .graph-circle-packing {
    max-width: 960px;
  }
}
.graph-circle-packing circle {
  fill: none;
  stroke: none;
}
.graph-circle-packing text {
  fill: #777;
  font-family: Lato, sans-serif;
  font-size: 24px;
  text-anchor: end;
}
@media (min-width: 720px) {
  .graph-circle-packing text {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .graph-circle-packing text {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .graph-circle-packing text {
    font-size: 12px;
  }
}
.graph-circle-packing .legenda circle,
.graph-circle-packing .legenda line {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4px;
  stroke-dasharray: 0,8;
}
@media (min-width: 720px) {
  .graph-circle-packing .legenda circle,
  .graph-circle-packing .legenda line {
    stroke-width: 2px;
    stroke-dasharray: 0,4;
  }
}
.graph-circle-packing .node-root circle {
  stroke: #ddd;
}
.graph-circle-packing .node-partido text {
  fill: #333;
  font-weight: bold;
  text-anchor: middle;
  pointer-events: none;
}
.graph-circle-packing .node-partido .text-shadow {
  fill: white;
  stroke: white;
  stroke-width: 3;
}
.graph-circle-packing .node-municipio circle {
  cursor: pointer;
}
.graph-circle-packing .node-municipio circle:hover {
  stroke: black;
  stroke-width: 2;
}
.graph-circle-packing .node-municipio.node-DEM circle {
  fill: #5b879d;
}
.graph-circle-packing .node-municipio.node-NOVO circle {
  fill: #fcc88e;
}
.graph-circle-packing .node-municipio.node-PCdoB circle {
  fill: #ee5a47;
}
.graph-circle-packing .node-municipio.node-PCB circle {
  fill: #da6b6c;
}
.graph-circle-packing .node-municipio.node-PCO circle {
  fill: #77563c;
}
.graph-circle-packing .node-municipio.node-PDT circle {
  fill: #3c52a0;
}
.graph-circle-packing .node-municipio.node-PEN circle {
  fill: #c9b314;
}
.graph-circle-packing .node-municipio.node-PHS circle {
  fill: #f48a46;
}
.graph-circle-packing .node-municipio.node-PMB circle {
  fill: #8e81ba;
}
.graph-circle-packing .node-municipio.node-PMDB circle {
  fill: #bfb828;
}
.graph-circle-packing .node-municipio.node-PMN circle {
  fill: #b97a3e;
}
.graph-circle-packing .node-municipio.node-PP circle {
  fill: #b88278;
}
.graph-circle-packing .node-municipio.node-PPL circle {
  fill: #eb2e6d;
}
.graph-circle-packing .node-municipio.node-PPS circle {
  fill: #8b6267;
}
.graph-circle-packing .node-municipio.node-PR circle {
  fill: #c186ae;
}
.graph-circle-packing .node-municipio.node-PRB circle {
  fill: #f8a530;
}
.graph-circle-packing .node-municipio.node-PROS circle {
  fill: #c86133;
}
.graph-circle-packing .node-municipio.node-PRP circle {
  fill: #afd592;
}
.graph-circle-packing .node-municipio.node-PRTB circle {
  fill: #969eb2;
}
.graph-circle-packing .node-municipio.node-PSB circle {
  fill: #be3b94;
}
.graph-circle-packing .node-municipio.node-PSC circle {
  fill: #7cc8a8;
}
.graph-circle-packing .node-municipio.node-PSD circle {
  fill: #2ebfee;
}
.graph-circle-packing .node-municipio.node-PSDB circle {
  fill: #006492;
}
.graph-circle-packing .node-municipio.node-PSDC circle {
  fill: #6cbcd8;
}
.graph-circle-packing .node-municipio.node-PSL circle {
  fill: #a6b8c6;
}
.graph-circle-packing .node-municipio.node-PSOL circle {
  fill: #5f4070;
}
.graph-circle-packing .node-municipio.node-PSTU circle {
  fill: #8c58a1;
}
.graph-circle-packing .node-municipio.node-PT circle {
  fill: #b42b33;
}
.graph-circle-packing .node-municipio.node-PTdoB circle {
  fill: #e29a81;
}
.graph-circle-packing .node-municipio.node-PTB circle {
  fill: #c4a197;
}
.graph-circle-packing .node-municipio.node-PTC circle {
  fill: #4ca3a5;
}
.graph-circle-packing .node-municipio.node-PTN circle {
  fill: #f5a0a3;
}
.graph-circle-packing .node-municipio.node-PV circle {
  fill: #8ba568;
}
.graph-circle-packing .node-municipio.node-REDE circle {
  fill: #31767d;
}
.graph-circle-packing .node-municipio.node-SD circle {
  fill: #9572a0;
}