.conten {
    /* background-image: url("../images/login.jpeg"); */
    width: 100%;
    height: 600px;
    background-size: cover;
    position: relative;
}
.conten:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #355DFD;
    position: absolute;
    opacity: 0.3;
}
.container{
    height: 100%;
    align-content: center;
    }
    
    .card{
    height: 370px;
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0,0,0,0.5) !important;
    } 
    .card-header h3{
    color: white;
    } 
    .input-group-prepend span{
    width: 50px;
    background-color: #2850C1;
    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: white;
    background-color: #283DC1;
    width: 100px;
    }
    
    .login_btn:hover{
    color: black;
    background-color: white;
    }
    
    .links{
    color: white;
    }
    
    .links a{
    margin-left: 4px;
    }