.container{
height: 100%;
align-content: center;
}
.card{
height: 450px;
margin-top: 10em;
margin-bottom: 5px;
border-radius: 25px;
width: 400px;
border: none;
background-color: rgba(255,255,255,0.8) !important;
}

.card-body{
    margin-top: -5px;
    border: none;
}

.card-header{
    border: none;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.0) !important;
}

.setling{
background-color: rgba(255,255,255,0.8) !important;
height:70px;
width:140px;
border-top-left-radius: 90px;
border-top-right-radius: 90px;
position: absolute;
right: 130px;
top: -70px;
}

.logo{
margin-left: 30px;
margin-top:10px;
}

.pesaneror{
margin-top: -5px;
color: red;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #009A4D;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
margin-top:40px;
font-weight: 900;
color: #009A4D;
}

.social_icon{
position: absolute;
right: 200px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
height: 45px;
background-color: #009A4D;
color: black;
border:0 !important;
border-radius: 25px;
}

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

.form-control{
border-radius: 25px;
height: 45px;
}

.remember{
color: black;
margin-left:6px;
}

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

.login_btn{
margin-top: 10px;
color: white;
background-color: #009A4D;
width: 120px;
height: 45px;
border-radius: 25px;
font-size: large;

}

.login_btn:hover{
color: #009A4D;
background-color: white;
}

.links{
color: white;
}

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