@font-face {
  font-family: "Mercadillo";
  src: url("../font/Mercadillo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Mercadillo";
  src: url("../font/Mercadillo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Mercadillo";
  src: url("../font/Mercadillo-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mercadillo";
  src: url("../font/Mercadillo-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: url("../imgs/background.webp") repeat;
  font-size: 1rem;
  font-family: "Mercadillo", Lucida Sans, sans-serif;
  margin: 0;
  padding: 0;
}

.ui-widget {
  font-family: "Mercadillo", Lucida Sans, sans-serif !important;
}

.header__top {
  align-items: center;
  background: #e4143a;
  display: flex;
  min-height: 40px;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (min-width: 320px) and (max-width: 480px) {
  .header__top {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .header__top {
    display: none;
  }
}
@media (min-width: 1025px) {
  .header__top {
    flex-direction: row;
    padding: 0 10px;
  }
}
.header__top__menu {
  display: inline-flex;
  flex-wrap: wrap;
}
@media (max-width: 640.98px) {
  .header__top__menu {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px 0;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__top__menu {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px 0;
  }
}
@media (min-width: 1025px) {
  .header__top__menu {
    padding: 5px 0;
  }
}
.header__top__menu a {
  color: #FFFFFF;
  display: block;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.2s ease-in;
  padding: 0;
}
.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__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__body__img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 50PX 0 0;
  border-right: 2px solid #FBD301;
  border-top: 2px solid #FBD301;
}
@media (min-width: 1025px) {
  .header__body__img {
    min-height: calc(100vh - 40px);
    width: 30vw;
  }
}
.header__body__text {
  background: linear-gradient(#fc0607, #FBD301);
  display: flex;
  flex-direction: column;
  padding: 30px;
}
@media (min-width: 1025px) {
  .header__body__text {
    min-height: calc(100vh - 40px);
    width: 70vw;
  }
}
.header__body__text h1 {
  color: #FFFFFF;
  font-size: 4rem;
  margin: 10px 0 40px;
}
.header__body__text p {
  color: #FFFFFF;
  font-size: 1.4rem;
  margin: 40px 0;
}
.header__body__shadow {
  background: linear-gradient(transparent 30%, #FBD301 100%);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 1025px) {
  .header__body__shadow {
    min-height: calc(100vh - 40px);
    width: 30vw;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .header__body__shadow {
    height: calc(100vh - 65px);
  }
}
@media (max-width: 640.98px) {
  .header__body__shadow {
    height: calc(100vh - 80px);
  }
}
.header__center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  color: #FFFFFF;
}
@media (min-width: 320px) and (max-width: 480px) {
  .header__center {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .header__center {
    flex-direction: column;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header__center {
    flex-direction: column;
  }
}
.header__center__img {
  margin-top: 15px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .header__center__500 {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .header__center__500 {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header__center__300 {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .header__center__300 {
    display: none;
  }
}
@media (min-width: 1201px) {
  .header__center__300 {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .header__center__300 {
    margin: 1rem 0 0.2rem;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .header__center__300 {
    margin: 1rem 0 0.2rem;
  }
}
.header__center__titulo {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 300px;
}
.header__center__titulo h1 {
  margin: 0;
  font-size: 4rem;
}
.header__center__titulo span {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  position: absolute;
}
.header__center__titulo__maceio {
  top: -15px;
  left: 90px;
}
.header__center__titulo__ano {
  bottom: -15px;
  right: 35px;
}
.header__bottom {
  position: relative;
  min-height: 65px;
  z-index: 1000;
}
@media (min-width: 320px) and (max-width: 480px) {
  .header__bottom #traditionalMenu {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .header__bottom #traditionalMenu {
    display: none;
  }
}
.header__bottom #traditionalMenu .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
}
.header__bottom #traditionalMenu .menu li {
  position: relative;
}
.header__bottom #traditionalMenu .menu li a {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.5s;
  font-size: 1.6rem;
}
.header__bottom #traditionalMenu .menu li a:hover {
  color: #F4F4F4;
}
.header__bottom #traditionalMenu .menu li ul {
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #FBD301;
  padding: 10px;
  display: none;
  border: 2px solid #8a7402;
  border-radius: 0 0 10px 10px;
  z-index: 1001;
}
.header__bottom #traditionalMenu .menu li ul li {
  width: 500px;
}
.header__bottom #traditionalMenu .menu li ul li a {
  padding: 0;
}
.header__bottom #traditionalMenu .menu li:focus ul {
  display: block;
}
.header__bottom #traditionalMenu .menu li:focus-within ul {
  display: block;
}
.header__bottom #traditionalMenu .menu li:focus-visible ul {
  display: block;
}
.header__bottom #traditionalMenu .menu li .over ul {
  display: block;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header__bottom #smarthMenu {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .header__bottom #smarthMenu {
    display: none;
  }
}
@media (min-width: 1201px) {
  .header__bottom #smarthMenu {
    display: none;
  }
}
.header__bottom #smarthMenu .ui-button {
  width: 40px;
  height: 40px;
  top: 13px;
  position: absolute;
  left: 10px;
  color: #FFFFFF;
  background: #fc0607;
  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 .ui-menu.ui-menubar {
  align-items: center;
  background: #8a7402;
  border: 1px solid #8a7402;
  display: flex;
  min-height: 50px;
  justify-content: start;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
.header .ui-menu .ui-menuitem-text {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
}
.header .ui-menu .ui-menu-parent .ui-menu-child {
  background: #FBD301;
  border: 1px solid #8a7402;
  width: auto;
  padding: 15px 0px;
}
.header .ui-menubar .ui-menu-child .ui-menuitem {
  transition: 0.5s;
}
.header .ui-menubar .ui-menu-child .ui-menuitem:hover {
  background: #3897d1;
}
.header .ui-menu.ui-widget li > .ui-menuitem-link {
  background: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 0;
  padding: 15px 0;
}
.header .verticalmenu {
  background: #8a7402;
}
.header .ui-corner-all {
  border-radius: 0px;
}
.header ul {
  list-style: none;
  margin: 0;
}
.header .ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
  margin: 0 1.4em 0;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
  color: #FFFFFF;
  font-weight: 600;
}

.ui-menu.ui-menu-dynamic {
  background: #FBD301;
  font-size: 2rem;
}
.ui-menu.ui-menu-dynamic .ui-menu-list .ui-state-hover {
  background: #8a7402 !important;
}
.ui-menu.ui-menu-dynamic .ui-menuitem-icon, .ui-menu.ui-menu-dynamic .ui-menuitem-text {
  color: #FFFFFF !important;
}

.ui-slidemenu .ui-slidemenu-content {
  height: 100% !important;
}

.footerBanner {
  margin-top: 0;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .footerBanner {
    display: none;
  }
}
@media (min-width: 1201px) {
  .footerBanner {
    display: none;
  }
}
.footerBanner img {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-top: 20px;
  margin-bottom: -5px;
}

.footer {
  background: #FFFFFF;
  display: block;
  position: relative;
  border-top: 5px solid #e4143a;
}
.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 480px) {
  .footer__logo {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .footer__logo {
    flex-direction: column;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .footer__logo img:last-child {
    margin-top: 10px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .footer__logo img:last-child {
    margin-top: 10px;
  }
}
.footer__social__list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 15px 0;
}
.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;
  display: flex;
  justify-content: center;
  padding: 15px 0;
  margin: 0 3%;
}
@media (min-width: 320px) and (max-width: 480px) {
  .footer__copyright {
    flex-direction: column;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .footer__copyright {
    flex-direction: column;
  }
}
.footer__copyright span {
  position: relative;
  font-weight: normal;
  font-size: 1.3rem;
  text-align: center;
  color: #14467C;
}
@media (min-width: 320px) and (max-width: 480px) {
  .footer__copyright span {
    margin-bottom: 5px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .footer__copyright span {
    margin-bottom: 5px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .footer__copyright .separador {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .footer__copyright .separador {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer__copyright .separador {
    margin: 0 4px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .footer__copyright .separador {
    margin: 0 4px;
  }
}
@media (min-width: 1201px) {
  .footer__copyright .separador {
    margin: 0 4px;
  }
}

.panelObrigatorio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.panelObrigatorio p {
  font-size: 1.3rem;
  margin: 0 0 10px;
}
.panelObrigatorio p span {
  color: red;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: transparent;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: none;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #FBD301;
  color: white;
  text-decoration: none;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1024px) {
  .topnav a:not(:first-child) {
    display: none;
  }
  .topnav a.icon {
    display: block;
    background: #e4143a;
    border-radius: 10px;
    padding: 8px 10px 0;
    text-align: center;
    margin: 10px 10px 0;
    font-size: 2rem;
    width: calc(100% - 20px);
  }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1024px) {
  .topnav.responsive {
    position: relative;
    overflow: auto;
  }
  .topnav.responsive a.icon {
    background: #e4143a;
    border-radius: 10px 10px 0 0;
    padding: 8px 10px 0;
    text-align: center;
    margin: 10px 10px 0;
    font-size: 2rem;
    width: calc(100% - 20px);
  }
  .topnav.responsive .infoMenu {
    width: calc(100% - 20px);
    margin: 0 10px 5px;
    background: #F4F4F4;
    border: 1px solid #e4143a;
    border-radius: 0 0 10px 10px;
  }
  .topnav.responsive .infoMenu a {
    color: #000000;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
@media (min-width: 1025px) {
  .dlgCadPainel {
    width: 600px !important;
    top: 10px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgCadPainel {
    left: 0px !important;
    height: 100% !important;
    top: 0px !important;
    width: 100% !important;
  }
}
.dlgCadPainel__img {
  max-width: 260px;
  max-height: 180px;
}

.dlgRecortarImagem {
  top: 0px !important;
  left: 0px !important;
}

.acessoRestrito {
  font-family: Lucida Sans, sans-serif !important;
}
.acessoRestrito #tabPai {
  margin: 0 auto;
  padding: 15px 0;
  max-width: 1000px;
}
.acessoRestrito #tabMeuPainel {
  background: red;
}
@media (min-width: 1025px) {
  .acessoRestrito__user .ui-selectonemenu {
    width: 95%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user .ui-selectonemenu {
    width: 97%;
  }
}
@media (max-width: 640.98px) {
  .acessoRestrito__user .ui-selectonemenu {
    width: 95%;
  }
}
@media (min-width: 1025px) {
  .acessoRestrito__user__datatable .columncpf {
    text-align: center;
    width: 90px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user__datatable .columncpf {
    text-align: center;
    width: 90px;
  }
}
@media (min-width: 1025px) {
  .acessoRestrito__user__datatable .columnativo {
    text-align: center;
    width: 50px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user__datatable .columnativo {
    text-align: center;
    width: 50px;
  }
}
@media (min-width: 1025px) {
  .acessoRestrito__user__datatable .columnperfil {
    text-align: center;
    width: 150px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user__datatable .columnperfil {
    text-align: center;
    width: 150px;
  }
}
@media (min-width: 1025px) {
  .acessoRestrito__user__datatable .columnadata {
    text-align: center;
    width: 100px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user__datatable .columnadata {
    text-align: center;
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .acessoRestrito__user__datatable .columnacao {
    text-align: center;
    width: 90px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .acessoRestrito__user__datatable .columnacao {
    text-align: center;
    width: 90px;
  }
}
.acessoRestrito__btn {
  width: 100%;
}
.acessoRestrito .ui-panelgrid-cell {
  padding: 0.1rem !important;
}
.acessoRestrito .ui-button-icon-only {
  border-radius: 100%;
  width: 2rem !important;
  height: 2rem;
  margin: 2px;
}

@media (min-width: 1025px) {
  .dlgLoginAreaRestrita {
    width: 300px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgLoginAreaRestrita {
    width: 300px !important;
  }
}
.dlgLoginAreaRestrita .ui-widget-header .ui-inputfield, .dlgLoginAreaRestrita .ui-widget-content .ui-inputfield {
  width: 100%;
}

.principal {
  color: #FFFFFF;
  margin: 0;
}
.principal h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
  margin: 0;
  padding: 1rem;
}
.principal p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px;
  font-size: 1.4rem;
}
.principal .ui-button {
  background: #FBD301;
  color: #191A1A;
  border: none;
  text-align: center;
  margin: 10px;
  width: calc(100% - 20px);
  font-size: 1.3rem;
}
.principal__intro {
  background: url("../imgs/anonovo1.webp") no-repeat center;
  background-size: cover;
  margin-bottom: 1rem;
  border-top: 5px solid;
  border-bottom: 5px solid;
}
.principal__intro__sombra {
  background: rgba(0, 0, 0, 0.5);
  min-height: 50dvh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .principal__intro__sombra {
    padding: 0 4rem;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .principal__intro__sombra {
    padding: 0 4rem;
  }
}
@media (min-width: 1201px) {
  .principal__intro__sombra {
    padding: 0 4rem;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .principal__intro__sombra {
    padding: 0 2rem;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .principal__intro__sombra {
    padding: 0 1rem;
  }
}
.principal__sobre {
  max-width: 1200px;
  display: flex;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .principal__sobre {
    margin: 0 4rem;
  }
}
@media (min-width: 1201px) {
  .principal__sobre {
    margin: 0 4rem;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .principal__sobre {
    flex-direction: column;
    margin: 0;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .principal__sobre {
    flex-direction: column;
    margin: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .principal__sobre {
    flex-direction: column;
    margin: 0;
  }
}
.principal__sobre-info {
  width: 100%;
  background: #fffff1;
  border-radius: 10px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .principal__sobre-info {
    margin: 0 10px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .principal__sobre-info {
    margin: 0 10px;
  }
}
@media (min-width: 1201px) {
  .principal__sobre-info {
    margin: 0 10px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .principal__sobre-info {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .principal__sobre-info {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .principal__sobre-extra {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  .principal__sobre-extra {
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .principal__sobre-extra {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .principal__sobre-extra {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .principal__sobre-extra {
    display: none;
  }
}
.principal__sobre-extra img {
  width: 100%;
  height: 100%;
}
.principal__sobre-borda {
  border: 2px solid #FBD301;
  border-radius: 10px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .principal__sobre-borda {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  .principal__sobre-borda {
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .principal__sobre-borda {
    margin: 10px;
    width: calc(100% - 20px);
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .principal__sobre-borda {
    margin: 10px;
    width: calc(100% - 20px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .principal__sobre-borda {
    margin: 10px;
    width: calc(100% - 20px);
  }
}
.principal__sobre-borda img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.principal__sobre p {
  color: #000000;
  font-family: Lucida Sans, sans-serif !important;
}

#formCadastro, #formCadastroMulher, #formVisualizar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto 10px;
}

.formularioHeader {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 10px 0 5px;
}
.formularioHeader h1 {
  color: #FBD301;
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
}

.formulario {
  margin: 0 auto;
  background: #F4F4F4;
  max-width: 1200px;
  width: 100%;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid black;
  font-family: Lucida Sans, sans-serif !important;
  z-index: 1000;
}
.formulario__aviso {
  border: 1px solid #e4143a;
  border-radius: 4px;
  background: #f9b9c5;
  padding: 0;
}
.formulario__aviso h2 {
  background: #e4143a;
  margin: 0;
  padding: 0.4rem;
  text-align: center;
  color: white;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.formulario__aviso ul {
  margin: 0;
  padding: 10px 10px 10px 25px;
  list-style-type: disc;
}
.formulario__aviso ul li {
  margin-bottom: 0.6rem;
  text-align: justify;
  color: #191A1A;
  font-family: Lucida Sans, sans-serif;
}
.formulario__aviso ul li:last-child {
  margin-bottom: 0;
}
.formulario__edital {
  border: 1px solid #ae9202;
  border-radius: 4px;
  background: #ffef8b;
  padding: 0;
  margin: 10px;
}
.formulario__edital ul {
  margin: 0;
  padding: 10px 10px 10px 25px;
  list-style-type: disc;
}
.formulario__edital ul li {
  margin-bottom: 0.6rem;
  text-align: justify;
  color: #191A1A;
}
.formulario__edital ul li .ui-commandlink {
  color: #191A1A;
  font-size: 1.2rem;
}
.formulario__edital ul li:last-child {
  margin-bottom: 0;
}
.formulario__campo {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.formulario__campo label {
  font-weight: 600;
  font-family: Lucida Sans, sans-serif !important;
  margin: 10px 0 5px;
  text-align: justify;
}
.formulario__campo .ui-inputfield {
  font-size: 1.1rem;
}
.formulario__campo .ui-selectonemenu {
  min-width: 0 !important;
}
.formulario__campo .ui-selectonemenu .ui-selectonemenu-label {
  margin: 0 !important;
}
.formulario__campo .ui-selectoneradio {
  max-width: 280px;
}
.formulario__campo .ui-selectoneradio label {
  margin-left: 4px;
}
.formulario__checkbox {
  display: flex;
}
.formulario__confirmacao {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #ae9202;
  background: #ffef8b;
  border-radius: 5px;
  margin: 10px 0;
  padding: 5px 10px;
}
.formulario__confirmacao label {
  font-family: Lucida Sans, sans-serif !important;
  margin: 10px 0 5px;
  text-align: justify;
}
.formulario__confirmacao .ui-selectoneradio {
  max-width: 280px;
}
.formulario__confirmacao .ui-selectoneradio label {
  margin-left: 4px;
}

.panelSeparacaoCampos {
  margin-top: 10px;
  border: 1px solid #a10101;
  border-radius: 4px;
}
.panelSeparacaoCampos .ui-panel-titlebar {
  background: #a10101 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
}
.panelSeparacaoCampos .ui-panel-content {
  padding: 0 1rem 1rem;
}
.panelSeparacaoCampos__banco {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffefb4;
  padding: 10px;
  border-radius: 5px;
  width: 230px;
  border: 1px solid #8c8c09;
  font-weight: 700;
}
.panelSeparacaoCampos__banco .ui-inputnumber {
  max-width: 60px;
}

.empresas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  max-width: 1000px;
  width: 100%;
}
.empresas__card {
  text-align: center;
  box-shadow: 0px 0px 10px;
  border: none !important;
  border-radius: 5px;
  transition: 0.5s;
  max-width: 300px;
  width: 100%;
}
.empresas__card:hover {
  box-shadow: 0px 0px 20px;
}
.empresas__card .ui-panel-content {
  border-radius: 5px;
}
@media (max-width: 640.98px) {
  .empresas__card {
    margin: 15px 0px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .empresas__card {
    margin: 15px 5px;
  }
}
@media (min-width: 1025px) {
  .empresas__card {
    margin: 15px 5px;
  }
}
.empresas__card .ui-commandlink:hover, .empresas__card .ui-link:hover {
  text-decoration: none !important;
}
.empresas__card__img {
  height: 140px;
  border-radius: 4px;
}
@media (max-width: 640.98px) {
  .empresas__card__img {
    width: 230px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .empresas__card__img {
    width: 240px;
  }
}
@media (min-width: 1025px) {
  .empresas__card__img {
    width: 250px;
  }
}
.empresas__separador {
  border: 1px solid #7a7878;
  left: -14px;
  position: relative;
  width: calc(100% + 27px);
}
.empresas__nome {
  color: #FBD301;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}
.empresas .ui-fieldset {
  margin-top: 10px !important;
  border: 1px solid #FBD301 !important;
}
.empresas .ui-fieldset-legend {
  padding: 5px !important;
  width: 100%;
  background: #FBD301 !important;
  color: #FFFFFF !important;
}
.empresas .ui-fieldset-legend.ui-state-hover {
  color: #FFFFFF !important;
  font-weight: 700;
}
.empresas .ui-fieldset-legend.ui-state-hover.ui-icon {
  color: #FFFFFF !important;
}
.empresas .ui-fieldset-content {
  text-align: left;
}

#formVencedoresLocalAulas table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#formVencedoresLocalAulas td, #formVencedoresLocalAulas th {
  border: 1px solid black;
  text-align: left;
  padding: 8px;
}

#formAreaCandidata {
  max-width: 1200px;
  margin: 0 auto;
}
#formAreaCandidata .ui-panelgrid-cell {
  padding: 0.1rem !important;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  #formLoginUsuario {
    height: calc(100dvh - 300px);
  }
}
@media (min-width: 1201px) {
  #formLoginUsuario {
    height: calc(100dvh - 300px);
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  #formLoginUsuario {
    height: auto;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #formLoginUsuario {
    height: auto;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #formLoginUsuario {
    height: auto;
  }
}
#formLoginUsuario .login {
  margin: 0 auto;
  background: #FFFFFF;
  color: #000000;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) and (max-width: 1024px) {
  #formLoginUsuario .login {
    max-width: 600px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  #formLoginUsuario .login {
    max-width: 600px;
  }
}
@media (min-width: 1201px) {
  #formLoginUsuario .login {
    max-width: 600px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #formLoginUsuario .login {
    max-width: 450px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  #formLoginUsuario .login {
    margin: 10px;
  }
}
#formLoginUsuario .login h1 {
  text-align: center;
  margin: 0 0 4px;
  border-bottom: 1px solid;
  padding-bottom: 4px;
}
#formLoginUsuario .login .ui-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
}
#formLoginUsuario .login .ui-calendar button {
  width: 38px;
  height: 36px;
  margin: 0;
}
#formLoginUsuario .login label {
  margin: 4px 0;
  font-size: 1.4rem;
}
#formLoginUsuario .login button {
  margin: 10px 0;
  width: 100%;
}
#formLoginUsuario .login a {
  text-align: center;
  font-size: 1.6rem;
  color: #F4F4F4;
}

.botaoParticipacaoEventos {
  background: #f82020 !important;
  border-color: #8c1313 !important;
}

.botaoParticipacaoEventos.ui-state-disabled {
  background: #2196F3 !important;
  border-color: #2196F3 !important;
}

.panelAcaoIndividual {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
}
.panelAcaoIndividual button {
  min-height: 30px;
}
@media (min-width: 1025px) {
  .panelAcaoIndividual button {
    margin: 10px 0;
    width: 50%;
  }
}
@media (max-width: 1024.98px) {
  .panelAcaoIndividual button {
    margin: 10px 0 5px;
    width: 100%;
  }
}

.panelAcaoDupla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 640.98px) {
  .panelAcaoDupla {
    flex-direction: column;
  }
}
.panelAcaoDupla button {
  min-height: 30px;
  margin: 10px 0 0;
  min-width: 130px !important;
  width: 49%;
}
@media (max-width: 640.98px) {
  .panelAcaoDupla button {
    width: 100% !important;
  }
}
@media (max-width: 640.98px) {
  .panelAcaoDupla button:last-child {
    margin: 10px 0 5px;
  }
}

.button1 {
  background: #FBD301 !important;
  border-color: #FFFFFF !important;
  border: 1px solid #8a7402 !important;
}

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

.semBackground tr, .semBackground row, .semBackground td {
  background: none !important;
}

.panelFlex {
  display: flex;
  flex-direction: column;
}
.panelFlex__checkbox {
  flex-direction: row !important;
}
.panelFlex__checkbox .ui-selectbooleancheckbox {
  margin: -3px 0px 0 5px;
}

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

@media (min-width: 320px) and (max-width: 480px) {
  .dlg {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .dlg {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__grande {
    width: 1000px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__grande {
    width: 1000px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__grande {
    width: 1000px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__medio {
    width: 800px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__medio {
    width: 800px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__medio {
    width: 800px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__pequeno {
    width: 500px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__pequeno {
    width: 500px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__pequeno {
    width: 500px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__top {
    top: 5px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__top {
    top: 5px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__top {
    top: 5px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__aviso {
    width: 300px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__aviso {
    width: 300px !important;
  }
}
@media (min-width: 1201px) {
  .dlg__aviso {
    width: 300px !important;
  }
}
.dlg__formInput {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.dlg__formInput .ui-outputlabel {
  margin: 5px 0;
}
.dlg .panelFlex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  font-family: Lucida Sans, sans-serif !important;
}
.dlg .panelFlex label {
  margin: 6px 0;
  font-weight: 600;
}
.dlg .panelFlex .ui-inputfield {
  width: 100%;
}
.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;
}
.dlg__panelAcaoIndividual button {
  margin: 10px 0 0;
}
@media (min-width: 320px) and (max-width: 480px) {
  .dlg__panelAcaoIndividual button {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .dlg__panelAcaoIndividual button {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dlg__panelAcaoIndividual button {
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .dlg__panelAcaoIndividual button {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  .dlg__panelAcaoIndividual button {
    width: 50%;
  }
}
.dlg__panelAcaoDupla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 640.98px) {
  .dlg__panelAcaoDupla {
    flex-direction: column;
  }
}
.dlg__panelAcaoDupla button {
  margin: 10px 0 0;
}
@media (min-width: 1025px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlg__panelAcaoDupla button {
    width: 49%;
  }
}
@media (max-width: 640.98px) {
  .dlg__panelAcaoDupla button {
    width: 100%;
  }
}
@media (max-width: 640.98px) {
  .dlg__panelAcaoDupla button:last-child {
    margin: 10px 0 5px;
  }
}
.dlg__btncolor .ui-button {
  background: #FBD301;
  border-color: #FFFFFF;
  border: 1px solid #8a7402;
}
.dlg__btncolor .ui-button a {
  text-decoration: none;
}
.dlg__btncolor .ui-button.ui-state-hover {
  background: #ffef8b !important;
  border-color: #FBD301 !important;
}
.dlg__btn {
  height: 30px;
}
@media (min-width: 1025px) {
  .dlg__btn {
    margin: 10px 0 0;
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlg__btn {
    margin: 10px 0 0;
    width: 100%;
  }
}
@media (max-width: 640.98px) {
  .dlg__btn {
    margin: 10px 0 5px;
    width: 100%;
  }
}
.dlg__link {
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
}
.dlg__link:hover {
  text-decoration: none;
}
.dlg .btnCancelar {
  background: #df2424 !important;
  border: 1px solid #df2424 !important;
}
.dlg .btnCancelar:hover {
  background: #9f1e1e !important;
  border: 1px solid #9f1e1e !important;
}

@media (min-width: 1025px) {
  .dlgRestrito {
    width: 450px !important;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .dlgRestrito {
    width: 450px !important;
  }
}

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

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

@media (max-width: 640.98px) {
  .ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 18px;
  }
}

.ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
  font-weight: 700;
}
@media (max-width: 640.98px) {
  .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
    display: flex !important;
  }
}

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

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

.linhaNotificacao {
  background-color: #ffc6c6 !important;
}
.linhaNotificacao .texto {
  font-weight: 700;
}

.tarjaProcesso {
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  width: 10px;
  margin: 0px -12px;
  border-radius: 0 10px 10px 0;
}
@media (min-width: 1025px) {
  .tarjaProcesso {
    height: 60px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .tarjaProcesso {
    height: 60px;
  }
}
@media (max-width: 640.98px) {
  .tarjaProcesso {
    height: 180px;
    position: absolute;
  }
}

.tarjaLaranja .tarjaProcesso {
  background: linear-gradient(#ff951b, rgb(255, 183, 133));
}

.tarjaVerde .tarjaProcesso {
  background: linear-gradient(rgb(129, 206, 11), #c6ffbc);
}

.tarjaVermelho .tarjaProcesso {
  background: linear-gradient(rgb(255, 0, 0), #ffaeae);
}

.tarjaAzul .tarjaProcesso {
  background: linear-gradient(rgb(0, 0, 255), #bcbcff);
}

.tarjaVinho .tarjaProcesso {
  background: linear-gradient(#280101, #540101);
}

.tarjaUsuarioAnterior td {
  background: #ffeabc;
}

.legenda {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: none !important;
  width: 100%;
  background: white;
  border: 1px solid #dee2e6 !important;
  border-radius: 5px;
  margin: 0 0 10px 0 !important;
  padding: 5px !important;
}
.legenda .flexInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024.98px) {
  .legenda .flexInfo {
    margin: 4px 0;
  }
}
.legenda__title {
  display: flex;
  justify-content: center;
  font-weight: 800 !important;
}
@media (min-width: 1025px) {
  .legenda__title {
    margin: 10px 5px 10px 0;
  }
}
@media (max-width: 1024.98px) {
  .legenda__title {
    margin-right: 5px;
  }
}
.legenda__duvida {
  width: 25px;
  height: 22px;
}
.legenda__duvida span {
  padding: 0px !important;
}
.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 .iconLegenda {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 100%;
}
.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 .laranja {
  background: linear-gradient(#ff951b, rgb(255, 183, 133));
}
.legenda__info .vinho {
  background: linear-gradient(#280101, #540101);
}
.legenda__info .descricaoLegenda {
  margin: 5px;
}

.fontNormal {
  font-family: Lucida Sans, sans-serif !important;
}

.formLabel {
  font-weight: 600;
}

.labelBold {
  color: #fc0607;
}

.labelCondicao {
  padding-left: 10px;
  margin: 5px 0;
}

.labelVermelho {
  border-left: 3px solid red;
}
.labelVermelho .labelProcesso {
  color: red;
}

.labelVerde {
  border-left: 3px solid green;
}
.labelVerde .labelProcesso {
  color: green;
}

.labelLaranja {
  border-left: 3px solid orange;
}
.labelLaranja .labelProcesso {
  color: orange;
}

.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: 250px;
    width: 400px;
  }
}
@media (max-width: 640.98px) {
  .echartStyle div {
    height: 200px;
    width: 270px;
  }
}

.ui-datagrid {
  max-width: 1000px;
  width: 100%;
}

.myCard {
  width: 250px;
  border: none;
  border-radius: 5px;
  margin: 10px auto;
  box-shadow: 0px 0px 0px 1px;
  transition: 1s;
}
.myCard .ui-card-header {
  height: 160px;
}
.myCard .ui-card-header img {
  border-radius: 4px 4px 0 0;
  height: 160px;
}
.myCard .ui-card-title {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 15px 0 0;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myCard .ui-card-subtitle {
  font-size: 11px;
  padding: 0px 15px 10px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.myCard .ui-card-content {
  margin: 0;
  padding: 0;
}
.myCard__footer {
  background: #000;
  border-radius: 0 0 4px 4px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  color: white;
}
.myCard:hover {
  scale: 1.1;
}

.ui-dialog-titlebar {
  padding: 0.5rem 1.5rem !important;
  background: #a10101 !important;
  color: #F4F4F4 !important;
}
.ui-dialog-titlebar-close {
  background: #F4F4F4 !important;
  border-radius: 100% !important;
}
.ui-dialog-titlebar-close .ui-icon {
  color: #a10101;
}
.ui-dialog-title {
  font-size: 1.6rem !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .ui-dialog-content {
    padding: 1rem 1.5rem !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .ui-dialog-content {
    padding: 1rem 1.5rem !important;
  }
}
@media (min-width: 1201px) {
  .ui-dialog-content {
    padding: 1rem 1.5rem !important;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .ui-dialog-content {
    padding: 1rem !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .ui-dialog-content {
    padding: 1rem !important;
  }
}

.ui-tabs-header {
  background: #FBD301 !important;
  border-bottom: 1px solid #FBD301 !important;
}
@media (min-width: 320px) and (max-width: 480px) {
  .ui-tabs-header {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .ui-tabs-header {
    width: 100%;
  }
}
.ui-tabs-header a {
  color: #191A1A !important;
  font-size: 1.6rem;
}
.ui-tabs-selected {
  background: #fc0607 !important;
  border-color: #fc0607 !important;
}
.ui-tabs-selected a {
  color: #F4F4F4 !important;
}
.ui-tabs-panels {
  border: 2px solid #fc0607 !important;
  border-radius: 0 0 10px 10px;
}
.ui-tabs-nav {
  background: none !important;
}

.ui-datatable {
  font-family: Lucida Sans, sans-serif !important;
}
.ui-datatable tr td {
  border: 1px solid black;
}
@media (min-width: 1025px) {
  .ui-datatable .column35 {
    text-align: center;
    width: 35px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column60 {
    text-align: center;
    width: 60px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column70 {
    text-align: center;
    width: 70px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column90 {
    text-align: center;
    width: 90px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column110 {
    text-align: center;
    width: 110px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column120 {
    text-align: center;
    width: 120px;
  }
}
@media (min-width: 1025px) {
  .ui-datatable .column130 {
    text-align: center;
    width: 130px;
  }
}

.column {
  word-wrap: normal;
  white-space: break-spaces;
  word-break: normal;
  vertical-align: middle;
  font-size: 0.8rem;
}
.column__value {
  font-family: Lucida Sans, sans-serif !important;
  font-size: 0.8rem !important;
}
.column__labelPrestacao {
  font-size: 1.3rem !important;
  color: #8a7402;
  margin-right: 5px;
}
.column__valuePrestacao {
  font-size: 1.3rem;
}
.column--checkbox {
  width: 40px !important;
}
.column--campoNotificao {
  width: 100px !important;
}
.column--actionNotificao {
  width: 60px !important;
}
.column--btn {
  margin: 2px !important;
}
@media (min-width: 1025px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--40 {
    width: 40px;
  }
}
@media (min-width: 1025px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--50 {
    width: 50px;
  }
}
@media (min-width: 1025px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--60 {
    width: 60px;
  }
}
@media (min-width: 1025px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--70 {
    width: 70px;
  }
}
@media (min-width: 1025px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--80 {
    width: 80px;
  }
}
@media (min-width: 1025px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--90 {
    width: 90px;
  }
}
@media (min-width: 1025px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--100 {
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--110 {
    width: 110px;
  }
}
@media (min-width: 1025px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--120 {
    width: 120px;
  }
}
@media (min-width: 1025px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--130 {
    width: 130px;
  }
}
@media (min-width: 1025px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--140 {
    width: 140px;
  }
}
@media (min-width: 1025px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--150 {
    width: 150px;
  }
}
@media (min-width: 1025px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--160 {
    width: 160px;
  }
}
@media (min-width: 1025px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--170 {
    width: 170px;
  }
}
@media (min-width: 1025px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--190 {
    width: 190px;
  }
}
@media (min-width: 1025px) {
  .column--200 {
    width: 200px;
  }
}
@media (min-width: 641px) and (max-width: 1024.98px) {
  .column--200 {
    width: 200px;
  }
}

#formCadastro .ui-button, #formVisualizar .ui-button, #formConfirmacaoInscricao .ui-button, #formDlgTelefone .ui-button,
#formDlgAuxiliar .ui-button, #formLoginAreaRestrita .ui-button, #formBuscaAvancada .ui-button, #formConsultarCpfUsuario .ui-button,
#formAreaCandidata .ui-button, #formInscricaoRealizada .ui-button, #formDlgAvisoApvRepvInscricao .ui-button, #formDlgConfApvRepvInscricao .ui-button {
  background: #fc0607;
  border: 1px solid #a10101;
}
#formCadastro .ui-button a, #formVisualizar .ui-button a, #formConfirmacaoInscricao .ui-button a, #formDlgTelefone .ui-button a,
#formDlgAuxiliar .ui-button a, #formLoginAreaRestrita .ui-button a, #formBuscaAvancada .ui-button a, #formConsultarCpfUsuario .ui-button a,
#formAreaCandidata .ui-button a, #formInscricaoRealizada .ui-button a, #formDlgAvisoApvRepvInscricao .ui-button a, #formDlgConfApvRepvInscricao .ui-button a {
  text-decoration: none;
}
#formCadastro .ui-button.ui-state-hover, #formVisualizar .ui-button.ui-state-hover, #formConfirmacaoInscricao .ui-button.ui-state-hover, #formDlgTelefone .ui-button.ui-state-hover,
#formDlgAuxiliar .ui-button.ui-state-hover, #formLoginAreaRestrita .ui-button.ui-state-hover, #formBuscaAvancada .ui-button.ui-state-hover, #formConsultarCpfUsuario .ui-button.ui-state-hover,
#formAreaCandidata .ui-button.ui-state-hover, #formInscricaoRealizada .ui-button.ui-state-hover, #formDlgAvisoApvRepvInscricao .ui-button.ui-state-hover, #formDlgConfApvRepvInscricao .ui-button.ui-state-hover {
  background: #e4143a;
}

#formPrincipal .ui-button, #formLoginUsuario .ui-button {
  background: #FBD301;
  border: none;
  color: #191A1A;
  font-size: 1.4rem;
  transition: 0.5s;
}
#formPrincipal .ui-button a, #formLoginUsuario .ui-button a {
  text-decoration: none;
}
#formPrincipal .ui-button.ui-state-hover, #formLoginUsuario .ui-button.ui-state-hover {
  background: #cfae02;
}

.ui-button-danger {
  background: transparent !important;
  border: 1px solid #d93700 !important;
  color: #d93700 !important;
}
.ui-button-danger.ui-state-hover {
  background: #d93700 !important;
  color: #FFFFFF !important;
}

.ui-calendar {
  width: 100%;
}
.ui-calendar .ui-inputfield {
  width: calc(100% - 38px) !important;
}
.ui-calendar .ui-button.ui-button-icon-only {
  background: #e4143a;
  border-color: #e4143a;
}

.ui-inputfield {
  font-family: Lucida Sans, sans-serif !important;
}

.ui-inputnumber {
  width: 100%;
}
.ui-inputnumber input {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .ui-selectonemenu-items-wrapper {
    max-width: 100dvh;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .ui-selectonemenu-items-wrapper {
    max-width: 100dvh;
  }
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
  font-family: Lucida Sans, sans-serif !important;
}

.redeSocialEmpresa {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
}
.redeSocialEmpresa__img {
  cursor: pointer;
}
.redeSocialEmpresa__label {
  cursor: pointer;
  color: #d02e6e;
}