/**
    - CSS para a nova tela de login
    Edno Nunes Ferreira
    21/11/2023
**/

body { background:#142560 url('../../assets/media/auth/indiana_business_bg2.jpg') no-repeat center top; font-family: 'Montserrat', sans-serif; }

#logo { display:block; margin:10% auto 60px auto }
#logo_adm { display:block; margin:4% auto 40px auto }

#titulo { margin:20px auto; text-align: center; color:#fff; font-size: 120%;}
#titulo span { color:#2293FB; text-transform: uppercase; font-size: 120%; font-weight: bold; margin-right:20px}

#titulo-redefinicao { margin:20px auto; text-align: center; color:#fff; font-size: 120%;}
#titulo-redefinicao span { display:block; color:#2293FB; text-transform: uppercase; font-size: 120%; font-weight: bold; margin-right:20px}

form { display:block; width:80%; margin: 20px auto 0 auto; text-align: center; font-weight: bold; position:relative}
form input { padding:20px; border-radius: 10px; border: none; width:30%; margin-right:10px; color:#999; }
form input::placeholder { font-weight: bold; color: #999;  }
form button { background:#0A2BC7; color:#fff; font-weight: bold; font-size: 108%; padding:20px; border:none; border-radius: 10px; text-transform: uppercase; }
form button:hover { cursor: pointer; }

.erro { color:#fff; background:rgb(240, 101, 101); padding:5px 0; border-radius: 5px; border: none; width:50%; text-align: center; margin: 30px auto 0 auto; }
.success { color:#fff; background:rgb(73, 173, 73); padding:5px 0; border-radius: 5px; border: none; width:50%; text-align: center; margin: 30px auto 0 auto; }
#erro-password { margin-top:10px; }

#esqueci-senha { display:block; color:#fff; font-weight: normal; width:53%; float:right; text-align: left; margin-top:5px; }

@media screen and (max-width: 900px) {
    form input { display:block; width:90%; margin: 0 auto 15px auto; }
    form button { width:100%; margin:0 auto;  }
    #titulo span { display:block; margin-bottom: 10px; }
    #esqueci-senha { float:none; width:100%; text-align:center; margin-top:10px }
}