.pgm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pgm__menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 30px 0;
}
.pgm__menu a {
  text-decoration: none;
}
.pgm__menu a img {
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  border-radius: 20px;
  box-shadow: 0px 0px 20px -5px black;
  margin: 15px;
  height: 200px;
  width: 200px;
  transition: 0.5s;
}
.pgm__menu a img:hover {
  scale: 1.1;
}

#loginPage {
  background: linear-gradient(180deg, rgba(20, 111, 167, 0.7) 30%, rgba(20, 111, 167, 0.9) 100%);
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  height: calc(100vh - 180px);
  width: 100%;
  min-height: 400px;
}
#loginPage #loginLogo {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  margin: 20px 0;
  height: 110px;
}
#loginPage #loginLogo .supeLogo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#loginPage #loginLogo .supeLogo h1 {
  color: white;
  font-weight: 800;
  font-size: 60px;
  margin: 0 10px;
}
#loginPage #loginLogo .supeLogo img {
  width: 80px;
}
#loginPage #loginLogo h2 {
  color: white;
  font-weight: 600;
  font-size: 12px;
  margin: 5px 0 10px;
}
#loginPage #formLogin {
  height: calc(100vh - 330px);
  display: flex;
  align-items: center;
  min-height: 280px;
}
#loginPage #formLogin .ui-state-disabled {
  opacity: 1 !important;
}
#loginPage #formLogin\:pnl {
  background: rgba(208, 208, 208, 0.5647058824);
  border: none;
}
@media (min-width: 1025px) {
  #loginPage #formLogin\:pnl {
    padding: 20px;
    width: 400px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #loginPage #formLogin\:pnl {
    padding: 20px;
    width: 400px;
  }
}
@media (max-width: 640.98px) {
  #loginPage #formLogin\:pnl {
    padding: 20px 5px;
    width: 300px;
  }
}
#loginPage #formLogin\:pnl label {
  margin: 5px 0;
}
#loginPage #formLogin\:pnl .iconDiv {
  background: white;
  margin-right: 2px;
  width: 30px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
}
#loginPage #formLogin\:pnl .iconDiv i {
  background: white;
  border: none;
}
#loginPage #formLogin\:pnl button {
  width: 100px;
  margin: 15px auto 0;
  background: #2171a0;
  border: none;
  color: white;
}
#loginPage #formLogin\:pnl button span {
  font-weight: 600;
  text-shadow: none;
  font-size: 15px;
  padding: 0;
}
#loginPage #formLogin\:pnl_header {
  background: none;
  border: 0px;
  padding: 7px !important;
}
#loginPage #formLogin\:pnl_header span {
  font-size: 20px;
  color: #146fa7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#loginPage #formLogin\:pnl_content {
  display: flex;
  flex-direction: column;
  padding: 7px !important;
}
#loginPage #formLogin\:pnlUsuario {
  display: flex;
  align-items: start;
  justify-content: start;
}
#loginPage #formLogin\:pnlSenha {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-top: 3px;
}
#loginPage #formLogin\:usuario {
  border: none;
  border-bottom: 1px solid #7ea5bd;
  border-radius: 0 5px 0 0px;
}
#loginPage #formLogin\:senha {
  border: none;
  border-radius: 0 0 5px 0;
}
#loginPage #formLogin .ui-inputfield {
  color: black;
  padding: 6px 5px;
  box-shadow: none;
  font-size: 16px !important;
  width: calc(100% - 30px);
}

@media (min-width: 1025px) {
  .dlgNovidadesProtocolo {
    width: 1000px !important;
    height: auto !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgNovidadesProtocolo {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1025px) {
  .dlgNovidadesProtocolo__gif {
    width: 600px;
    height: 310px;
    margin: 0 170px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgNovidadesProtocolo__gif {
    width: 100%;
    height: 360px;
  }
}
@media (max-width: 640.98px) {
  .dlgNovidadesProtocolo__gif {
    width: 100% !important;
    height: 240px;
  }
}
.dlgNovidadesProtocolo__textArea {
  min-height: 150px;
  width: calc(100% - 5px);
  height: auto;
  margin: 0;
  overflow: auto;
}
.dlgNovidadesProtocolo__btn {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dlgNovidadesProtocolo__close {
  color: white !important;
  background: red !important;
  padding: 1rem 4rem;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-top: 10px;
}

@media (min-width: 1025px) {
  .dlgConfirmarPermissaoNatureza {
    width: 460px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgConfirmarPermissaoNatureza {
    width: 460px !important;
  }
}
.dlgConfirmarPermissaoNatureza .panelFlex {
  display: flex;
  flex-direction: column;
}
.dlgConfirmarPermissaoNatureza .ui-selectonemenu {
  min-width: 100% !important;
}

.dlgConfirmarRemoverPermissaoNatureza {
  height: auto;
}
@media (min-width: 1025px) {
  .dlgConfirmarRemoverPermissaoNatureza {
    width: 450px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgConfirmarRemoverPermissaoNatureza {
    width: 450px;
  }
}

.avisoNatureza {
  width: calc(100% - 10px);
  border-radius: 5px;
  text-align: center;
  border: 1px solid #87b6d9;
  padding: 15px;
  background: #c8e5ff;
  margin: 10px 5px 15px;
  font-size: 14px !important;
  color: #004f8a;
}

@media (min-width: 1025px) {
  .dlgDetalhesAssinaturaDocumento {
    width: 700px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgDetalhesAssinaturaDocumento {
    height: auto !important;
    top: 30px !important;
    max-height: calc(100% - 60px) !important;
    width: 600px !important;
  }
}
.dlgDetalhesAssinaturaDocumento__btn {
  height: 35px;
  width: 100%;
  transition: 1s;
}
.dlgDetalhesAssinaturaDocumento__btn:hover {
  background-color: #83bbe6 !important;
  border-color: #357ebd !important;
  color: #193853 !important;
}

@media (min-width: 1025px) {
  .dlgHabilitarTramitacaoAutomatica {
    width: 500px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgHabilitarTramitacaoAutomatica {
    height: auto !important;
    top: 30px !important;
    max-height: calc(100% - 60px) !important;
    width: 500px !important;
  }
}
.dlgHabilitarTramitacaoAutomatica__label {
  position: relative;
  font-weight: 600;
}

#formDlgHabilitarTramitacaoAutomatica .ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
}

.anexoProcesso__caracteristicas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .anexoProcesso__caracteristicas {
    justify-content: center;
  }
}
@media (min-width: 1201px) {
  .anexoProcesso__caracteristicas {
    justify-content: center;
  }
}
.anexoProcesso__caracteristicas img {
  width: 30px;
  margin-right: 2px;
}
.anexoProcesso__caracteristicas img:last-child {
  margin-right: 0;
}

.documentos {
  display: flex;
  margin-top: 5px;
}
@media (min-width: 1025px) {
  .documentos {
    justify-content: space-between;
  }
}
@media (max-width: 1024.98px) {
  .documentos {
    justify-content: start;
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .documentos__informacao {
    width: 39%;
  }
}
.documentos__informacao .panelInformacaoProcesso {
  height: 79vh;
}
.documentos__informacao .panelInformacaoProcesso #formArquivosProcesso\:tbvw\:botaoAnexar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 5px;
  margin-bottom: 10px;
}
.documentos__informacao .panelInformacaoProcesso .panelInformacaoFlex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 5px 0;
}
.documentos__informacao .panelInformacaoProcesso .panelInformacaoFlex label {
  font-weight: 600 !important;
  margin: 5px 0px;
}
.documentos__informacao .panelInformacaoProcesso .panelInformacaoFlex a {
  text-decoration: underline;
  color: blue;
  margin: 0 3px;
}
.documentos__informacao .panelInformacaoProcesso__acoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 5px;
}
.documentos__informacao .panelInformacaoProcesso__acoes button {
  height: 30px;
}
.documentos__informacao .panelInformacaoProcesso__acoes #formArquivosProcesso\:tbvw\:verpdf {
  width: 49%;
}
.documentos__informacao .panelInformacaoProcesso__acoes #formArquivosProcesso\:tbvw\:baixarTodosAnexos {
  width: 49%;
}
.documentos__informacao .panelInformacaoProcesso__acoes #formArquivosProcesso\:tbvw\:baixarAnexoSelec {
  margin-top: 4px;
  width: 100%;
}
.documentos__informacao .panelInformacaoProcesso__acoes #formArquivosProcesso\:tbvw\:btnAssinarLote {
  width: 39%;
}
.documentos__informacao .panelInformacaoProcesso__acoes #formArquivosProcesso\:tbvw\:btnAdcServidorAssLote {
  width: 59%;
}
@media (min-width: 1025px) {
  .documentos__pdf {
    width: 60%;
  }
}

#formArquivosProcesso\:tbvw\:tbArquivosProcesso.ui-state-highlight, #formArquivosProcesso\:tbvw\:tbArquivosProcesso .ui-widget-content .ui-state-highlight, #formArquivosProcesso\:tbvw\:tbArquivosProcesso .ui-widget-header .ui-state-highlight {
  background: #ace4ff;
}
#formArquivosProcesso\:tbvw\:tbArquivosProcesso.ui-state-disabled, #formArquivosProcesso\:tbvw\:tbArquivosProcesso .ui-widget-content .ui-state-disabled {
  background-color: transparent;
}

.panelFlexCentralizado {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelFlexCentralizado {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelFlexCentralizado {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1201px) {
  .panelFlexCentralizado {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 480.98px) {
  .panelFlexCentralizado {
    justify-content: flex-start;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelFlexCentralizado {
    justify-content: flex-start;
  }
}
.panelFlexCentralizado .ui-state-disabled, .panelFlexCentralizado .ui-widget-content .ui-state-disabled, .panelFlexCentralizado .ui-widget-header .ui-state-disabled {
  filter: brightness(0%) !important;
}
.panelFlexCentralizado button {
  border: 1px solid #1565c0 !important;
  border-radius: 5px !important;
  height: 25px;
  width: 30px !important;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelFlexCentralizado button {
    margin-bottom: 3px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelFlexCentralizado button {
    margin-bottom: 3px;
  }
}
@media (min-width: 1201px) {
  .panelFlexCentralizado button {
    margin-bottom: 3px;
  }
}
@media (max-width: 480.98px) {
  .panelFlexCentralizado button {
    margin-right: 5px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelFlexCentralizado button {
    margin-right: 5px;
  }
}
.panelFlexCentralizado button:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

.tramite__body {
  display: flex;
  align-items: start;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 5px;
}
.tramite__body__text {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.tramite__body .situacaoTramite .ui-selectonemenu {
  min-width: 0px !important;
  width: calc(100% - 150px) !important;
  margin: 0 5px 0 0;
}
.tramite__body .situacaoTramite button {
  margin: 0;
  height: 27px;
  width: 145px;
}
.tramite__body .ui-outputpanel {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .tramite__body .ui-outputpanel {
    width: 49%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .tramite__body .ui-outputpanel {
    width: 49%;
  }
}
@media (max-width: 640.98px) {
  .tramite__body .ui-outputpanel {
    width: 100%;
  }
}
.tramite__body .btnNovoComentario {
  height: 27px;
  width: 145px;
}
@media (min-width: 1025px) {
  .tramite__body .btnNovoComentario {
    margin: 0 0 5px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .tramite__body .btnNovoComentario {
    margin: 0px 0 6px;
  }
}
@media (max-width: 640.98px) {
  .tramite__body .btnNovoComentario {
    margin: 10px 5px 10px 0px;
  }
}
.tramite__body .movimentacao .columnDataHora {
  width: 100px;
  text-align: center;
  line-height: 15px !important;
}
.tramite__body .movimentacao .columnFeitoPor {
  text-align: center;
}
@media (min-width: 1025px) {
  .tramite__body .movimentacao .columnFeitoPor {
    width: 80px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .tramite__body .movimentacao .columnFeitoPor {
    width: 80px;
  }
}
.tramite__body .comentario .columnDataHora {
  width: 100px;
  text-align: center;
  line-height: 15px !important;
}
.tramite__body .comentario .columnAcoes {
  width: 130px;
}
@media (max-width: 640.98px) {
  .tramite__body .ui-column-title {
    width: 100%;
  }
}
.tramite__body tr td {
  vertical-align: middle;
}
.tramite__body tr td label {
  margin: 0;
  line-height: normal;
}

@media (min-width: 1025px) and (max-width: 1200.98px) {
  .informacaoProcessoEmOperacoes {
    width: 400px;
  }
}
@media (min-width: 1201px) {
  .informacaoProcessoEmOperacoes {
    width: 400px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .informacaoProcessoEmOperacoes {
    width: 300px;
  }
}
@media (max-width: 480.98px) {
  .informacaoProcessoEmOperacoes {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .informacaoProcessoEmOperacoes {
    width: 100%;
  }
}

.movimentacaoTramite__usuario {
  top: -20px;
  position: absolute;
  color: #FFFFFF;
  background: #1565c0;
  padding: 2px 30px 0 15px;
  left: -2px;
  width: max-content;
  border-radius: 5px 20px 0 0;
}
.movimentacaoTramite__painel {
  border: 2px solid;
  border-left: 3px solid;
  border-radius: 5px;
  width: 100%;
  padding: 0.4rem;
  position: relative;
  margin-top: 20px !important;
}
.movimentacaoTramite__data {
  padding: 0 20px 0 15px;
  border-radius: 0 0 20px 0;
  color: #FFFFFF;
  background: #1565c0;
  width: max-content;
  position: absolute;
  top: -1px;
  left: -2px;
  height: 20px;
  display: flex;
  align-items: center;
}
.movimentacaoTramite__descricao {
  margin-top: 20px !important;
}

#formArquivosProcesso h2 {
  margin: 6px 0;
  font-size: 2rem;
}

.filtros__panel {
  margin: 0 4px;
}
.filtros__panel .manymenu {
  position: relative;
  width: 100%;
  padding: 10px 7px;
}
.filtros__panel .panelFlex {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5px 2px;
}
.filtros__campoPesquisa__checkbox {
  width: 100%;
  margin-left: 2px;
  margin-bottom: 20px;
}
.filtros__campoPesquisa__insert {
  width: 100%;
  margin-left: 4px;
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .filtros__panel .manymenu {
    padding: 5px;
  }
  .filtros__panel .panelFlex {
    margin: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .filtros__panel .manymenu {
    padding: 8px;
  }
}
.filtros legend {
  margin-bottom: 0px;
}
.filtros .ui-fieldset-content {
  display: flex;
  flex-direction: column;
}
.filtros .ui-fieldset-content .ui-selectonemenu {
  min-width: 0px !important;
}
.filtros__btn {
  height: 30px;
  width: calc(100% - 20px);
  margin: 10px 10px;
}

#formConsultaProcessos\:inputBuscarProcesso {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
#formConsultaProcessos\:inputBuscarProcesso label {
  font-weight: 500;
}
#formConsultaProcessos\:camposBuscarProcesso {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width: 640.98px) {
  #formConsultaProcessos\:camposBuscarProcesso {
    margin-bottom: 10px;
  }
}
#formConsultaProcessos\:camposBuscarProcesso label {
  margin: 0px 0px 3px 0px;
}
#formConsultaProcessos\:camposBuscarProcesso .ui-inputfield {
  width: 70px;
}
#formConsultaProcessos\:camposBuscarProcesso p {
  font-size: 18px !important;
  font-weight: bold;
  margin: 25px 5px 0;
}
#formConsultaProcessos\:checkboxProcessosFisico label {
  margin: 0 0px 0 3px;
}
#formConsultaProcessos\:buttonBuscarProcesso {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  #formConsultaProcessos\:buttonBuscarProcesso {
    height: 67px;
  }
}
@media (max-width: 640.98px) {
  #formConsultaProcessos\:buttonBuscarProcesso {
    flex-wrap: wrap;
  }
}
#formConsultaProcessos\:buttonBuscarProcesso button {
  height: 30px;
  font-size: 11px !important;
}
@media (min-width: 1025px) {
  #formConsultaProcessos\:buttonBuscarProcesso button {
    margin: 0 5px;
    width: calc(100% - 10px);
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #formConsultaProcessos\:buttonBuscarProcesso button {
    margin: 0 5px;
    width: calc(100% - 10px);
  }
}
@media (max-width: 640.98px) {
  #formConsultaProcessos\:buttonBuscarProcesso button {
    margin: 5px 0;
    width: 100%;
  }
}
#formConsultaProcessos\:pgBuscaAvancada td {
  padding: 2px 2px 0px;
}

#formTabelaProcessos\:tbProcessosAhReceber {
  overflow: auto !important;
}
#formTabelaProcessos .ui-datatable .ui-datatable-data td, #formTabelaProcessos .ui-datatable .ui-datatable-data-empty td {
  line-height: 20px !important;
  border: 1px solid #666666;
}
#formTabelaProcessos .ui-datatable tbody td {
  padding: 0;
}
#formTabelaProcessos .infoProcesso {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 0px 5px;
}
#formTabelaProcessos .infoProcesso__panel {
  min-width: 98% !important;
}
#formTabelaProcessos .infoProcesso__panel .listaBotaoAcao {
  display: flex;
  align-items: start;
}
@media (min-width: 1025px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao {
    flex-direction: column;
    height: 105px;
    justify-content: center;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao {
    justify-content: space-around;
  }
}
@media (max-width: 640.98px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao {
    justify-content: center;
    flex-direction: column;
  }
}
#formTabelaProcessos .infoProcesso__panel .listaBotaoAcao button {
  height: 30px;
  margin: 2px 0;
}
@media (min-width: 1025px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao button {
    min-width: 95px;
    width: calc(100% - 20px);
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao button {
    width: 49%;
  }
}
@media (max-width: 640.98px) {
  #formTabelaProcessos .infoProcesso__panel .listaBotaoAcao button {
    width: 100%;
  }
}
#formTabelaProcessos .infoProcesso__panel .listaBotaoAcao .botaoResponsavel {
  width: 28px;
  min-width: 28px;
}
#formTabelaProcessos .infoProcesso__panel .listaBotaoAcao .ui-splitbutton button {
  width: 28px;
  min-width: 28px;
}
#formTabelaProcessos .infoProcesso__panel .listaBotaoAcao .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 20px;
  left: 28px;
}
#formTabelaProcessos .textoAviso {
  font-weight: 600;
  color: red;
  line-height: 1;
  max-width: 500px;
}

.panelProcessos {
  display: flex;
  align-items: start;
  justify-content: center;
}
@media (max-width: 1024.98px) {
  .panelProcessos {
    flex-direction: column;
  }
}
.panelProcessos__tabela {
  padding: 0 5px;
  position: relative;
}
.panelProcessos__tabela__header {
  min-height: 120px;
  height: auto;
}
.panelProcessos__tabela__header .processoSemResponsavel {
  position: absolute;
}
@media (min-width: 1025px) {
  .panelProcessos__tabela__header .processoSemResponsavel {
    top: 2px;
    left: 15px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelProcessos__tabela__header .processoSemResponsavel {
    top: 37px;
    left: calc(50% - 245px);
  }
}
@media (max-width: 640.98px) {
  .panelProcessos__tabela__header .processoSemResponsavel {
    top: 45px;
    left: 15px;
  }
}
.panelProcessos__tabela__header h3 {
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}
@media (min-width: 1025px) {
  .panelProcessos__tabela__header .selectRadio {
    max-width: 490px;
    margin: 0 auto;
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelProcessos__tabela__header .selectRadio {
    max-width: 490px;
    margin: 0 auto;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .panelProcessos__tabela__header .selectRadio__recebidos {
    margin: 0px auto 0;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelProcessos__tabela__header .selectRadio__recebidos {
    margin: 10px auto 0;
  }
}
@media (max-width: 640.98px) {
  .panelProcessos__tabela__header .selectRadio__recebidos {
    margin-top: 25px;
  }
}
.panelProcessos__tabela__header .selectRadio__ordem {
  font-weight: 600 !important;
}
.panelProcessos__tabela__header .selectRadio__text {
  margin-left: 5px;
}
.panelProcessos__tabela__header .btnFiltros {
  height: 30px;
  position: absolute;
  width: 130px;
}
@media (min-width: 1025px) {
  .panelProcessos__tabela__header .btnFiltros__add {
    right: 10px;
    top: 5px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelProcessos__tabela__header .btnFiltros__add {
    right: 10px;
    top: 5px;
  }
}
@media (max-width: 640.98px) {
  .panelProcessos__tabela__header .btnFiltros__add {
    right: 10px;
    top: 55px;
  }
}
@media (min-width: 1025px) {
  .panelProcessos__tabela__header .btnFiltros__limpar {
    top: 40px;
    right: 10px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelProcessos__tabela__header .btnFiltros__limpar {
    top: 40px;
    right: 10px;
  }
}
@media (max-width: 640.98px) {
  .panelProcessos__tabela__header .btnFiltros__limpar {
    right: 10px;
    top: 90px;
  }
}
@media (min-width: 401px) {
  .panelProcessos__tabela__header .btnFiltrosWithoutText {
    visibility: hidden;
    position: absolute;
  }
}
@media (max-width: 400.98px) {
  .panelProcessos__tabela__header .btnFiltros {
    visibility: hidden;
  }
  .panelProcessos__tabela__header .btnFiltrosWithoutText {
    width: 26px;
    height: 30px;
    position: absolute;
  }
  .panelProcessos__tabela__header .btnFiltrosWithoutText__add {
    right: 20px;
    top: 65px;
  }
  .panelProcessos__tabela__header .btnFiltrosWithoutText__limpar {
    right: 20px;
    top: 110px;
  }
}

.splitButtonAttProc {
  height: 30px;
  width: 100%;
}
.splitButtonAttProc button {
  height: 30px;
  width: 100%;
}

.splitButtonAttProcMenu {
  max-width: 240px;
  width: 100%;
}
.splitButtonAttProcMenu ul li a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem !important;
}
.splitButtonAttProcMenu ul li a .ui-menuitem-icon {
  transform: scale(1.5);
  margin: 0 !important;
  height: 12px;
}
.splitButtonAttProcMenu ul li a .ui-menuitem-text {
  margin: 0 0 0 1rem !important;
}

.btnBuscaProcessos {
  height: 30px;
}
@media (min-width: 1025px) {
  .btnBuscaProcessos {
    margin: 2px 0;
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .btnBuscaProcessos {
    margin: 2px 5px;
    width: calc(100% - 10px);
  }
}
@media (max-width: 640.98px) {
  .btnBuscaProcessos {
    margin: 2px 0;
    width: 100%;
  }
}

.tarjaProcesso {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.5);
  margin-left: 4px;
  width: 10px;
}
@media (min-width: 1025px) {
  .tarjaProcesso {
    height: 110px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .tarjaProcesso {
    height: 110px;
  }
}
@media (max-width: 640.98px) {
  .tarjaProcesso {
    height: 380px;
  }
}

.tarjaProcessoMigracao {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-radius: 0 10px 10px 0;
  box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.5);
  width: 10px;
  height: 140px;
  margin-right: 10px;
  margin-left: -10px;
}
.tarjaProcessoMigracao__dashboard {
  height: 80px !important;
}

.tarjaPequenaNormal {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-radius: 0 10px 10px 0;
  width: 10px;
  height: 40px;
  margin-right: 10px;
  margin-left: -10px;
}
@media (max-width: 480.98px) {
  .tarjaPequenaNormal {
    position: absolute;
  }
}

.tarjaDocumentoAnexado {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-radius: 0 10px 10px 0;
  width: 10px;
  height: 25px;
  margin-right: 10px;
  margin-left: -10px;
}
.tarjaDocumentoAnexado__dashboard {
  height: 80px !important;
}

.tarjaProcessoAtualizacaoProcessual {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-radius: 0 10px 10px 0;
  box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.5);
  width: 10px;
  margin-right: 10px;
  margin-left: -10px;
  height: 30px;
  position: absolute;
}

.tarjaProcessoBranco .tarjaProcesso, .tarjaProcessoBranco .tarjaProcessoMigracao, .tarjaProcessoBranco .tarjaProcessoAtualizacaoProcessual, .tarjaProcessoBranco .tarjaPequenaNormal {
  background: linear-gradient(#c7c7c7, rgb(229, 228, 228));
}

.tarjaProcessoVerde .tarjaProcesso, .tarjaProcessoVerde .tarjaProcessoMigracao, .tarjaProcessoVerde .tarjaProcessoAtualizacaoProcessual, .tarjaProcessoVerde .tarjaDocumentoAnexado, .tarjaProcessoVerde .tarjaPequenaNormal {
  background: linear-gradient(rgb(129, 206, 11), #c6ffbc);
}

.tarjaProcessoVermelho .tarjaProcesso, .tarjaProcessoVermelho .tarjaProcessoMigracao, .tarjaProcessoVermelho .tarjaProcessoAtualizacaoProcessual, .tarjaProcessoVermelho .tarjaPequenaNormal {
  background: linear-gradient(rgb(255, 0, 0), #ffaeae);
}

.tarjaProcessoLaranja .tarjaProcesso, .tarjaProcessoLaranja .tarjaProcessoMigracao, .tarjaProcessoLaranja .tarjaProcessoAtualizacaoProcessual, .tarjaProcessoLaranja .tarjaDocumentoAnexado, .tarjaProcessoLaranja .tarjaPequenaNormal {
  background: linear-gradient(rgb(255, 153, 0), #ffd0ae);
}

.tarjaProcessoAzulClaro .tarjaProcesso, .tarjaProcessoAzulClaro .tarjaProcessoMigracao, .tarjaProcessoAzulClaro .tarjaProcessoAtualizacaoProcessual, .tarjaProcessoAzulClaro .tarjaDocumentoAnexado, .tarjaProcessoAzulClaro .tarjaPequenaNormal {
  background: linear-gradient(rgb(0, 0, 255), #bcbcff);
}

.selecaoSistema {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.selecaoSistema .panelSistema {
  box-shadow: 0px 0px 20px -5px black;
  margin: 15px;
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  border-radius: 20px;
  width: 250px;
  transition: 0.5s;
}
.selecaoSistema .panelSistema:hover {
  scale: 1.1;
}

#formProcessoSemResponsavel .ui-outputpanel {
  padding: 0 3px;
}
#formProcessoSemResponsavel .ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
}

.processoSemResponsavelPainel {
  position: relative;
  width: 100%;
}
.processoSemResponsavelPainel__buscar {
  border: 1px solid #a6c9e2;
}
.processoSemResponsavelPainel__buscar__manymenu {
  left: -10px;
  position: relative;
  width: calc(100% + 20px);
}
.processoSemResponsavelPainel__pesquisar {
  border: 1px solid #a6c9e2;
  position: relative;
  min-height: 100px;
}
.processoSemResponsavelPainel__acao {
  border: 1px solid #a6c9e2;
}
.processoSemResponsavelPainel__acao__btn {
  left: 0px;
  height: 40px;
  width: 100%;
}
.processoSemResponsavelPainel__acao__btn--limpar {
  margin: 5px 0px;
}

#formFiltro, #formDashboard {
  max-width: 1000px;
  margin: 0 auto;
}

.panelBuscarProcessoAtualizacaoProcessual .ui-panel-content {
  display: flex;
}
@media (min-width: 1025px) {
  .panelBuscarProcessoAtualizacaoProcessual .ui-panel-content {
    align-items: flex-end;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .panelBuscarProcessoAtualizacaoProcessual .ui-panel-content {
    align-items: flex-end;
  }
}
@media (max-width: 640.98px) {
  .panelBuscarProcessoAtualizacaoProcessual .ui-panel-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.btnBuscaProcessosAtualizacaoProcessual {
  display: flex;
  width: 100%;
}
@media (min-width: 1025px) {
  .btnBuscaProcessosAtualizacaoProcessual {
    max-width: 300px;
    margin-left: 5px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .btnBuscaProcessosAtualizacaoProcessual {
    max-width: 300px;
    margin-left: 5px;
  }
}
@media (max-width: 640.98px) {
  .btnBuscaProcessosAtualizacaoProcessual {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1025px) {
  .btnBuscaProcessosAtualizacaoProcessual .btnLimparAtualizacaoProcessual {
    margin-left: 3px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .btnBuscaProcessosAtualizacaoProcessual .btnLimparAtualizacaoProcessual {
    margin-left: 3px;
  }
}

@media (min-width: 1025px) {
  .panelAvancado .ui-panel-content {
    min-height: 64.6px;
  }
}

.atualizacaoProcessual {
  max-width: 1000px;
  margin: 20px auto;
  border-radius: 5px;
}
.atualizacaoProcessual h1 {
  text-align: center;
  margin: 10px 0 20px;
  border-bottom: 3px solid;
  padding-bottom: 15px;
  font-size: 3rem;
}
.atualizacaoProcessual__nProcesso {
  display: flex;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .atualizacaoProcessual__nProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .atualizacaoProcessual__nProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .atualizacaoProcessual__nProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1201px) {
  .atualizacaoProcessual__nProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 480.98px) {
  .atualizacaoProcessual__nProcesso {
    flex-direction: column;
  }
}
.atualizacaoProcessual__nProcesso__campo {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .atualizacaoProcessual__nProcesso .ui-inputfield {
    max-width: 150px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .atualizacaoProcessual__nProcesso .ui-inputfield {
    max-width: 150px;
  }
}
@media (min-width: 1201px) {
  .atualizacaoProcessual__nProcesso .ui-inputfield {
    max-width: 150px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .atualizacaoProcessual__nProcesso .ui-inputfield {
    max-width: 123px;
  }
}
@media (max-width: 480.98px) {
  .atualizacaoProcessual__nProcesso .ui-inputfield {
    flex-direction: column;
    width: 100%;
  }
}
.atualizacaoProcessual__nProcesso p {
  font-size: 2rem;
  margin: 0 5px;
}
@media (max-width: 480.98px) {
  .atualizacaoProcessual__nProcesso p {
    display: none;
  }
}
.atualizacaoProcessual__matricula--numero .ui-inputfield {
  width: calc(100% - 76px);
}
.atualizacaoProcessual__matricula--digito .ui-inputfield {
  max-width: 60px;
  width: 100%;
}
.atualizacaoProcessual__campoProcesso {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid;
  padding-bottom: 15px;
  margin-bottom: 5px;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .atualizacaoProcessual__campoProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .atualizacaoProcessual__campoProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .atualizacaoProcessual__campoProcesso {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1201px) {
  .atualizacaoProcessual__campoProcesso {
    align-items: center;
    justify-content: center;
  }
}
.atualizacaoProcessual__campo {
  display: flex;
  flex-direction: column;
  padding: 6px 8px 6px 6px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #eeeeee;
}
.atualizacaoProcessual__campo .ui-outputlabel {
  margin: 0px;
}
.atualizacaoProcessual__campo__valor {
  font-weight: 500;
  margin-top: 0 !important;
}
.atualizacaoProcessual__campo__outro {
  display: flex;
  flex-direction: column;
}
.atualizacaoProcessual .ui-datatable-header {
  display: flex;
}
.atualizacaoProcessual .ui-datatable-header .btnAdicionar {
  height: 30px;
  font-size: 1.2rem;
  transition: 0.5s;
  background: #477F42;
  color: #FFFFFF;
  text-shadow: none;
}
@media (max-width: 480.98px) {
  .atualizacaoProcessual .ui-datatable-header .btnAdicionar {
    width: calc(100% - 10px);
    margin: 10px 5px 0;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .atualizacaoProcessual .ui-datatable-header .btnAdicionar {
    width: 250px;
    margin: 10px 0 0 10px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .atualizacaoProcessual .ui-datatable-header .btnAdicionar {
    width: 250px;
    margin: 10px 0 0 10px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .atualizacaoProcessual .ui-datatable-header .btnAdicionar {
    width: 250px;
    margin: 10px 0 0 10px;
  }
}
@media (min-width: 1201px) {
  .atualizacaoProcessual .ui-datatable-header .btnAdicionar {
    width: 250px;
    margin: 10px 0 0 10px;
  }
}

.textoDescricao {
  border: 1px solid;
  background: #d8e1f2;
}

.textoDescricao p {
  margin: 10px;
  text-align: justify;
}

.downloadpanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 85px;
}
.downloadpanel button {
  width: 40px;
  height: 40px;
  margin: 0;
}

.dlgConcluirProcessoProtocoloCidadao {
  height: auto !important;
  width: 800px !important;
}
.dlgConcluirProcessoProtocoloCidadao .button {
  width: calc(100% - 30px);
  height: 30px;
}

.dlgPreenchimentoProcessoProtocoloCidadao {
  height: auto !important;
  width: 550px !important;
}
.dlgPreenchimentoProcessoProtocoloCidadao .inputValue {
  width: calc(100% - 15px);
  top: 8px;
  left: 15px;
  min-width: 300px !important;
  position: relative;
}
.dlgPreenchimentoProcessoProtocoloCidadao .button {
  width: calc(100% - 30px);
  height: 30px;
}

.dlgIndeferirProcessoProtocoloCidadao {
  height: auto !important;
  width: 550px !important;
}
.dlgIndeferirProcessoProtocoloCidadao .button {
  width: calc(100% - 30px);
  height: 30px;
}

.dlgGerenciarClass {
  top: 15px !important;
  width: 400px !important;
}
.dlgGerenciarClass__atual {
  background-color: #d0e5f5 !important;
  border: 1px solid #357ebd !important;
  padding-top: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dlgGerenciarClass__atual__label {
  color: #357ebd !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.dlgGerenciarClass__panel__label {
  font-weight: 600 !important;
  margin-top: 10px;
}
.dlgGerenciarClass__panel__select {
  width: 100%;
}
.dlgGerenciarClass__panel__areaText {
  width: 100%;
}
.dlgGerenciarClass__action {
  margin-bottom: 10px;
  width: 100%;
}
.dlgGerenciarClass__action__button {
  width: 100%;
  height: 30px;
}

@media (min-width: 1025px) {
  .dlgConfirmarPermissaoNatureza {
    width: 460px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgConfirmarPermissaoNatureza {
    width: 460px !important;
  }
}
.dlgConfirmarPermissaoNatureza .panelFlex {
  display: flex;
  flex-direction: column;
}
.dlgConfirmarPermissaoNatureza .ui-selectonemenu {
  min-width: 100% !important;
}

.dlgConfirmarRemoverPermissaoNatureza {
  height: auto;
}
@media (min-width: 1025px) {
  .dlgConfirmarRemoverPermissaoNatureza {
    width: 450px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgConfirmarRemoverPermissaoNatureza {
    width: 450px;
  }
}

@media (min-width: 1025px) {
  .dlgDetalhesAssinaturaDocumento {
    width: 700px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgDetalhesAssinaturaDocumento {
    height: auto !important;
    top: 30px !important;
    max-height: calc(100% - 60px) !important;
    width: 600px !important;
  }
}
.dlgDetalhesAssinaturaDocumento__btn {
  height: 35px;
  width: 100%;
  transition: 1s;
}
.dlgDetalhesAssinaturaDocumento__btn:hover {
  background-color: #83bbe6 !important;
  border-color: #357ebd !important;
  color: #193853 !important;
}

@media (min-width: 1025px) {
  .dlgHabilitarTramitacaoAutomatica {
    width: 500px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgHabilitarTramitacaoAutomatica {
    height: auto !important;
    top: 30px !important;
    max-height: calc(100% - 60px) !important;
    width: 500px !important;
  }
}
.dlgHabilitarTramitacaoAutomatica__label {
  position: relative;
  font-weight: 600;
}

#formDlgHabilitarTramitacaoAutomatica .ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
}

.dlgItemPainelUsuario .panelDados {
  width: 100%;
}
.dlgItemPainelUsuario .panelDados__campo {
  display: flex;
  flex-direction: column;
}
.dlgItemPainelUsuario .panelDados__campo .dataInput {
  display: flex;
  flex-direction: column;
}
.dlgItemPainelUsuario .panelDados__campo .dataInput__separador {
  justify-content: end;
  height: 40px;
  margin: 0 10px;
}
.dlgItemPainelUsuario .panelDados__campo .dataInput .ui-widget-content .ui-inputfield {
  width: calc(100% - 50px) !important;
}
.dlgItemPainelUsuario .panelDados__campo .infoInput {
  display: flex;
  flex-direction: column;
}
.dlgItemPainelUsuario .panelDados__campo .infoInput .ui-widget-content .ui-inputfield {
  width: 100px !important;
}
.dlgItemPainelUsuario .panelDados__acao {
  margin: 10px 5px;
  width: 100%;
}
.dlgItemPainelUsuario .panelDados__acao__btn {
  height: 37px;
  margin: 5px 0;
}
@media (min-width: 1025px) {
  .dlgItemPainelUsuario .panelDados__acao__btn {
    width: calc(100% - 5px);
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgItemPainelUsuario .panelDados__acao__btn {
    width: calc(100% - 10px);
  }
}
@media (max-width: 640.98px) {
  .dlgItemPainelUsuario .panelDados__acao__btn {
    width: calc(100% - 10px);
  }
}

.filtros__panel {
  margin: 0 4px;
}
.filtros__panel .manymenu {
  position: relative;
  width: 100%;
  padding: 10px 7px;
}
.filtros__panel .panelFlex {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5px 2px;
}
.filtros__campoPesquisa__checkbox {
  width: 100%;
  margin-left: 2px;
  margin-bottom: 20px;
}
.filtros__campoPesquisa__insert {
  width: 100%;
  margin-left: 4px;
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .filtros__panel .manymenu {
    padding: 5px;
  }
  .filtros__panel .panelFlex {
    margin: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .filtros__panel .manymenu {
    padding: 8px;
  }
}
.filtros legend {
  margin-bottom: 0px;
}
.filtros .ui-fieldset-content {
  display: flex;
  flex-direction: column;
}
.filtros .ui-fieldset-content .ui-selectonemenu {
  min-width: 0px !important;
}
.filtros__btn {
  height: 30px;
  width: calc(100% - 20px);
  margin: 10px 10px;
}

@media (min-width: 1025px) {
  .dlgNovoProcessov2 {
    top: 15px !important;
    width: 1000px !important;
  }
}
.dlgNovoProcessov2__label {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin-top: 5px;
}
.dlgNovoProcessov2__selectValue {
  min-width: 100px !important;
  width: 100%;
}
.dlgNovoProcessov2__textArea {
  width: 100%;
}
.dlgNovoProcessov2__textArea:focus {
  background-color: #fafae6;
}
.dlgNovoProcessov2__aviso {
  color: #FF0000;
  display: flex;
  font-size: 1.2rem !important;
  font-weight: bold !important;
  text-align: center;
  margin: 10px 0px 0px 0px;
  justify-content: center;
}
.dlgNovoProcessov2__action {
  text-align: center;
  margin-bottom: 5px;
  width: 100%;
}
.dlgNovoProcessov2__action__button {
  height: 30px;
  width: calc(100% - 20px);
}
@media (max-width: 640.98px) {
  .dlgNovoProcessov2__action__button {
    margin-bottom: 10px;
  }
}

.dlgAjudaClassificacao {
  width: 900px;
}

@media (min-width: 1025px) {
  .dlgRelacionarUsuariosDocAvulso {
    width: 1000px !important;
  }
}

@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso {
    height: 400px !important;
    width: 730px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}
.dlgSelecionarNovoRespProcesso__scroll {
  border: none;
  height: 355px;
  position: relative;
  width: 100% !important;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll {
    border: 1px solid #79b7e7;
    height: 80vh;
  }
}
@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output {
    position: relative;
    top: 6px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output {
    position: relative;
    top: 6px;
  }
}
@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output--nome {
    right: 6px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output--nome {
    right: 6px;
  }
}
@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output--cpf {
    right: 10px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__output--cpf {
    right: 10px;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__campoBusca__input {
  position: relative;
  width: 100%;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__input {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__input--nome {
    right: 10px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__input--nome {
    right: 10px;
  }
}
@media (min-width: 1025px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__input--cpf {
    right: 25px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__input--cpf {
    right: 25px;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__campoBusca__btn {
  bottom: 4px;
  height: 28px;
  width: 32px;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__campoBusca__btn {
    width: 100%;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__campoBusca__btn--buscar {
  right: 10px;
}
.dlgSelecionarNovoRespProcesso__scroll__campoBusca__btn--limpar {
  right: 10px;
}
.dlgSelecionarNovoRespProcesso__scroll__table {
  width: 100%;
}
.dlgSelecionarNovoRespProcesso__scroll__table__cpf {
  width: 105px;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__table__cpf {
    width: 100%;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__table__selecionar {
  width: 80px;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__table__selecionar {
    width: 100%;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__table__selecionar__btn {
  width: 100%;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__table__selecionar__btn {
    width: 50px;
  }
}
.dlgSelecionarNovoRespProcesso__scroll__btn {
  width: 120px;
  height: 30px;
}
@media (max-width: 640.98px) {
  .dlgSelecionarNovoRespProcesso__scroll__btn {
    margin-bottom: 15px;
    width: calc(100% - 30px);
  }
}

@media (min-width: 1025px) {
  .dlgSetoresAptosProcessosEletronicos {
    height: 650px !important;
    width: 700px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgSetoresAptosProcessosEletronicos {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1025px) {
  .dlgSetoresAptosProcessosEletronicos .generico__scrollPanel {
    max-height: 57vh;
  }
}
.dlgSetoresAptosProcessosEletronicos__fieldset {
  margin: 10px 0;
}
.dlgSetoresAptosProcessosEletronicos__fieldset .ui-fieldset-content {
  flex-direction: column;
}
.dlgSetoresAptosProcessosEletronicos__btn {
  background: red !important;
  color: white !important;
  margin-bottom: 10px;
  font-weight: 900 !important;
  font-size: 14px !important;
  height: 35px;
  width: 100px;
}

#formConsultaProcessosGeral .labelConsulta {
  margin-top: 4px;
  display: flex;
  justify-content: center;
}
#formConsultaProcessosGeral .ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
}

@media (min-width: 1025px) {
  .dlgUsuarioPorSetor {
    top: 10px !important;
    width: 800px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgUsuarioPorSetor {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}

#formRelatorioUsuarioPorSetor .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
  width: 45%;
}
#formRelatorioUsuarioPorSetor .ui-picklist .ui-picklist-list li tr {
  display: flex;
  align-items: center;
}
#formRelatorioUsuarioPorSetor .ui-picklist .ui-picklist-list li label {
  margin-left: 3px;
}

.historicoMigracao__table__column__info {
  display: flex;
  align-items: flex-start;
  justify-content: inherit;
}
@media (max-width: 640.98px) {
  .historicoMigracao__table__column__info {
    flex-direction: column;
  }
}
.historicoMigracao__table__column__info--migrado {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.historicoMigracao__table__column__info--reversao {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.historicoMigracao__table__column__info--campo {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  white-space: nowrap;
  margin: 3px 0;
}
.historicoMigracao__table__column__info--label {
  font-weight: 400;
}
.historicoMigracao__table__column__info--value {
  margin: 0;
  white-space: break-spaces;
}
.historicoMigracao__table__column__btn {
  display: flex;
}
@media (min-width: 1025px) {
  .historicoMigracao__table__column__btn {
    flex-direction: column;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .historicoMigracao__table__column__btn {
    flex-direction: row;
  }
}
@media (max-width: 640.98px) {
  .historicoMigracao__table__column__btn {
    flex-direction: column;
  }
}
.historicoMigracao__table__column__btn button {
  height: 30px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .historicoMigracao__table__column__btn button {
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .historicoMigracao__table__column__btn button {
    width: 50%;
  }
}
@media (max-width: 640.98px) {
  .historicoMigracao__table__column__btn button {
    width: 100%;
  }
}

#header {
  display: flex;
  justify-content: space-between;
  height: 60px;
  width: 100%;
}
@media (max-width: 640.98px) {
  #header {
    height: 85px;
    flex-direction: column;
  }
}
#header .header {
  background: #0d47a1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 1s;
}
@media (min-width: 1025px) {
  #header .header {
    width: 180px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #header .header {
    width: 180px;
  }
}
@media (max-width: 640.98px) {
  #header .header {
    padding: 5px;
    width: 100%;
  }
}
#header .header:hover {
  background: #6496ce;
}
#header .header:hover img {
  scale: 1.1;
}
#header .header:hover h1 {
  scale: 1.1;
}
#header .header img {
  margin-right: 10px;
  transition: 1s;
}
@media (min-width: 1025px) {
  #header .header img {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #header .header img {
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 640.98px) {
  #header .header img {
    height: 35px;
    width: 35px;
  }
}
#header .header h1 {
  margin: 0 0;
  font-size: 30px;
  font-weight: 700;
  color: #FFFFFF;
  transition: 1s;
}
#header .user {
  background: #1565c0;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (min-width: 1025px) {
  #header .user {
    padding-right: 20px;
    width: calc(100% - 180px);
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #header .user {
    padding: 5px 10px;
    width: calc(100% - 180px);
  }
}
@media (max-width: 640.98px) {
  #header .user {
    padding: 5px 10px;
    width: 100%;
  }
}
#header .user__info {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .user__info .ui-overlaypanel {
  position: absolute;
  left: 0px !important;
}
#header .user__info .ui-overlay-visible {
  border: 2px solid #1565c0 !important;
  padding: 0;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  #header .user__info .ui-overlay-visible {
    left: calc(100% - 250px) !important;
    top: 58px !important;
    width: 250px;
    border-radius: 0 0 0 5px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  #header .user__info .ui-overlay-visible {
    left: calc(100% - 250px) !important;
    top: 58px !important;
    width: 250px;
    border-radius: 0 0 0 5px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  #header .user__info .ui-overlay-visible {
    left: calc(100% - 250px) !important;
    top: 58px !important;
    width: 250px;
    border-radius: 0 0 0 5px !important;
  }
}
@media (min-width: 1201px) {
  #header .user__info .ui-overlay-visible {
    left: calc(100% - 250px) !important;
    top: 58px !important;
    width: 250px;
    border-radius: 0 0 0 5px !important;
  }
}
@media (max-width: 480.98px) {
  #header .user__info .ui-overlay-visible {
    left: 0 !important;
    top: 83px !important;
    width: 100%;
  }
}
#header .user__avisosImportantes {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
#header .user__avisosImportantes:hover {
  scale: 1.2;
}
#header .user__avisosImportantes button {
  background: none;
  border: none;
  box-shadow: none;
  height: 28px;
  width: 30px;
}
#header .user__avisosImportantes .exclamationEmptyMessage {
  width: 27px;
  height: 24px;
  left: 35%;
  top: 11px;
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
}
#header .user__avisosImportantes .badgeNotification {
  min-width: 10px;
  padding: 2px 5px 4px;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #ff4500;
  border-radius: 10px;
  position: absolute;
  top: -1px;
  left: 2px;
}
#header .user__avisosImportantes .badgeNotification a {
  font-weight: 700 !important;
  text-decoration: none;
}
#header .user__notification {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
#header .user__notification:hover {
  scale: 1.2;
}
#header .user__notification button {
  background: none;
  border: none;
  box-shadow: none;
  height: 28px;
  width: 24px;
}
#header .user__notification .badgeNotification {
  min-width: 10px;
  padding: 2px 5px 4px;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #ff4500;
  border-radius: 10px;
  position: absolute;
  top: -2px;
  left: -6px;
}
#header .user__notification .badgeNotification a {
  font-weight: 700 !important;
  text-decoration: none;
}
#header .user__config {
  transition: 0.5s;
}
#header .user__config:hover {
  scale: 1.2;
}
#header .user__config button {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 27px;
  width: 27px;
}
#header .user__dashboard {
  position: relative;
  transition: 0.5s;
}
#header .user__dashboard:hover {
  scale: 1.2;
}
#header .user__dashboard__btn {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 34px;
  width: 29px;
}
#header .user__dashboard .badgeNovidade {
  min-width: 10px;
  padding: 1px 5px 3px;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #ff4500;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: -10px;
}
#header .user__dashboard .badgeNovidade a {
  color: #F6F3F3;
  font-size: 10px !important;
}
#header .user__dashboard .chartpiesvg {
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
  height: 34px;
  width: 34px;
  left: -3px;
  top: 0;
}
#header .user__avatar {
  background: #FFFFFF;
  border-radius: 100%;
  box-shadow: none;
  width: 30px;
  height: 30px;
  transition: 0.5s;
}
#header .user__avatar:hover {
  scale: 1.2;
}
#header .user__logout {
  background: none;
  border: none;
  box-shadow: none;
  height: 28px;
  width: 24px;
  transition: 0.5s;
}
#header .user__logout:hover {
  scale: 1.2;
}
#header .user button {
  margin: 0 6px !important;
}

#menubars {
  border: 1px solid #F4F4F4;
  border-radius: 5px;
}
@media (min-width: 1025px) {
  #menubars {
    visibility: hidden;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #menubars {
    visibility: hidden;
  }
}

.badgeNotificationSon {
  padding: 1px 5px 1px;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #ff4500;
  border-radius: 10px;
  margin-left: 3px;
}

.footerLogin {
  display: flex;
  position: relative;
  background: rgba(20, 111, 167, 0.9);
  height: 180px;
  align-items: center;
  justify-content: center;
}
.footerLogin__social__list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.footerLogin__social__list li + li {
  margin-left: 14px;
}
.footerLogin__social__address {
  text-align: center;
}
.footerLogin__social__address p {
  font-weight: normal;
  font-size: 1.3rem;
  color: #FFFFFF;
  margin: 5px 0;
}

.footerFixo {
  position: fixed;
  color: #FFFFFF;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #0d47a1;
  align-items: center;
  padding: 5px 10px;
  z-index: 1000;
  border-top: 1px solid #F4F4F4;
  box-shadow: 1px 1px 5px 1px #575959;
}
.footerFixo label {
  margin: 0;
  font-weight: 600;
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footerFixo label {
    font-size: 11px !important;
  }
}
@media (max-width: 640.98px) {
  .footerFixo label {
    font-size: 10px !important;
  }
}
.footerFixo p {
  margin: 0;
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footerFixo p {
    font-size: 11px !important;
  }
}
@media (max-width: 640.98px) {
  .footerFixo p {
    font-size: 10px !important;
  }
}

#footer {
  background: white;
  border-top: 1px solid #cacaca;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
#footer .footer {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#footer .footer__logo {
  width: 90px;
  margin: 10px 0;
}
#footer .footer__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#footer .footer__info__social {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
#footer .footer__info__social li + li {
  margin-left: 14px;
}

.dlgNotificacoesUsuario {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
.dlgNotificacoesUsuario__notificacao__title {
  text-align: center;
}
.dlgNotificacoesUsuario__notificacao__title h2 {
  margin: 0;
  font-size: 3rem;
  font-weight: 600;
}
.dlgNotificacoesUsuario__notificacao__btn {
  height: 30px;
  margin: 0 5px 10px;
  width: calc(100% - 20px);
}
.dlgNotificacoesUsuario .tabelaNotificacao {
  overflow: auto;
  height: auto;
}
.dlgNotificacoesUsuario .tabelaNotificacao__assinaturas {
  margin-top: 4px;
}
.dlgNotificacoesUsuario .tabelaNotificacao__action {
  width: 80px !important;
}
.dlgNotificacoesUsuario .tabelaNotificacao__action__btn {
  width: 100%;
  min-height: 25px;
  margin: 0px 0px 3px 0px;
  height: auto;
}
.dlgNotificacoesUsuario .tabelaNotificacao .ui-column-title {
  font-weight: 700;
  font-size: 14px !important;
}

#formDlgNotificacoesUsuario\:panelAssinaturasPendentes_content {
  padding: 0 !important;
}
#formDlgNotificacoesUsuario\:panelNotificoes_content {
  padding: 0 !important;
}

.backgroundLogin {
  background-image: url("../imgs/background_login.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.semBorda tr, semBorda row, .semBorda td {
  border: none !important;
}

.numeroProcesso {
  color: #ff0000;
  font-weight: 700 !important;
  margin: 0 5px;
}

.panelInformacaoTable {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
@media (max-width: 640.98px) {
  .panelInformacaoTable {
    flex-direction: column;
  }
}
.panelInformacaoTable .ui-outputlabel {
  margin-right: 10px;
  font-size: 1.4rem !important;
  font-weight: 400;
}
@media (max-width: 640.98px) {
  .panelInformacaoTable .ui-outputlabel {
    margin: 3px 0 !important;
  }
}

.panelFlex__column {
  flex-direction: column;
}
.panelFlex .ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
  margin-bottom: 5px;
}
.panelFlex .thisTextLabel {
  font-weight: 600 !important;
  margin: 5px 0;
  width: 100%;
}
.panelFlex .thisTextValue {
  margin: 0;
  width: 100%;
}

.camposBuscarProcesso {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 640.98px) {
  .camposBuscarProcesso {
    margin-bottom: 10px;
  }
}
.camposBuscarProcesso label {
  margin: 0px 0px 3px 0px;
}
.camposBuscarProcesso .ui-inputfield {
  width: 70px;
}
.camposBuscarProcesso p {
  font-size: 18px !important;
  font-weight: bold;
  margin: 25px 5px 0;
}

.fulldlg {
  left: 0 !important;
  height: 100% !important;
  top: 0 !important;
  width: 100% !important;
}

@media (max-width: 480.98px) {
  .dlg {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .dlg {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .dlg {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__top {
    top: 5px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__top {
    top: 5px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__grande {
    max-height: calc(100% - 10px) !important;
    width: 1000px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__grande {
    max-height: calc(100% - 10px) !important;
    width: 1000px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__medio {
    max-height: calc(100% - 10px) !important;
    width: 800px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__medio {
    max-height: calc(100% - 10px) !important;
    width: 800px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__pequeno {
    max-height: calc(100% - 10px) !important;
    width: 500px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__pequeno {
    max-height: calc(100% - 10px) !important;
    width: 500px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__aviso {
    width: 300px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__aviso {
    width: 300px !important;
  }
}
.dlg__aviso .ui-dialog-title {
  font-size: 12px !important;
}
.dlg__formInput {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.dlg__formInput .ui-outputlabel {
  margin: 5px 0;
}
.dlg .panelInput {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
}
.dlg .panelInput__label {
  margin: 5px 3px 0 0;
  font-weight: 700;
}
.dlg .panelFlex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.dlg .panelFlex label {
  margin: 0;
}
.dlg .panelRadioInfo label {
  margin: 0 5px;
}
.dlg__avisoObrig {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 5px;
  width: 100%;
}
.dlg__avisoObrig p {
  margin: 0;
}
.dlg__panelAcaoIndividual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.dlg__panelAcaoIndividual button {
  height: 30px;
  width: 100%;
  max-width: 300px;
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__panelAcaoIndividual__margin {
    margin: 0;
  }
}
@media (min-width: 1201px) {
  .dlg__panelAcaoIndividual__margin {
    margin: 0;
  }
}
.dlg__panelAcaoIndividualMargin {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  width: 100%;
}
.dlg__panelAcaoIndividualMargin button {
  height: 30px;
  width: 100%;
  max-width: 300px;
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__panelAcaoIndividualMargin__margin {
    margin: 0;
  }
}
@media (min-width: 1201px) {
  .dlg__panelAcaoIndividualMargin__margin {
    margin: 0;
  }
}
.dlg__panelAcaoDupla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 480.98px) {
  .dlg__panelAcaoDupla {
    flex-direction: column;
  }
}
.dlg__panelAcaoDupla button {
  height: 30px;
  margin: 0;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 1201px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (max-width: 480.98px) {
  .dlg__panelAcaoDupla button {
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  .dlg__panelAcaoDupla button:last-child {
    margin: 10px 0 5px;
  }
}
.dlg__panelBusca--campo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 10px;
}
.dlg__panelBusca--acao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .dlg__panelBusca--acao {
    flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .dlg__panelBusca--acao {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .dlg__panelBusca--acao {
    flex-direction: row;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .dlg__panelBusca--acao {
    flex-direction: row;
  }
}
@media (max-width: 480.98px) {
  .dlg__panelBusca--acao {
    flex-direction: column;
  }
}
.dlg__panelBusca--acao button {
  height: 30px;
  margin: 2px 0;
  width: 100%;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .dlg__panelBusca--acao button {
    margin: 4px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .dlg__panelBusca--acao button {
    margin: 4px;
  }
}
.dlg__filtro {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media (max-width: 480.98px) {
  .dlg__filtro {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .dlg__filtro {
    flex-direction: column;
  }
}

.ui-icon-check, .ui-icon-pencil, .ui-icon-search, .ui-icon-arrow-1-e, .ui-icon-arrowthick-1-n,
.ui-icon-arrowthick-1-s, .ui-icon-circle-triangle-s {
  filter: brightness(0%);
}

.ui-icon.white {
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
}
.ui-icon.red {
  filter: invert(28%) sepia(89%) saturate(4662%) hue-rotate(16deg) brightness(95%) contrast(105%);
}
.ui-icon.blue {
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
.ui-icon.green {
  filter: brightness(0) saturate(100%) invert(52%) sepia(97%) saturate(1219%) hue-rotate(77deg) brightness(108%) contrast(104%);
}
.ui-icon.black {
  filter: brightness(0%);
}
.ui-icon.orange {
  filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(655%) hue-rotate(358deg) brightness(105%) contrast(108%);
}
.ui-icon.grandeIcone {
  transform: scale(2);
  position: relative !important;
  margin-bottom: 15px !important;
}
.ui-icon.grandeIconePosition {
  position: relative !important;
}
.ui-icon.passwordKey {
  width: 20px;
  height: 20px;
  background-image: url("../imgs/icons/key-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.ui-icon.userKey {
  width: 20px;
  height: 22px;
  background-image: url("../imgs/icons/user-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.ui-icon.lupasvg {
  width: 16px;
  height: 16px;
  background-image: url("../imgs/icons/magnifying-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.ui-icon.vassourasvg {
  width: 16px;
  height: 16px;
  background-image: url("../imgs/icons/broom-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
.ui-icon.imprimirsvg {
  width: 16px;
  height: 16px;
  background-image: url("../imgs/icons/print-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
.ui-icon.bellclosesvg {
  width: 25px;
  height: 28px;
  background-image: url("../imgs/icons/bell-close.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 0;
  margin: 0;
}
.ui-icon.avatar {
  top: 0px;
  left: 0px;
  margin: 3px 0px 0 5px;
  width: 18px;
  height: 21px;
  background-image: url("../imgs/icons/user-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
.ui-icon.exclamationEmptyMessage {
  width: 35px;
  height: 31px;
  background-image: url("../imgs/icons/exclamation-triangle-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
@media (max-width: 480.98px) {
  .ui-icon.exclamationEmptyMessage {
    width: 68px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .ui-icon.exclamationEmptyMessage {
    width: 68px;
  }
}
.ui-icon.inboxsvg {
  background-image: url("../imgs/icons/inbox-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 18px;
  height: 16px;
  left: 13px;
}
.ui-icon.bars {
  background-image: url("../imgs/icons/bars-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 2px 3px 2px 5px;
  width: 30px;
  height: 30px;
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
}
.ui-icon.barraBtn {
  background-image: url("../imgs/icons/bars-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 17px;
  height: 17px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  left: 6px;
  top: 5px;
}
.ui-icon.assinaturasvg {
  background-image: url("../imgs/icons/assinatura.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  left: 4px;
  top: 2px;
}
.ui-icon.assinadoDocumentosvg {
  background-image: url("../imgs/icons/assinadoDocumento.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  left: 4px;
  top: 2px;
}
.ui-icon.documentoCanceladosvg {
  background-image: url("../imgs/icons/documentoCancelado.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 2px;
}
.ui-icon.blocksvg {
  background-image: url("../imgs/icons/block.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 2px;
}
.ui-icon.gear {
  background-image: url("../imgs/icons/gear-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 28px;
  width: 28px;
  transition: 1s;
}
.ui-icon.logout {
  background-image: url("../imgs/icons/logout-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%);
  top: 0;
  left: 0;
  margin: 0;
  height: 28px;
  width: 28px;
  transition: 1s;
}
.ui-icon.notification {
  background-image: url("../imgs/icons/bell-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: -2px;
  left: 0;
  margin: 0;
  height: 30px;
  width: 26px;
  transition: 1s;
}
.ui-icon.refreshsvg {
  background-image: url("../imgs/icons/refresh.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  top: 5px;
  left: 5px;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: 0s;
}
.ui-icon.closesvg {
  background-image: url("../imgs/icons/close.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(28%) sepia(89%) saturate(4662%) hue-rotate(16deg) brightness(95%) contrast(105%);
  top: 4px;
  left: 4px;
  margin: 0;
  height: 20px;
  width: 20px;
  transition: 0s;
}
.ui-icon.checksvg {
  background-image: url("../imgs/icons/check.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 5px;
  left: 5px;
  margin: 0;
  height: 18px;
  width: 19px;
  transition: 1s;
}
.ui-icon.plussvg {
  background-image: url("../imgs/icons/plus.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 5px;
  left: 5px;
  margin: 0px;
  height: 18px;
  width: 19px;
  transition: 1s;
}
.ui-icon.trashsvg {
  background-image: url("../imgs/icons/trash.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 5px;
  left: 5px;
  margin: 0;
  height: 18px;
  width: 19px;
  transition: 1s;
}
.ui-icon.filtrosvg {
  background-image: url("../imgs/icons/filter.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 3px;
  left: 5px;
  margin: 0px;
  height: 21px;
  width: 21px;
  transition: 1s;
}
.ui-icon.eyesvg {
  background-image: url("../imgs/icons/eye.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 4px;
  left: 4px;
  margin: 0;
  height: 20px;
  width: 20px;
  transition: 1s;
}
.ui-icon.backsvg {
  background-image: url("../imgs/icons/back.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  top: 3px;
  left: 5px;
  margin: 0;
  height: 21px;
  width: 21px;
  transition: 1s;
}
.ui-icon.chartpiesvg {
  background-image: url("../imgs/icons/chart-pie.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  top: 3px;
  left: 5px;
  margin: 0;
  height: 21px;
  width: 21px;
  transition: 1s;
}
.ui-icon.copysvg {
  background-image: url("../imgs/icons/copy.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  top: 2px;
  left: 2px;
  margin: 0;
  height: 21px;
  width: 21px;
  transition: 1s;
}
.ui-icon.pastesvg {
  background-image: url("../imgs/icons/paste.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  top: 2px;
  left: 2px;
  margin: 0;
  height: 21px;
  width: 21px;
  transition: 1s;
}
.ui-icon.pdfsvg {
  background-image: url("../imgs/icons/download-pdf.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 32px;
  height: 32px;
  left: 12px;
  top: 12px;
}
.ui-icon.excelsvg {
  background-image: url("../imgs/icons/download-excel.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 32px;
  height: 32px;
  left: 12px;
  top: 12px;
}
.ui-icon.excelsvgmini {
  background-image: url("../imgs/icons/download-excel.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 22px;
  height: 22px;
  left: 8px;
  top: 12px;
}
.ui-icon.recibosvg {
  background-image: url("../imgs/icons/recibo.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  left: 4px;
  top: 2px;
}
.ui-icon.emailsvg {
  background-image: url("../imgs/icons/email.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
  left: 4px;
  top: 4px;
}
.ui-icon.editsvg {
  background-image: url("../imgs/icons/edit.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.downloadsvg {
  background-image: url("../imgs/icons/download.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.timesvg {
  background-image: url("../imgs/icons/time.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.foldersvg {
  background-image: url("../imgs/icons/folder.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.transferclosesvg {
  background-image: url("../imgs/icons/transfer-close.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.transfersvg {
  background-image: url("../imgs/icons/transfer.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.arrowupsvg {
  transform: rotate(180deg);
  background-image: url("../imgs/icons/arrow-down.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.arrowdownsvg {
  background-image: url("../imgs/icons/arrow-down.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.documentosvg {
  background-image: url("../imgs/icons/documentoSemAssinatura.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.documento {
  background-image: url("../imgs/icons/documentoSemAssinatura.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.tramitarsvg {
  background-image: url("../imgs/icons/tramitar.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.recebersvg {
  background-image: url("../imgs/icons/receive.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.usersvg {
  background-image: url("../imgs/icons/user.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.userchecksvg {
  background-image: url("../imgs/icons/user-check.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.userremovesvg {
  background-image: url("../imgs/icons/user-x.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 25px;
  height: 24px;
  left: 2px;
  top: 3px;
}
.ui-icon.userplussvg {
  background-image: url("../imgs/icons/user-add.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.userminussvg {
  background-image: url("../imgs/icons/user-minus.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.usertransfersvg {
  background-image: url("../imgs/icons/user-transfer.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.gearsvg {
  background-image: url("../imgs/icons/gear-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.cadeadodesativadosvg {
  background-image: url("../imgs/icons/lock-slash.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.cadeadofechadosvg {
  background-image: url("../imgs/icons/lock-alt.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.pinsvg {
  background-image: url("../imgs/icons/pin.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.exclamationsvg {
  background-image: url("../imgs/icons/exclamation.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.chatsvg {
  background-image: url("../imgs/icons/chat.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0;
  height: 20px;
  width: 20px;
  left: 4px;
  top: 4px;
}
.ui-icon.pdf-exportar {
  background-image: url("../imgs/img-icon-pdf-exportacao.png") !important;
  margin: -14px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  background-position: 0 0 !important;
  width: 24px;
  height: 30px;
}
.ui-icon.pdf-exportar2 {
  background-image: url("../imgs/img-icon-pdf-exportacao.png") !important;
  margin: -14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-position: 0 0 !important;
  width: 24px;
  height: 30px;
}
.ui-icon.mnuRelProcessosAbertos {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuReportOpen.png") !important;
}
.ui-icon.mnuRelProcessosParados {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuRelParados.png") !important;
}
.ui-icon.mnuGerenciamentoUsuario {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuGerenciamento.png") !important;
}
.ui-icon.mnuRelNatureza {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuRelNatureza.png") !important;
}
.ui-icon.mnuPorCPF {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuPorcpf.png") !important;
}
.ui-icon.mnuConsultaAssunto {
  top: 0px;
  left: 0px;
  margin: 1px 5px 0px 0px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuAssunto.png") !important;
}
.ui-icon.mnuManterProcesso2 {
  top: 0px;
  left: 0px;
  margin: 3px 5px 0px 2px;
  background-position: 0 0 !important;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/mnuManterProcesso.png") !important;
}
.ui-icon.naoPodeSalvar {
  top: 0px;
  left: 0px;
  margin: 2px 0px 0px 5px;
  background-position: 0 0 !important;
  width: 24px;
  height: 19px;
  background-image: url("../imgs/cancel.png") !important;
}
.ui-icon.Imprimir {
  top: 0px;
  left: 0px;
  margin: 3px 0px 0px 5px;
  background-position: 0 0 !important;
  width: 25px;
  height: 25px;
  background-image: url("../imgs/printer.png") !important;
}
.ui-icon.receberProcesso {
  margin: -13px 0px 0px -5px;
  width: 24px;
  height: 24px;
  background-image: url("../imgs/receber2.png") !important;
}
.ui-icon.detalheProcesso {
  top: 0px;
  left: 0px;
  margin: 2px 0px 0px 1px;
  width: 25px;
  height: 25px;
  background-image: url("../imgs/detalhesBtn.png") !important;
}
.ui-icon.responsavelProcesso {
  top: 0px;
  left: 0px;
  margin: 6px 0px 0px 4px;
  width: 20px;
  height: 20px;
  background-image: url("../imgs/director.png") !important;
}
.ui-icon.semResponsavelProcesso {
  top: 0px;
  left: 0px;
  margin: 6px 0px 0px 1px;
  width: 20px;
  height: 20px;
  background-image: url("../imgs/director_pb.png") !important;
}
.ui-icon.iconTramitar {
  margin: -13px 0px 0px -4px;
  width: 24px;
  height: 24px;
  background-image: url("../imgs/old_go_next.png") !important;
}

.scrollPanel {
  border: none !important;
  overflow: auto;
  max-height: calc(100dvh - 80px);
}

.scrollPanelWithButton {
  border: none !important;
  overflow: auto;
  max-height: calc(100dvh - 180px);
}

.novidade {
  background: #2196F3;
  border-radius: 5px;
  height: 20px;
  display: flex;
  align-items: center;
  padding: 5px;
  width: 50px;
  color: aliceblue;
}

.legenda {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0 20px;
  margin: 0 5px;
}
.legenda__title {
  display: flex;
  justify-content: center;
  font-weight: 800 !important;
}
@media (min-width: 1025px) {
  .legenda__title {
    margin: 10px 0;
  }
}
.legenda__info {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
@media (max-width: 1024.98px) {
  .legenda__info {
    flex-direction: column;
  }
}
.legenda__info .flexInfo {
  display: flex;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .legenda__info .flexInfo {
    margin: 4px 0;
  }
}
.legenda__info .iconLegenda {
  width: 18px;
  height: 18px;
  border: 1px solid #666666;
  border-radius: 100%;
}
.legenda__info .iconLegendaImage {
  width: 18px;
  height: 18px;
}
.legenda__info .green {
  background: linear-gradient(rgb(129, 206, 11), #c6ffbc);
}
.legenda__info .blue {
  background: linear-gradient(rgb(0, 0, 255), #bcbcff);
}
.legenda__info .red {
  background: linear-gradient(rgb(255, 0, 0), #ffaeae);
}
.legenda__info .orange {
  background: linear-gradient(rgb(255, 153, 0), #ffd0ae);
}
.legenda__info .white {
  background: linear-gradient(#c7c7c7, rgb(229, 228, 228));
}
.legenda__info .descricaoLegenda {
  margin: 0 5px;
}

.avisos {
  text-align: center;
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 105px;
}
.avisos__body {
  color: #31708f;
  background-color: #d9edf7;
  max-width: 400px;
  margin-top: 10px;
  padding: 10px;
  width: 100%;
}

.aviso {
  border: 1px solid #ccbe5d;
  padding: 1rem;
  text-align: justify;
  background: #faf7bf;
  border-radius: 5px;
  margin-bottom: 4px;
}
.aviso__title {
  font-weight: 800;
  color: #191A1A;
}
.aviso__text {
  color: #191A1A;
}

.avisoPerigo {
  border: 1px solid #8a0100;
  padding: 1rem;
  text-align: justify;
  background: #c13f3f;
  border-radius: 10px;
  margin: 5px 10px !important;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.avisoPerigo__title {
  font-weight: 800;
  color: #FFFFFF;
}
.avisoPerigo__text {
  color: #FFFFFF;
}

.perigo {
  border: 1px solid #dd1111;
  padding: 1rem;
  text-align: justify;
  background: #f9e0e0;
  border-radius: 5px;
  margin-bottom: 4px;
}
.perigo__text {
  color: #191A1A;
}

.avisoProcesso {
  margin: 0.2rem 0 0.4rem;
  padding: 0.5rem;
  border: 1px solid #ff8800;
  border-radius: 6px;
  background: #f7f7f7;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .avisoProcesso {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .avisoProcesso {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1201px) {
  .avisoProcesso {
    width: calc(100% - 20px);
  }
}
@media (max-width: 480.98px) {
  .avisoProcesso {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .avisoProcesso {
    width: 100%;
  }
}
.avisoProcesso .exclamationEmptyMessage {
  width: 37px !important;
}
.avisoProcesso label {
  font-weight: 500 !important;
  margin: 0 !important;
  width: 100%;
  padding-left: 0.8rem;
}

.echartStyle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.echartStyle h4 {
  font-size: 1.2rem;
  margin: 10px 0;
}
.echartStyle div {
  margin: auto;
}
@media (min-width: 1025px) {
  .echartStyle div {
    height: 500px;
    width: 700px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .echartStyle div {
    height: 400px;
    width: 400px;
  }
}
@media (max-width: 640.98px) {
  .echartStyle div {
    height: 300px;
    width: 270px;
  }
}

.echartStyleSetor {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1639.98px) {
  .echartStyleSetor {
    justify-content: center;
  }
}
@media screen and (min-width: 1640px) {
  .echartStyleSetor {
    justify-content: flex-start;
    margin: auto;
    max-width: 1640px;
  }
}
.echartStyleSetor__panel {
  margin: 1rem;
  height: 100%;
  padding: 1rem;
  border-radius: 6px;
  box-shadow: 0 0 6px black;
  max-width: 800px;
  width: 100%;
}
.echartStyleSetor__header {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
}
.echartStyleSetor__header h2 {
  margin: 0 0 0 1rem;
  font-size: 2rem;
  text-align: left;
  width: calc(100% - 65px);
  font-weight: 600;
  align-items: center;
  display: flex;
}
.echartStyleSetor__header__action {
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.echartStyleSetor__header__action button {
  height: 30px;
  font-size: 2rem !important;
  border-radius: 100%;
  width: 30px;
}
.echartStyleSetor__header__action button span {
  padding: 0 !important;
}
.echartStyleSetor__grafico {
  height: 400px !important;
  width: 100% !important;
  max-width: 750px !important;
  margin: auto !important;
}
.echartStyleSetor__imagem {
  width: 100%;
}
.echartStyleSetor__graficoVazio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
}
.echartStyleSetor__graficoVazio img {
  width: 200px;
}
.echartStyleSetor__graficoVazio span {
  font-size: 2rem;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }
  body * {
    display: none;
  }
  body.print-todos .new-wrapper,
body.print-todos .new-wrapper .content,
body.print-todos .new-wrapper .content #formDashBoardSetor,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosNaoRecebidosDestino,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosNaoRecebidosDestino *,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosRecebidosSemMovimentacoes,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosRecebidosSemMovimentacoes *,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosSetorSemMovimentacoes,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosSetorSemMovimentacoes *,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosAssinaturaDocumentosPendentes,
body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosAssinaturaDocumentosPendentes * {
    display: inline-block;
  }
  body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosNaoRecebidosDestino {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosRecebidosSemMovimentacoes {
    position: absolute;
    top: 500px;
    left: 0;
    width: 100%;
  }
  body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosSetorSemMovimentacoes {
    position: absolute;
    top: 1150px;
    left: 0;
    width: 100%;
  }
  body.print-todos .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosAssinaturaDocumentosPendentes {
    position: absolute;
    top: 1700px;
    left: 0;
    width: 100%;
  }
  body.print-processosNaoRecebidosDestino .new-wrapper,
body.print-processosNaoRecebidosDestino .new-wrapper .content,
body.print-processosNaoRecebidosDestino .new-wrapper .content #formDashBoardSetor,
body.print-processosNaoRecebidosDestino .new-wrapper .content #formDashBoardSetor\:echarts,
body.print-processosNaoRecebidosDestino .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosNaoRecebidosDestino,
body.print-processosNaoRecebidosDestino .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosNaoRecebidosDestino * {
    display: inline-block;
  }
  body.print-processosRecebidosSemMovimentacoes .new-wrapper,
body.print-processosRecebidosSemMovimentacoes .new-wrapper .content,
body.print-processosRecebidosSemMovimentacoes .new-wrapper .content #formDashBoardSetor,
body.print-processosRecebidosSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts,
body.print-processosRecebidosSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosRecebidosSemMovimentacoes,
body.print-processosRecebidosSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosRecebidosSemMovimentacoes * {
    display: inline-block;
  }
  body.print-processosSetorSemMovimentacoes .new-wrapper,
body.print-processosSetorSemMovimentacoes .new-wrapper .content,
body.print-processosSetorSemMovimentacoes .new-wrapper .content #formDashBoardSetor,
body.print-processosSetorSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts,
body.print-processosSetorSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosSetorSemMovimentacoes,
body.print-processosSetorSemMovimentacoes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosSetorSemMovimentacoes * {
    display: inline-block;
  }
  body.print-processosAssinaturaDocumentosPendentes .new-wrapper,
body.print-processosAssinaturaDocumentosPendentes .new-wrapper .content,
body.print-processosAssinaturaDocumentosPendentes .new-wrapper .content #formDashBoardSetor,
body.print-processosAssinaturaDocumentosPendentes .new-wrapper .content #formDashBoardSetor\:echarts,
body.print-processosAssinaturaDocumentosPendentes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosAssinaturaDocumentosPendentes,
body.print-processosAssinaturaDocumentosPendentes .new-wrapper .content #formDashBoardSetor\:echarts #formDashBoardSetor\:graficoProcessosAssinaturaDocumentosPendentes * {
    display: inline-block;
  }
}
.btn {
  height: 30px;
}
@media (min-width: 1025px) {
  .btn {
    margin: 10px 0 0;
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .btn {
    margin: 10px 0 0;
    width: 100%;
  }
}
@media (max-width: 640.98px) {
  .btn {
    margin: 10px 0 5px;
    width: 100%;
  }
}

.btnAcaoBusca {
  width: 100%;
  height: 30px;
}

.panelAcaoIndividual {
  display: flex;
  align-items: center;
  justify-content: center;
}
.panelAcaoIndividual button {
  height: 30px;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoIndividual button {
    margin: 0 0 5px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelAcaoIndividual button {
    margin: 0 0 5px;
  }
}
@media (min-width: 1201px) {
  .panelAcaoIndividual button {
    margin: 0 0 5px;
  }
}
@media (min-width: 1201px) {
  .panelAcaoIndividual button {
    width: 50%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoIndividual button {
    width: 75%;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelAcaoIndividual button {
    width: 75%;
  }
}
@media (max-width: 480.98px) {
  .panelAcaoIndividual button {
    margin: 5px 0 10px;
    width: 100%;
  }
}

.panelAcaoDupla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 480.98px) {
  .panelAcaoDupla {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoDupla {
    flex-direction: column;
  }
}
.panelAcaoDupla button {
  height: 30px;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 1201px) {
  .panelAcaoDupla button {
    width: 49%;
  }
}
@media (max-width: 480.98px) {
  .panelAcaoDupla button {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoDupla button {
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  .panelAcaoDupla button:last-child {
    margin: 10px 0 5px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoDupla button:last-child {
    margin: 10px 0 5px;
  }
}

.panelAcaoTripla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 480.98px) {
  .panelAcaoTripla {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoTripla {
    flex-direction: column;
  }
}
.panelAcaoTripla button {
  height: 30px;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelAcaoTripla button {
    width: 33%;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelAcaoTripla button {
    width: 33%;
  }
}
@media (min-width: 1201px) {
  .panelAcaoTripla button {
    width: 33%;
  }
}
@media (max-width: 480.98px) {
  .panelAcaoTripla button {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoTripla button {
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  .panelAcaoTripla button:last-child {
    margin: 10px 0 5px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelAcaoTripla button:last-child {
    margin: 10px 0 5px;
  }
}

.checkbtn {
  border: 1px solid #1565c0 !important;
  color: #FFFFFF !important;
  background: #1565c0 !important;
  transition: 0.5s !important;
}
.checkbtn:hover {
  border-color: #0d47a1 !important;
  background: #0d47a1 !important;
}

.warningbtn {
  border: 1px solid #d93700 !important;
  color: #d93700 !important;
  background: #FFFFFF !important;
  transition: 0.5s !important;
}
.warningbtn:hover {
  color: #FFFFFF !important;
  background: #d93700 !important;
}
.warningbtn:hover .closesvg {
  filter: invert(100%) sepia(3%) saturate(7216%) hue-rotate(43deg) brightness(130%) contrast(86%) !important;
}

.dangerbtn {
  border: 1px solid #d93700 !important;
  color: #FFFFFF !important;
  background: #d93700 !important;
  transition: 0.5s !important;
}

.flex {
  display: flex;
  margin-top: 5px;
}
.flex p {
  margin: 0;
}

.flexCenter {
  align-items: center !important;
  justify-content: center;
}

.flexJustifySpaceBetween {
  justify-content: space-between;
}

.flexColumn {
  flex-direction: column;
}

.flexRow {
  flex-direction: row !important;
}

.flexWrap {
  flex-wrap: wrap;
}

@media (max-width: 480.98px) {
  .flexResponsive {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .flexResponsive {
    flex-direction: column;
  }
}

.labelProcesso {
  font-weight: 600 !important;
  text-transform: uppercase;
}

.valueProcesso {
  font-weight: 500;
}

#preenchimentoObrigatorio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 5px;
  width: 100%;
}
#preenchimentoObrigatorio p {
  margin: 0;
}

.panelCriacao button {
  height: 30px;
  margin: 0;
  width: 100%;
}

.panelBuscar__filtroSimples {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroSimples {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroSimples {
    flex-direction: column;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelBuscar__filtroSimples .ui-selectonemenu {
    max-width: 250px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelBuscar__filtroSimples .ui-selectonemenu {
    max-width: 250px;
  }
}
@media (min-width: 1201px) {
  .panelBuscar__filtroSimples .ui-selectonemenu {
    max-width: 250px;
  }
}
.panelBuscar__filtroSimples .ui-inputtext {
  margin: 0 1rem;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroSimples .ui-inputtext {
    margin: 1rem 0;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroSimples .ui-inputtext {
    margin: 1rem 0;
  }
}
.panelBuscar__filtroSimples button {
  height: 30px;
  margin: 0;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroSimples button {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroSimples button {
    width: 100%;
  }
}
.panelBuscar__filtroInputSimples {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroInputSimples {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroInputSimples {
    flex-direction: column;
  }
}
.panelBuscar__filtroInputSimples__acaoDupla {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla {
    margin-left: 5px;
    width: 200px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla {
    margin-left: 5px;
    width: 200px;
  }
}
@media (min-width: 1201px) {
  .panelBuscar__filtroInputSimples__acaoDupla {
    margin-left: 5px;
    width: 200px;
  }
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla {
    margin-top: 0.6rem;
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla {
    margin-top: 0.6rem;
    width: 100%;
  }
}
.panelBuscar__filtroInputSimples__acaoDupla button {
  height: 30px;
  margin: 0;
}
.panelBuscar__filtroInputSimples__acaoDupla button:first-child {
  margin-right: 5px;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla button {
    width: 49%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroInputSimples__acaoDupla button {
    width: 49%;
  }
}
.panelBuscar__filtroOnlySelectOneMenu {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroOnlySelectOneMenu {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroOnlySelectOneMenu {
    flex-direction: column;
  }
}
.panelBuscar__filtroOnlySelectOneMenu input {
  margin: 0;
}
.panelBuscar__filtroOnlySelectOneMenu .ui-selectonemenu {
  margin: 0 1rem;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroOnlySelectOneMenu .ui-selectonemenu {
    margin: 1rem 0;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroOnlySelectOneMenu .ui-selectonemenu {
    margin: 1rem 0;
  }
}
.panelBuscar__filtroOnlySelectOneMenu button {
  height: 30px;
  margin: 0;
  min-width: 125px;
}
@media (max-width: 480.98px) {
  .panelBuscar__filtroOnlySelectOneMenu button {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .panelBuscar__filtroOnlySelectOneMenu button {
    width: 100%;
  }
}

.panelBusca {
  display: flex;
  align-items: center;
  justify-content: center;
}
.panelBusca__ponto {
  font-size: 1.4rem;
  margin: 0 5px;
  font-weight: 600;
  top: 15px;
  position: relative;
}

.panelCadastro h2 {
  font-size: 2rem;
  margin: 1rem 0;
  text-align: center;
}
.panelCadastro__campos {
  display: flex;
  flex-direction: column;
}
.panelCadastro__panel {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
}
.panelCadastro__panel label {
  margin: 0;
}
.panelCadastro__panel .ui-selectonemenu {
  min-width: 0px !important;
}
@media (min-width: 1025px) {
  .panelCadastro__panel .ui-selectonemenu {
    margin-left: 5px;
    width: calc(100% - 75px) !important;
  }
}
@media (max-width: 1024.98px) {
  .panelCadastro__panel .ui-selectonemenu {
    width: 100% !important;
  }
}
.panelCadastro__panel .ui-inputfield {
  width: 100%;
}

.buscarProcesso {
  display: flex;
  align-items: start;
  flex-direction: row !important;
  width: 100%;
}
.buscarProcesso__campo {
  display: flex;
  align-items: start;
  flex-direction: column;
  width: 100%;
}
.buscarProcesso__campo span {
  height: auto !important;
  margin: 0 !important;
  width: 100%;
}
.buscarProcesso span {
  display: flex;
  align-items: flex-end;
  font-size: 2rem;
  margin: 0px 3px;
  height: 49px;
}

.campoBusca {
  height: auto;
  margin: 0px 0px 20px 0px;
}
.campoBusca__acao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.campoBusca__acao button {
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
}

.column {
  word-break: break-word;
  word-wrap: break-word;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column {
    text-align: center;
    vertical-align: middle;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column {
    text-align: center;
    vertical-align: middle;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column {
    text-align: center;
    vertical-align: middle;
  }
}
@media (min-width: 1201px) {
  .column {
    text-align: center;
    vertical-align: middle;
  }
}
.column label {
  margin: 0 !important;
}
.column button {
  height: 30px;
  width: 30px;
  margin: 2px;
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--20 {
    width: 20px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--20 {
    width: 20px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--20 {
    width: 20px;
  }
}
@media (min-width: 1201px) {
  .column--20 {
    width: 20px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--30 {
    width: 30px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--30 {
    width: 30px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--30 {
    width: 30px;
  }
}
@media (min-width: 1201px) {
  .column--30 {
    width: 30px;
  }
}
@media (max-width: 480.98px) {
  .column--30 {
    height: 0;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 1201px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 1201px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 1201px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 1201px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 1201px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 1201px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 1201px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 1201px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 1201px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 1201px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 1201px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 1201px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 1201px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 1201px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--180 {
    width: 180px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--180 {
    width: 180px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--180 {
    width: 180px;
  }
}
@media (min-width: 1201px) {
  .column--180 {
    width: 180px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 1201px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--200 {
    width: 200px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--200 {
    width: 200px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--200 {
    width: 200px;
  }
}
@media (min-width: 1201px) {
  .column--200 {
    width: 200px;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  .column--210 {
    width: 210px;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  .column--210 {
    width: 210px;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  .column--210 {
    width: 210px;
  }
}
@media (min-width: 1201px) {
  .column--210 {
    width: 210px;
  }
}

#bannerSupe .bannerPagina img {
  width: 100%;
}

#formAvisosImportantes .bannerPagina {
  width: 100%;
  display: flex;
  justify-content: center;
}
#formAvisosImportantes .bannerPagina img {
  border-radius: 2px;
}
@media (min-width: 1201px) {
  #formAvisosImportantes .bannerPagina img {
    max-height: 80vh;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  #formAvisosImportantes .bannerPagina img {
    width: 460px;
    height: 560px;
  }
}
@media (max-width: 480.98px) {
  #formAvisosImportantes .bannerPagina img {
    max-height: 80vh;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  #formAvisosImportantes .bannerPagina img {
    max-height: 80vh;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024.98px) {
  #formAvisosImportantes .bannerPagina img {
    max-height: 80vh;
    height: 100%;
    width: 100%;
  }
}

.facilidadeProcessual {
  margin-left: 4px;
}
.facilidadeProcessual button {
  height: 27px;
  width: 26px;
}
.facilidadeProcessual button:first-child {
  margin-right: 4px;
}

.listaDocumento ul {
  margin: 0;
}
.listaDocumento ul li {
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #cfd3d7;
  padding-bottom: 0.4rem;
  font-weight: 600;
  font-size: 1rem;
}
.listaDocumento ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.listaDocumento__obrigatorio {
  color: red;
  margin-right: 0.4rem;
}

.panelBuscarProcesso {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 640.98px) {
  .panelBuscarProcesso {
    margin-bottom: 10px;
  }
}
.panelBuscarProcesso .ui-inputfield {
  width: 70px;
}
.panelBuscarProcesso p {
  font-size: 18px !important;
  font-weight: bold;
  margin: 25px 5px 0;
}

.pdfView {
  height: calc(100dvh - 140px);
}
.pdfView iframe {
  height: 100%;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  padding: 5px 10px;
  border-bottom: 1px solid #606060;
  background: #1565c0;
  box-shadow: 0px -2px 10px 0px black;
}
.ui-dialog.ui-widget-content .ui-dialog-title {
  font-size: 16px;
  margin: 0;
  color: white;
  font-weight: 700;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
  background: white;
  margin: 0;
}

.ui-dialog-content {
  overflow: hidden !important;
}

.panelCalendarioInicialFinal .ui-calendar {
  width: 100%;
}
.panelCalendarioInicialFinal .ui-calendar .ui-inputfield {
  width: 80px;
}
.panelCalendarioInicialFinal .ui-outputlabel {
  margin: 0 5px;
}

.ui-calendar {
  width: 100%;
}
.ui-calendar .ui-inputfield {
  width: calc(100% - 32px);
  border-radius: 5px 0px 0px 5px;
}
.ui-calendar .ui-button, .ui-calendar .ui-button-icon-only {
  width: 30px;
  height: 27px;
  border-radius: 0px 5px 5px 0px;
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
  background-color: #87e86d;
  background-image: linear-gradient(to bottom, #c7ffa8, #c7ffa8);
}

.ui-selectonemenu {
  min-width: 0px !important;
  width: 100%;
}
.ui-selectonemenu-filter-container {
  width: 100%;
}
.ui-selectonemenu-filter-container .ui-inputfield {
  padding-right: 25px;
  width: 100%;
}
.ui-selectonemenu-panel {
  max-width: 100%;
}

.ui-menu.ui-menubar {
  background: #fff;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  box-shadow: 0px 5px 7px -6px #d2d2d2;
  border-radius: 0;
}
.ui-menu.ui-menuitem {
  margin: 0px;
}
.ui-menu.ui-menuitem-text {
  margin: -3px 3px 0px;
}

.ui-menu .ui-menu-parent .ui-menu-child {
  width: auto;
  min-width: 250px;
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
  padding: 5px 0;
  border-radius: 0px 5px 5px;
  border: 1px solid #1565c0;
}

.ui-menubar .ui-menu-child .ui-menuitem {
  margin: 0;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
  margin: 0px 3px;
}

.ui-datatable-empty-message {
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
}

.dataTableEmptyMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
}
.dataTableEmptyMessage p {
  margin: 0 5px;
  font-size: 16px;
}

.column--checkbox {
  width: 40px !important;
}
.column--campoNotificao {
  width: 100px !important;
}
.column--actionNotificao {
  width: 60px !important;
}
.column--buttonOnlyIcon {
  width: 32px;
  height: 30px;
  box-shadow: 0 0 4px #0d47a1 !important;
}

.panelColumn {
  display: flex;
  flex-direction: column;
}

.ui-datatable-header {
  padding: 10px !important;
}
.ui-datatable-header .ui-outputlabel {
  color: #FFFFFF;
  margin-bottom: 0;
}
.ui-datatable .ui-column-title {
  width: 100%;
}
.ui-datatable .valueInformation {
  word-break: break-word;
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .ui-datatable .valueInformation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .valueInformation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.ui-datatable tr.ui-state-highlight {
  background: #e4e4e4;
  color: #000000;
  font-weight: 800;
}

.ui-panel {
  background: #f7f7f7;
}
.ui-panel-titlebar {
  background: #6496ce;
  color: #fff;
}
.ui-panel-content {
  padding: 7px !important;
}

.ui-inputfield {
  width: 100%;
}

.ui-outputlabel-rfi {
  color: red !important;
}

.ui-separator {
  width: 99%;
  margin: 10px auto;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
  color: #1d5987;
}

.ui-panelgrid {
  width: 100%;
}
.ui-panelgrid tr, .ui-panelgrid row, .ui-panelgrid td {
  background: none;
}
.ui-panelgrid-cell {
  padding: 2px 4px 2px 4px;
}

.ui-panelgrid .ui-panelgrid-cell {
  padding: 2px 2px 2px 2px;
}

.ui-fieldset-legend {
  margin: 0;
}
.ui-fieldset-content {
  display: flex;
  width: 100%;
}
.ui-fieldset-content .ui-outputpanel {
  display: flex;
  align-items: start;
  flex-direction: column;
  width: 100%;
}

.ui-button-text {
  text-shadow: none;
}

#formFiltro .ui-picklist {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 640.98px) {
  #formFiltro .ui-picklist.ui-picklist-responsive {
    flex-direction: column;
  }
}
#formFiltro .dlg__panelAcaoDupla {
  max-width: 600px;
  margin: 0 auto;
}
#formFiltro .dlg__panelAcaoDupla button {
  margin: 10px 0;
}

@media (min-width: 769px) and (max-width: 1024.98px) {
  #bannerSupe {
    margin: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
@media (min-width: 1025px) and (max-width: 1200.98px) {
  #bannerSupe {
    margin: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
@media (min-width: 1201px) {
  #bannerSupe {
    margin: 0 5px 5px;
    width: calc(100% - 10px);
  }
}
@media (max-width: 480.98px) {
  #bannerSupe {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768.98px) {
  #bannerSupe {
    display: none;
  }
}
#bannerSupe\:bannerCarousel {
  position: relative;
}
#bannerSupe\:bannerCarousel .ui-carousel-header {
  height: 0;
  padding: 0;
  border: 0;
}
#bannerSupe\:bannerCarousel .ui-carousel-button {
  position: absolute;
  display: inline-block;
  top: calc(50% - 16px);
  z-index: 1000;
  border-radius: 100%;
  border: 3px solid #343234;
  background-color: #ffffff;
}
#bannerSupe\:bannerCarousel .ui-carousel-prev-button {
  left: 5px;
}
#bannerSupe\:bannerCarousel .ui-carousel-next-button {
  right: 5px;
}

#formAvisosImportantes\:bannerCarousel {
  position: relative;
}
#formAvisosImportantes\:bannerCarousel .ui-carousel-header {
  height: 0;
  padding: 0;
  border: 0;
}
#formAvisosImportantes\:bannerCarousel .ui-carousel-button {
  position: absolute;
  display: inline-block;
  top: calc(50% - 16px);
  z-index: 1000;
  border-radius: 100%;
  border: 3px solid #343234;
  background-color: #ffffff;
}
#formAvisosImportantes\:bannerCarousel .ui-carousel-prev-button {
  left: 5px;
}
#formAvisosImportantes\:bannerCarousel .ui-carousel-next-button {
  right: 5px;
}

#frm2 .ui-fileupload {
  margin: 0.5%;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: whitesmoke;
}
#frm2 .ui-fileupload .ui-outputlabel {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 5px 0;
}
#frm2 .ui-fileupload .ui-button {
  margin: 0;
  border-radius: 4px;
  border: 1px solid #1565c0;
  background: #e5ebfc;
  transition: 0.5s;
}
#frm2 .ui-fileupload .ui-button:hover {
  background: #2ea6ef;
}
@media (max-width: 640.98px) {
  #frm2 .ui-fileupload .ui-button {
    padding: 5px 10px 5px 15px;
  }
}
#frm2 .ui-fileupload-icon-only .ui-button-icon-left {
  top: 12px;
  left: 6px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
#frm2 .ui-fileupload-icon-only .ui-button-text {
  padding: 5px 10px;
}
#frm2 .fileUploadDocumentoNecessario {
  width: 100%;
  display: flex;
  margin: 5px 0 0;
}
#frm2 .fileRemover {
  color: #1565c0 !important;
  text-decoration: underline;
}
#frm2 .ui-fileupload-content {
  background: none;
  border: none;
}
@media (max-width: 640.98px) {
  #frm2 .ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: flex;
    padding: 0 0 0 10px;
  }
}
#frm2 .ui-fileupload-buttonbar {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-right: 1px solid #dddddd;
  border-radius: 0;
}
#frm2\:outRepeatUploadArquivo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#frm2 .panelInformationUpload {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  width: 100%;
}
#frm2 .panelInformationUpload__info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
#frm2 .panelInformationUpload__trash {
  background: red !important;
  padding: 5px;
  border: none !important;
  border-radius: 0 !important;
  width: 30px;
}
#frm2 .panelInformationUpload__select {
  background: #b3e9a6;
}

.fileUploadArquivosGerais .ui-fileupload-buttonbar {
  width: 100% !important;
}
.fileUploadArquivosGerais .ui-fileupload-buttonbar .ui-button-text-icon-left {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
}
.fileUploadArquivosGerais .ui-fileupload-buttonbar .ui-button-text-icon-left .ui-button-icon-left {
  top: 12px;
  left: 6px;
  filter: invert(18%) sepia(99%) saturate(5222%) hue-rotate(204deg) brightness(95%) contrast(84%);
}
.fileUploadArquivosGerais .ui-fileupload-buttonbar .ui-button-text-icon-left .ui-button-text {
  padding: 0 25px !important;
}

.ui-datatable-header, .ui-datatable-footer, .ui-paginator {
  background: #6496ce;
  border: 1px solid #666666;
  color: white;
}

.ui-widget {
  font-family: Lucida Sans, sans-serif;
  font-size: 12px !important;
}

#formConfiguracao label {
  margin: 0 0 0 5px !important;
}

.panelFlexBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}