/* ANOS */
#dropdownAnos + .btn-group {
  width: 220px;
}

#dropdownAnos + .btn-group .dropdown-menu {
  width: 100% !important;
}

/* MES */
#dropdownMes + .btn-group {
  width: 220px;
}

#dropdownMes + .btn-group .dropdown-menu {
  width: 100% !important;
}

/* UNIDADE GESTORA */
#dropdownUnidadeGestora + .btn-group {
  width: 220px;
}

#dropdownUnidadeGestora + .btn-group .dropdown-menu {
  width: 100% !important;
}

/* FONTE */
#dropdownFonte + .btn-group {
  /*works*/
  width: 220px;
}

#dropdownFonte + .btn-group .dropdown-menu {
  width: 160% !important;
}

/* SUBFONTE */
#dropdownSubFonte + .btn-group {
  width: 220px;
}

#dropdownSubFonte + .btn-group .dropdown-menu {
  width: 160% !important;
}

/* NATUREZA */
#dropdownNatureza + .btn-group {
  width: 220px;
}

#dropdownNatureza + .btn-group .dropdown-menu {
  width: 160% !important;
}

@media screen and (max-width: 1409px) {
  .transparencia-consulta-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }

  /* ANOS */
  #dropdownAnos + .btn-group {
    width: 300px;
  }
  #dropdownAnos + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* MES */
  #dropdownMes + .btn-group {
    width: 300px;
  }
  #dropdownMes + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* UNIDADE GESTORA */
  #dropdownUnidadeGestora + .btn-group {
    width: 300px;
  }
  #dropdownUnidadeGestora + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* FONTE */
  #dropdownFonte + .btn-group {
    width: 300px;
  }
  #dropdownFonte + .btn-group .dropdown-menu {
    width: 125% !important;
  }

  /* SUBFONTE */
  #dropdownSubFonte + .btn-group {
    width: 300px;
  }
  #dropdownSubFonte + .btn-group .dropdown-menu {
    width: 125% !important;
  }

  /* NATUREZA */
  #dropdownNatureza + .btn-group {
    width: 300px;
  }
  #dropdownNatureza + .btn-group .dropdown-menu {
    width: 125% !important;
  }
}

@media screen and (max-width: 1128px) {
  .transparencia-consulta-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    gap: 1rem;
  }

  #dropdownAnos,
  #dropdownMes,
  #dropdownUnidadeGestora {
    width: 100%;
  }

  /* FONTE */
  #dropdownFonte + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* SUBFONTE */
  #dropdownSubFonte + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* NATUREZA */
  #dropdownNatureza + .btn-group .dropdown-menu {
    width: 102% !important;
  }
}