/* 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;
}

/* UNIDADE ORÇAMENTÁRIA */
#dropdownUnidadeOrcamentaria + .btn-group {
  width: 220px;
}

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

/* GRUPO DE DESPESA */
#dropdownGrupoDespesa + .btn-group {
  width: 220px;
}

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

/* FUNÇÃO */
#dropdownFuncao + .btn-group {
  width: 220px;
}

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

/* SUBFUNÇÃO */
#dropdownSubFuncao + .btn-group {
  width: 220px;
}

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

/* PROGRAMA */
#dropdownPrograma + .btn-group {
  width: 220px;
}

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

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

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

/* AÇÃO */
#dropdownAcao + .btn-group {
  width: 220px;
}

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

/* ELEMENTO DA DESPESA */
#dropdownElementoDespesa + .btn-group {
  width: 220px;
}

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

@media screen and (max-width: 1486px) {
  #dropdownFonteRecurso + .btn-group .dropdown-menu {
    width: 120% !important;
  }
}

@media screen and (max-width: 1268px) {
  .transparencia-consulta-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 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;
  }

  /* UNIDADE ORÇAMENTÁRIA */
  #dropdownUnidadeOrcamentaria + .btn-group {
    width: 300px;
  }

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

  /* GRUPO DE DESPESA */
  #dropdownGrupoDespesa + .btn-group {
    width: 300px;
  }

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

  /* FUNÇÃO */
  #dropdownFuncao + .btn-group {
    width: 300px;
  }

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

  /* SUBFUNÇÃO */
  #dropdownSubFuncao + .btn-group {
    width: 300px;
  }

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

  /* PROGRAMA */
  #dropdownPrograma + .btn-group {
    width: 300px;
  }

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

  /* FONTE RECURSO */
  #dropdownFonteRecurso + .btn-group {
    width: 300px;
  }

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

  /* AÇÃO */
  #dropdownAcao + .btn-group {
    width: 300px;
  }

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

  /* ELEMENTO DA DESPESA */
  #dropdownElementoDespesa + .btn-group {
    width: 300px;
  }

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

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

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

  /* UNIDADE ORÇAMENTÁRIA */
  #dropdownUnidadeOrcamentaria + .btn-group .dropdown-menu {
    width: 160% !important;
  }

  /* GRUPO DE DESPESA */
  #dropdownGrupoDespesa + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* FUNÇÃO */
  #dropdownFuncao + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* SUBFUNÇÃO */
  #dropdownSubFuncao + .btn-group .dropdown-menu {
    width: 160% !important;
  }

  /* PROGRAMA */
  #dropdownPrograma + .btn-group .dropdown-menu {
    width: 160% !important;
  }

  /* FONTE RECURSO */
  #dropdownFonteRecurso + .btn-group .dropdown-menu {
    width: 160% !important;
  }

  /* AÇÃO */
  #dropdownAcao + .btn-group .dropdown-menu {
    width: 160% !important;
  }

  /* ELEMENTO DA DESPESA */
  #dropdownElementoDespesa + .btn-group .dropdown-menu {
    width: 160% !important;
  }
}

@media screen and (max-width: 860px) {
  /* UNIDADE ORÇAMENTÁRIA */
  #dropdownUnidadeOrcamentaria + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* GRUPO DE DESPESA */
  #dropdownGrupoDespesa + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* FUNÇÃO */
  #dropdownFuncao + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* SUBFUNÇÃO */
  #dropdownSubFuncao + .btn-group .dropdown-menu {
    width: 102% !important;
  }

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

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

  /* AÇÃO */
  #dropdownAcao + .btn-group .dropdown-menu {
    width: 102% !important;
  }

  /* ELEMENTO DA DESPESA */
  #dropdownElementoDespesa + .btn-group .dropdown-menu {
    width: 102% !important;
  }
}