.ui-state-focus {
  outline: none !important;
}

.manual {
  min-height: 35px;
  color: #1B231B !important;
  background: #71d071 !important;
  border: 3px solid #468046 !important;
  margin: 0px 0px 20px 0px;
  text-shadow: none !important;
  padding: 0 10px;
  max-width: 400px;
  width: 100%;
  transition: 0.5s;
}
.manual:hover {
  background: #99f599 !important;
  border: 3px solid #6fc26f !important;
}

.selectMany {
  width: 100%;
}
.selectMany tr {
  display: flex;
  flex-direction: column;
}
.selectMany tr td {
  display: flex;
  padding: 5px 0;
}
@media (max-width: 640.98px) {
  .selectMany tr td {
    border-bottom: 1px solid #f49505 !important;
  }
}
.selectMany tr td .ui-chkbox {
  display: flex;
  align-items: center;
}

.header__top {
  align-items: center;
  background: #F58428;
  display: flex;
  min-height: 45px;
  justify-content: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 640.98px) {
  .header__top {
    flex-direction: column-reverse;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__top {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1025px) {
  .header__top {
    flex-direction: row;
  }
}
.header__top__menu {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 5px 0;
}
@media (max-width: 640.98px) {
  .header__top__menu {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__top__menu {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
}
.header__top__menu a {
  color: #FFFFFF;
  display: block;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.2s ease-in;
  padding: 0.5rem 1rem;
}
.header__top__menu a:hover {
  color: #14467C;
}
.header__top__menu li + li {
  border-left: 1px solid #FFFFFF;
  margin-left: 10px;
  padding-left: 10px;
}
.header__top__social {
  display: inline-flex;
}
@media (max-width: 640.98px) {
  .header__top__social {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__top__social {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
  }
}
.header__top__social li + li {
  margin-left: 15px;
}
@media (max-width: 640.98px) {
  .header__top__social img {
    width: 28px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__top__social img {
    width: 28px;
  }
}
.header__center {
  background: #eff3f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 640.98px) {
  .header__center {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__center {
    height: 100px;
  }
}
@media (min-width: 1025px) {
  .header__center {
    height: 130px;
  }
}
.header__center p {
  color: #004a77;
  font-size: 3rem;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  .header__center p {
    margin-top: 20px;
    margin-left: 20px;
    border-left: 2px solid #f49505;
    padding-left: 20px;
    height: 90px;
    display: flex;
    align-items: center;
    width: auto;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__center p {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 640.98px) {
  .header__center p {
    text-align: center;
    margin: 0;
  }
}
.header__center__logo {
  padding: 5px 0;
  margin-top: 15px;
}
@media (min-width: 1025px) {
  .header__center__logo {
    width: 100px;
    border-right: 2px solid #004a77;
    padding-right: 35px;
    margin: 0px 0 0;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__center__logo {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
@media (max-width: 640.98px) {
  .header__center__logo {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
.header__center__img {
  bottom: 0px;
  position: relative;
  width: 270px;
}
.header__bottom {
  background: #004a77;
  position: relative;
  min-height: 65px;
  display: flex;
  align-items: center;
}
@media (max-width: 640.98px) {
  .header__bottom #traditionalMenu {
    visibility: hidden;
    height: 0px;
  }
}
.header__bottom #traditionalMenu .userLabel {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  z-index: 1000;
}
@media (min-width: 1025px) {
  .header__bottom #traditionalMenu .userLabel {
    position: absolute;
    top: 20px;
    left: 15px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__bottom #traditionalMenu .userLabel {
    top: 10px;
    left: 5px;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .header__bottom #smarthMenu {
    height: 0px;
    visibility: hidden;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__bottom #smarthMenu {
    height: 0px;
    visibility: hidden;
  }
}
@media (max-width: 640.98px) {
  .header__bottom #smarthMenu {
    padding: 10px;
  }
}
.header__bottom #smarthMenu .userLabel {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 20px;
  font-weight: 600;
  z-index: 1000;
}
@media (min-width: 1025px) {
  .header__bottom #smarthMenu .userLabel {
    position: absolute;
  }
}
.header__bottom #smarthMenu .ui-button {
  width: 40px;
  height: 40px;
  top: 13px;
  position: absolute;
  left: 10px;
  color: #ffffff;
  background: #f49505;
  border-radius: 10px;
  font-size: 3rem;
  padding: 0;
  margin: 0;
}
.header__bottom #smarthMenu .ui-button-icon-only .ui-icon {
  left: 8%;
  margin-left: -8px;
  width: 50px;
}
.header__bottom #smarthMenu .ui-button-icon-only .ui-icon, .header__bottom #smarthMenu .ui-button-text-icon-left .ui-icon, .header__bottom #smarthMenu .ui-button-text-icon-right .ui-icon {
  position: absolute;
  top: 50%;
  height: 35px;
  margin-top: -15px;
}
.header__bottom .acessoRestrito {
  background: #f49505;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 700;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: 0.5s;
  z-index: 800;
  top: 12px;
  right: 10px;
}
.header__bottom .acessoRestrito:hover {
  background: #b77005;
  text-decoration: none;
}
.header .ui-menu.ui-menubar {
  align-items: center;
  background: #14467C;
  border: 1px solid #14467C;
  display: flex;
  min-height: 50px;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.header .ui-menu .ui-menuitem-text {
  color: white;
  font-weight: 800;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
}
.header .ui-menu.ui-widget li > .ui-menuitem-link {
  padding: 0.5em 0em;
  margin: 0 10px;
}
.header .verticalmenu {
  background: #14467C;
}
.header .ui-state-default, .header .ui-widget-content .ui-state-default, .header .ui-widget-header .ui-state-default {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
}
.header .ui-corner-all {
  border-radius: 0px;
}
.header ul {
  list-style: none;
  margin: 0;
}

.dlgLogin {
  width: 350px !important;
}
.dlgLogin .ui-widget-header .ui-inputfield, .dlgLogin .ui-widget-content .ui-inputfield {
  width: 100%;
}
.dlgLogin__btn {
  height: 30px;
  width: 100%;
}
@media (min-width: 1025px) {
  .dlgLogin__btn {
    margin: -5px 0px 5px;
  }
}

@media (min-width: 1025px) {
  .dlg__dlgEsqueceuEmail {
    width: 450px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlg__dlgEsqueceuEmail {
    width: 450px !important;
  }
}
.dlg__dlgEsqueceuEmail__btn {
  height: 30px;
  width: 100%;
}
@media (min-width: 1025px) {
  .dlg__dlgEsqueceuEmail__btn {
    margin: -5px 0px 5px;
  }
}

@media (min-width: 1025px) {
  .dlg__dlgEsqueceuSenha {
    width: 450px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlg__dlgEsqueceuSenha {
    width: 450px !important;
  }
}
.dlg__dlgEsqueceuSenha__btn {
  height: 30px;
  width: 100%;
}
@media (min-width: 1025px) {
  .dlg__dlgEsqueceuSenha__btn {
    margin: -5px 0px 5px;
  }
}

.dlgEsqueciSenha {
  width: 500px !important;
}

#formLoginAreaRestrita {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 20px;
}
@media (max-width: 640.98px) {
  #formLoginAreaRestrita {
    flex-direction: column;
  }
}
#formLoginAreaRestrita .voltarBtn {
  background: #097bc1;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 700;
  padding: 5px;
  position: relative;
  text-decoration: none;
  transition: 0.5s;
  z-index: 800;
}
@media (max-width: 640.98px) {
  #formLoginAreaRestrita .voltarBtn {
    margin-bottom: 10px;
    width: 100%;
  }
}

#form-login {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 60px;
}
@media (min-width: 1025px) {
  #form-login .panelLogin {
    width: 350px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #form-login .panelLogin {
    width: 350px;
  }
}
@media (max-width: 640.98px) {
  #form-login .panelLogin {
    width: 100%;
  }
}
#form-login .panelLogin .ui-widget-content .ui-inputfield {
  width: 100%;
}
#form-login .panelLogin__acoes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#form-login .panelLogin__acoes__btn {
  margin: 5px 0;
  height: 30px;
  width: 100%;
}
#form-login .panelLogin__acoes__link {
  margin: 5px 0;
}

.principal__text {
  background-color: #fcf8e3;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  padding-top: 0% !important;
  font-weight: bolder !important;
  border-radius: 5px;
  border: #c99e56 4px solid;
}
.principal__text__position {
  align-content: center;
  position: relative !important;
  text-align: center;
}
@media (min-width: 1025px) {
  .principal__text__position {
    width: 70%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .principal__text__position {
    width: 85%;
  }
}
@media (max-width: 640.98px) {
  .principal__text__position {
    width: 100%;
  }
}
.principal__text__boasVindas {
  font-size: 16pt !important;
  margin: 15px;
  font-weight: bolder !important;
}
.principal__text__boasVindas__detalhes {
  font-size: 10pt !important;
}
@media (min-width: 1025px) {
  .principal__text__boasVindas__detalhes {
    margin: 0 20% 20px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .principal__text__boasVindas__detalhes {
    margin: 0 15% 20px;
  }
}
@media (max-width: 640.98px) {
  .principal__text__boasVindas__detalhes {
    margin: 0 5% 20px;
  }
}

.fundoVoluntario {
  background: linear-gradient(#ffffff, #097bc1);
  padding-top: 20px;
}

#formCadVoluntario {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 100%;
}
#formCadVoluntario .infoCadastro {
  background: #ffffff;
  border: 2px solid #f49505;
  border-radius: 15px;
  margin: 0 auto 20px;
  padding: 15px;
}
#formCadVoluntario .infoCadastro p {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  text-align: justify;
}
#formCadVoluntario h2 {
  text-align: center;
  border-bottom: 2px solid #f49505;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  color: #f49505;
}
#formCadVoluntario .divForm {
  background: #ffffff;
  border: 2px solid #004a77;
  border-bottom: 0;
  padding-bottom: 10px;
}
#formCadVoluntario .divForm h3 {
  margin: 0 0 5px;
  padding: 10px;
  background: #097bc1;
  color: #ffffff;
  border-bottom: 1px solid #004a77;
  text-transform: uppercase;
  text-align: center;
}
#formCadVoluntario .divFormButton {
  padding-top: 20px;
  border-top: 0px;
  border-bottom: 2px solid #004a77;
}
#formCadVoluntario .divFormButton button {
  width: calc(100% - 40px);
  background: #0e910e;
  color: white;
  text-shadow: none;
  font-size: 18px;
  margin: 0 20px 10px;
  transition: 0.5s;
}
#formCadVoluntario .divFormButton button:hover {
  background: #11c111;
  color: black;
}
#formCadVoluntario .ui-outputlabel .ui-outputlabel-rfi {
  color: red;
}

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

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

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

#formCadInstituicao .meusDados__panel {
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  #formCadInstituicao .meusDados__columnAction {
    width: 60px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #formCadInstituicao .meusDados__columnAction {
    width: 60px;
  }
}
#formCadInstituicao .meusDados__btn {
  width: 100%;
}
#formCadInstituicao .ui-panel .ui-panel-content {
  padding: 0;
}

#formCadLogin {
  margin: 0 auto;
  max-width: 1200px;
}
#formCadLogin .panelCadLogin__btn {
  height: 30px;
  width: 100%;
}

@media (min-width: 1025px) {
  .dlgContatos {
    top: 15px !important;
    width: 800px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgContatos {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}
.dlgContatos .ui-datatable .ui-datatable-data td, .dlgContatos .ui-datatable .ui-datatable-data-empty td {
  font-size: 12px;
  line-height: normal;
}
.dlgContatos__dataTable {
  overflow: auto;
}
@media (min-width: 1025px) {
  .dlgContatos__dataTable .columnCPF {
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .dlgContatos__dataTable .columnOcupacao {
    width: 140px;
  }
}
@media (min-width: 1025px) {
  .dlgContatos__dataTable .columnTelefone {
    width: 115px;
  }
}

.dlgDocumentos {
  width: 600px !important;
}

#formAdm {
  margin: 0 auto;
  max-width: 1200px;
}
#formAdm .divDataCadastro {
  display: flex;
  flex-wrap: wrap;
}
#formAdm .divDataCadastro .ui-state-default, #formAdm .divDataCadastro .ui-widget-content .ui-state-default, #formAdm .divDataCadastro .ui-widget-header .ui-state-default {
  width: 95px;
}
@media (min-width: 1025px) {
  #formAdm .tabela__columnBtn {
    width: 100px;
    text-align: center;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  #formAdm .tabela__columnBtn {
    width: 100px;
    text-align: center;
  }
}
#formAdm .tabela__columnBtn .buttonColumn {
  width: 31px;
  height: 31px;
}
#formAdm .ui-datatable .ui-datatable-data td, #formAdm .ui-datatable .ui-datatable-data-empty td {
  line-height: normal;
  font-size: 1.3rem;
}

#contato {
  background: #097bc1;
  padding: 30px 0;
  min-height: 40vh;
  margin-bottom: -10px;
}
#contato .contato {
  max-width: 1000px;
  margin: 0 auto;
  border: none;
  border-radius: 15px;
  background: none;
}
#contato .contato h2 {
  margin: 0;
  padding: 5px 10px;
  font-size: 3rem;
  background: none;
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: white;
}
#contato .contato__info {
  border: 1px solid #004a77;
  background: #ffffff;
  border-radius: 10px;
  color: #004a77;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 10px 0;
  max-width: 400px;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
#contato .contato p {
  font-size: 2rem;
  padding: 0 20px;
  text-align: justify;
  margin: 10px auto;
}

.footerBanner {
  background: #097bc1;
}
.footerBanner img {
  width: 100%;
  max-width: 100%;
  position: relative;
  bottom: -10px;
}

.footer {
  background: #eff3f7;
  display: block;
  position: relative;
}
@media (min-width: 1025px) {
  .footer {
    border-right: 2px solid #f8a562;
    border-left: 1px solid #f8a562;
    border-bottom: 2px solid #f8a562;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer {
    border-right: 1px solid #f8a562;
    border-left: 1px solid #f8a562;
    border-bottom: 1px solid #f8a562;
  }
}
@media (max-width: 640.98px) {
  .footer {
    border-right: 1px solid #f2cfb3;
    border-left: 1px solid #f2cfb3;
    border-bottom: 1px solid #f2cfb3;
  }
}
.footer__logo {
  display: block;
}
@media (max-width: 640.98px) {
  .footer__logo {
    margin: 0;
    visibility: hidden;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__logo {
    margin: 0px 25px 10px;
  }
}
@media (min-width: 1025px) {
  .footer__logo {
    margin: 0 3% 5px;
  }
}
.footer__logo img {
  max-width: 100%;
  width: 100px;
}
.footer__social {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640.98px) {
  .footer__social {
    top: 5px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__social {
    top: 20px;
  }
}
@media (min-width: 1025px) {
  .footer__social {
    top: 20px;
  }
}
.footer__social__list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (max-width: 640.98px) {
  .footer__social__list {
    margin-bottom: 5px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__social__list {
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .footer__social__list {
    margin-bottom: 15px;
  }
}
.footer__social__list li + li {
  margin-left: 14px;
}
.footer__social__address {
  text-align: center;
}
.footer__social__address p {
  font-weight: normal;
  font-size: 1.3rem;
  color: #4F4F4F;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.6em;
}
.footer__social__address a {
  color: #4F4F4F;
  font-weight: 800;
}
.footer__copyright {
  align-items: center;
  border-top: 1px solid rgba(249, 164, 96, 0.5);
  display: flex;
  justify-content: center;
  padding: 15px 0;
  margin: 0 3%;
}
@media (max-width: 640.98px) {
  .footer__copyright {
    flex-direction: column;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__copyright {
    flex-direction: column;
  }
}
.footer__copyright span {
  position: relative;
  font-weight: normal;
  font-size: 1.3rem;
  text-align: center;
  color: #14467C;
}
@media (max-width: 640.98px) {
  .footer__copyright span {
    margin-bottom: 10px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__copyright span {
    margin-bottom: 5px;
  }
}
@media (max-width: 640.98px) {
  .footer__copyright .separador {
    height: 0;
    visibility: hidden;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .footer__copyright .separador {
    height: 0;
    visibility: hidden;
  }
}
@media (min-width: 1025px) {
  .footer__copyright .separador {
    margin: 0 4px;
  }
}

@media (max-width: 640.98px) {
  .dlg {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}
.dlg__button {
  height: 30px;
  width: 100%;
}

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

.scrollPanel {
  border: none !important;
  overflow: auto;
}
@media (min-height: 701px) {
  .scrollPanel {
    max-height: 90vh;
  }
}
@media (min-height: 601px) and (max-height: 700.98px) {
  .scrollPanel {
    max-height: 87vh;
  }
}
@media (min-height: 501px) and (max-height: 600.98px) {
  .scrollPanel {
    max-height: 85vh;
  }
}
@media (min-height: 401px) and (max-height: 500.98px) {
  .scrollPanel {
    max-height: 80vh;
  }
}
@media (min-height: 351px) and (max-height: 400.98px) {
  .scrollPanel {
    max-height: 76vh;
  }
}
@media (max-height: 350.98px) {
  .scrollPanel {
    max-height: 70vh;
  }
}

.scrollPanelWithButton {
  border: none !important;
  overflow: auto;
}
@media (min-height: 701px) {
  .scrollPanelWithButton {
    max-height: 75vh;
  }
}
@media (min-height: 601px) and (max-height: 700.98px) {
  .scrollPanelWithButton {
    max-height: 73vh;
  }
}
@media (min-height: 501px) and (max-height: 600.98px) {
  .scrollPanelWithButton {
    max-height: 70vh;
  }
}
@media (min-height: 401px) and (max-height: 500.98px) {
  .scrollPanelWithButton {
    max-height: 68vh;
  }
}
@media (min-height: 351px) and (max-height: 400.98px) {
  .scrollPanelWithButton {
    max-height: 65vh;
  }
}
@media (max-height: 350.98px) {
  .scrollPanelWithButton {
    max-height: 60vh;
  }
}

.ui-dialog.ui-widget-content .ui-dialog-title {
  font-size: 20px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  background: #097bc1;
  color: #ffffff;
  border-bottom: 3px solid #f49505;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #ffffff;
  padding: 2px 3px 3px 2px;
  zoom: 1.1;
  border-radius: 100%;
}

.ui-states-focus {
  outline: none !important;
}

/*# sourceMappingURL=style.css.map */