.chart {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-bottom: 5rem; }
  @media only screen and (max-width: 700px) {
    .chart {
      margin-bottom: 0; } }
  .chart .chartdiv1,
  .chart .legend {
    height: 300px; }
  .chart .legenddiv {
    width: 100%;
    height: 100%; }

.menu-wrapper {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 500px) {
    .menu-wrapper {
      flex-wrap: wrap; }
      .menu-wrapper .menu:first-child {
        margin-bottom: 0; } }
  .menu-wrapper h3 {
    width: 100%; }

.value:first-child::after, .value:last-child::after {
  width: 110px !important; }

.menu-item small {
  color: #828282; }

.menu .active small {
  color: #fff; }

.chart-labels-value.tab0 .value:first-child::after {
  content: "";
  background-image: url("../images/despesas/1_a_1.png"); }

.chart-labels-value.tab0 .value:last-child::after {
  content: "";
  background-image: url("../images/despesas/1_a_2.png"); }

.chart-labels-value.tab1 .value:first-child::after {
  content: "";
  background-image: url("../images/despesas/4_d_1.png"); }

.chart-labels-value.tab1 .value:last-child::after {
  content: "";
  background-image: url("../images/despesas/4_d_2.png"); }

.chart-labels-value.tab2 .value:first-child::after {
  content: "";
  background-image: url("../images/despesas/5_e_1.png"); }

.chart-labels-value.tab2 .value:last-child::after {
  content: "";
  background-image: url("../images/despesas/5_e_2.png"); }

.chart-labels-value.tab3 .value:first-child::after {
  content: "";
  background-image: url("../images/despesas/3_c_1.png"); }

.chart-labels-value.tab3 .value:last-child::after {
  content: "";
  background-image: url("../images/despesas/3_c_2.png"); }

.chart-labels-value.tab4 .value:first-child::after {
  content: "";
  background-image: url("../images/despesas/2_b_1.png"); }

.chart-labels-value.tab4 .value:last-child::after {
  content: "";
  background-image: url("../images/despesas/2_b_2.png"); }

.chart-labels::after {
  content: "";
  width: 80%;
  height: 2px;
  background-color: #e6e9ed;
  display: block;
  margin: -36px 0px 0px 10%; }

.subtitle {
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  color: #57a0d7;
  margin-top: 2rem;
  letter-spacing: -0.04em; }

.columns {
  display: flex;
  margin-bottom: 2rem;
  height: 240px;
  justify-content: center; }
  .columns .legend {
    flex-basis: 30%;
    margin-top: 2rem; }
  @media only screen and (max-width: 500px) {
    .columns {
      height: 170px; }
      .columns .legend {
        flex-basis: 54%;
        margin-top: 0; } }