@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: .90;
}

.card-headers {
    /* padding-top: 0.1rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0rem; */
    /* padding: 0.5rem 0.75rem 0rem 0.75rem; */
    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{
    /* padding: 0px 10px; */
    font-family: 'Chakra Petch', sans-serif;
    font-size: 20px;
    font-weight: bold;
    /* float: right; */
    text-shadow: 0.05em 0.05em 0.15em gray;
    /* position: relative;
    left: 9em; bottom: 0.4em; */
}
.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;
}