* { margin: 0; padding: 0;}

@font-face {
  font-family: "Benton Sans", "sans-serif";
  src: url(BentonSans Regular.otf) format("otf");
}


.titulo-login { color: #003f6d;}
.logoeliezer { width: 25%;}
.formulario { width: 90%;}
.form-control { border-radius: 20px !important;}
.botao-acessar { width: 100%; border: none; border-radius: 20px; background-color: #003f6d; transition: 0.5s}
.botao-acessar:hover { background-color: #f39200; transition-timing-function: ease-in-out;}
.cadsenha { color: #f39200; text-decoration: none; transition: 0.5s;}
.cadsenha:hover { color: #003f6d; transition-timing-function: ease-in-out; text-decoration: none;}


/* --- cadastre sua senha --- */
.botao-procura { width: 100%; border: none; border-radius: 20px; background-color: #003f6d;}
.botao-procura:hover { background-color: #f39200; transition: 0.5s;}
.botao-cancelar { width: 100%; border-radius: 20px;}
.botao-cancelar:hover { background-color: #f39200; color: #fff; border: none; transition: 0.5s;}
.validar-senha { font-size: 13px;}
#btn_cred_confirmar { width: 100%; border: none; border-radius: 20px; background-color: #003f6d;}
#btn_cred_confirmar:hover { background-color: #f39200; border: none; transition: 0.5s;}


/* --- termo de uso --- */
#dvtextocontrato { color: #003f6d;}
#dvpedeconfirmação { font-size: 14px;}
.concorda-termos { color: #f39200;}
.btn-warning { background-color: #f39200; color: #fff; border: none;}
.btn-warning:hover { background-color: #38488a; color: #fff; transition: 0.5s;}
.btn-outline-warning:hover { background-color: #f39200; color: #fff; border: none; transition: 0.5s;}


@media only screen and ( max-width: 320px){
    .logoeliezer { width: 75%;}
}

@media only screen and ( min-width: 1024px) {
    .formulario { width: 350px;}
    .botao-acessar { width: 320px;}
}