html,body{
    height: 100%;
    overflow: hidden;
}
#formLogin{
    max-width: 560px;
    margin: 0 auto;
    /*background-color: #fff;*/
    padding: 10px 20px;
}
#formRegister{
    max-width: 500px;
    margin: 0 auto;
    background-color: #fff;
    padding: 15px 25px;
    box-shadow: 0px 0px 10px 5px #858585;
    border-radius: 10px;
}
.bg-image{
    background-repeat: no-repeat;
    background-size: cover;
}
.login,.login .wrapper,.register,.register .wrapper,.recuperar,.recuperar .wrapper{
    height: 100%;
}

.login_header{
    background-color: #006b4f;
    color: #FFFFFF;
    padding-top: 10%;
    padding-bottom: 8%;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.login_body{
    margin-top: -6%;
}
@media (max-width: 767px){

    .login_header{
        padding-top: 20%;
        padding-bottom: 20%;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .login_body{
        margin-top: -15%;
    }
}