/* custom.css - sobrescreve estilos do sistema */

/* COR DO HEADER */
:root {
  --header-color-start: #14532d; /* verde escuro tipo mata fechada */
  --header-color-end: #2e7d32;   /* verde mais vivo mas ainda fechado */
}
/* LOGO DO HEADER */
.custom-logo {
  content: url('../icon.png') !important;
}

/* LOGO DA TELA DE LOGIN E VERIFYCODE */
.logo-pwa {
   content: url('') !important;
   margin-top:  1vh !important;
   margin-bottom:  1vh !important;

}

/* IMAGEM DE FUNDO DESKTOP */
:root {
 --login-background-url: url('../desktop.jpg');
}

/* IMAGEM DE FUNDO MOBILE */
@media (max-width: 768px) {
  :root {
    --login-background-url: url('../mobile.jpg');
  }

}


/* IMAGEM DE FUNDO DA TELA DE LOGIN E VERIFYCODE */
.login-background {
  background-image: var(--login-background-url) !important;}

/* COR DOS BOTÕES DE LOGIN */
.buttom-login {
  background: linear-gradient(to right, #14532d, #2e7d32) !important;
}

/* COR DO BOTÕE E QUANTIDADE DE DEPENDENTES */
.buttom-add-dependents {
  background: linear-gradient(to right, #14532d, #2e7d32) !important;
}

/* COR DA QUANTIDADE DE DEPENDENTES */
.progress-gradient {
  background-image: linear-gradient(to right, #14532d, transparent) !important;
  color: #14532d !important;
}