@import url('https://fonts.googleapis.com/css?family=Numans');
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap');

html,body{
background-image: url('../../img/fondo_login.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
/* font-family: 'Numans', sans-serif; */
}

.container{
height: 100%;
align-content: center;
min-width: 420px;
}

.card{
height: 280px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color:#ffffff;
opacity: .95;
}

.card-headers {
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.input-group-prepend span{
width: 40px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;
}

.login_nombre{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.15em gray;
}

.boton{
    padding: 0;
    /* margin-top: 2px; */
}
.login_btn{
    padding: 4px 1px !important;
    color: black;
    background-color: #FFC312;
}
.recupera_pass{
    /* padding: 0; */
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: right;
}
.recupera_pass a{
    padding-right: 10px;
    color: black;
}
.login_btn:hover{
color: whitesmoke;
background-color: gray;
}