html, body {
background-image: url('login.jpeg');
background-size: cover;
background-position: b;
background-repeat: no-repeat;
height: 100%;  
font-family: Arial, Tahoma, sans-serif;
font-size:14px;
-webkit-user-select:none;
-moz-user-select:none;
}

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

.card{
height: 330px;
margin-top: auto;
margin-bottom: auto;
width: 350px;
background-color: rgba(0,0,0,0.5) !important;
}

.card-header h5{
letter-spacing: 0.5px;
color: white;text-shadow: 0 2px 0 #000;
}
.center {
    display: block;
    text-align: -webkit-center;
}


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

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

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FFC312;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: #DAA520;
}

.links{
color: white;
font-size:14px;
letter-spacing: 1.2px;
text-shadow: 0 2px 0 #000;
}

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