:root {
  --green0: #26a737;
  --green1: #5db12f;
  --green2: #46ac33;
  --green3: #45b16e;
  --green4: #2db39e;
}
body, .app-wrapper {
  background-color: var(--green-100) !important;
}

.sidebar-wrapper,
.sidebar-brand {
  /*background-color: var(--teal-50);*/
}
/* Marca d'água de ambiente: mosaico de "DESENVOLVIMENTO" rotacionado cobrindo a
   tela inteira, em vez da faixa de 30px só no topo. O texto do nó fica oculto
   (font-size: 0) — o desenho vem de um SVG ladrilhado no background, que repete
   sem custo de DOM e acompanha qualquer tamanho de viewport. A faixa vermelha
   original continua nos 30px do topo, como segunda camada. */
#desenvolvimento-tag {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  pointer-events: none; /* nunca intercepta cliques da aplicação */
  font-size: 0; /* oculta o texto do nó; o mosaico é o background */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='280'%3E%3Cg fill='red' fill-opacity='0.12' font-family='Arial,Helvetica,sans-serif' font-size='22' font-weight='bold' text-anchor='middle'%3E%3Ctext x='110' y='70' transform='rotate(-30 110 70)'%3EDESENVOLVIMENTO%3C/text%3E%3Ctext x='330' y='210' transform='rotate(-30 330 210)'%3EDESENVOLVIMENTO%3C/text%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(to bottom, rgba(255, 0, 0, 0.55) 0, rgba(255, 0, 0, 0) 30px);
  background-repeat: repeat, no-repeat;
  --darkreader-inline-bgcolor: #cc0000;
}
.p-formgroup-inline .p-field {
  margin-right: 1em;
  margin-bottom: 1em;
}

.ui-button {
  background-color: #f8f9fa !important;
  border-color: #ddd !important;
  color: #444 !important;
}

.ui-state-active a {
  color: var(--green0) !important;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: var(--green4);
  background: var(--green4);
}

body .ui-datatable thead th.ui-state-active {
  color: var(--green0) !important;
}
body .ui-datatable thead th .ui-sortable-column-badge {
  background: var(--green0) !important;
}
#govBrLogoutBtn > button,
.govBrBtn-dark,
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: var(--green0) !important;
  background: var(--green0) !important;
}
#govBrLogoutBtn > button:hover {
  border-color: var(--green1) !important;
  background: var(--green1) !important;
}

#helper-message i,
body .ui-link {
  color: var(--green0) !important;
}

#page-header {
  font-size: 1.3rem;
  font-weight: 500;
}
.ui-outputlabel .ui-outputlabel-label {
  font-weight: bold;
}

body .ui-button.ui-button-danger {
  background: #d32f2f !important;
  color: #fff !important;
  border: 1px solid #d32f2f !important;
}

body .ui-button.ui-button-success {
  background: #689f38 !important;
  color: #fff !important;
  border: 1px solid #689f38 !important;
}
#ajax-ico > i {
  color: var(--green4);
}
.exporters .pi {
  font-size: 1.5rem;
}
div.warning {
  background-color: #ffc107;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.toolbar-top,
.toolbar-footer {
  padding: 0.75rem 1.25rem;
  border-top: 0 solid rgba(0, 0, 0, 0.125);
}
.login-card-body p > a {
  color: var(--green0) !important;
}
.app-header {
  /*background: linear-gradient(to left, var(--green4), var(--green0) 65%);*/
}
/*
.app-header > div {
  background: url(https://www.cepi.cb.ce.gov.br/wp-content/themes/ceara2017/assets/images/bg-sec-final.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 35% auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
*/
.sidebar-wrapper .nav-link p {
  white-space: initial;
}
.app-sidebar {
  --lte-sidebar-submenu-color: initial;
}
.ui-card + .ui-card {
  margin-top: 10px;
}

#informacao-perfil{
    font-size: 0.8rem
}

@media screen and (min-width: 768px) {
    body .ui-datepicker.ui-input-overlay {
      min-width: 509.983px !important;
    }
}