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

/* COR DO HEADER */
:root {
 	--header-color-start: #1565c0; /* azul médio fechado */
	--header-color-end: #42a5f5;   /* azul claro mas não tão claro */
}
/* LOGO DO HEADER */
.custom-logo {
	  transform: scale(0.8); 
   content: url('https://img.travelxs.com.br/img/LOGOARAXA.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');
  }
.custom-logo {
  content: url('https://img.travelxs.com.br/img/LOGOARAXA.png') !important;
  display: block !important;
  margin: 0 auto !important;
  width: 8% !important;   /* 70% da largura do container */
  height: auto !important;
}


}


/* 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, #1565c0, #42a5f5) !important;
}

/* COR DO BOTÕE E QUANTIDADE DE DEPENDENTES */
.buttom-add-dependents {
  background: linear-gradient(to right, #1565c0, #42a5f5) !important;
}

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