@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{
background-image: url('../img/login_background.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
background-position: center;
font-family: 'Nunito', sans-serif;
}

.container{
height: 100%;
align-content: center;
}

.card{
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.7) !important;
}

.login-card-header {
    padding: .75rem 1.25rem .75rem 1.25rem !important;
    background-color: #124191 !important;
}

.login-card-header > img {
    max-height: 50px;
}

/* .card-header h3{
    color: white;
    font-size: 50px;
    text-align: center;
} */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.input-group-prepend span{
width: 50px;
background-color: #6291E1;
color: white;
border:0 !important;
}

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

}

.login_input {
font-size: 18px !important;
height: 38px !important;
font-family: 'Nunito';
font-size: 18px;
font-weight: 400;
}

.login-invalid-feedback {
    font-size: 1rem !important;
    color: #ff5555 !important;
}

.login_btn{
color: white !important;
background-color: #6291E1 !important;
width: 100px;
font-size: 18px !important;
}

.login_btn:hover{
color: black !important;
background-color: #ffffff !important;
}

.remember-me {
    color: white;
    font-size: 1rem;
}

.remember-me > input {
    height: 16px;
    width: 16px;
}

.links{
color: white;
font-size: 22px;
}

.links a{
margin-left: 4px;
}

.error {
    color: #96C13F;
}