.login-page {
    background: url(../../../logo-fundo.jpg) center !important;
    background-size: cover !important;
    font-size: 16px;
}

.login-page .login-form .login-header p {
    color: #979898;
    font-size: 16px;
}

.login-page .login-form .form-group .control-label {
    line-height: 50px;
}

.forgot-password-label{
    font: 400 16px/24px Nunito;
    letter-spacing: 0px;
    color: #444444 !important;
    margin-top: -10px;
    float: left;
    
}

.login-page .login-form .form-group .form-control {
    height: 50px;
    border-radius: 4px !important;    
    padding: 14px 12px;
}

.forgot-password-label:hover{
    color: #00678d !important;
}

.fb-login-button {
    width: 100% !important;
}

.login-page {
    padding-top: 100px;
}

.page-body{
    padding: 0 !important;
}

.login-form{
    height: 100%;
    background: #F6F6F6 0% 0% no-repeat padding-box !important;
}

.access-your-account{
    font: 600 24px/32px Nunito !important;
    letter-spacing: 0px !important;
    color: #0099D1 !important;
}


.login-page .login-form {
    position: relative;
    padding: 30px 30px 30px 30px;
    margin-bottom: 0px !important;
}

.login-page .login-form .login-header {
    margin-bottom: 10px;
}

.nav.nav-tabs+.tab-content {
    padding: 0 0 0 0;
    margin-bottom: 0;
}

#li-general{
    width: 50%;
}

#li-form{
    width: 48%;
}

#a-ava, #a-pv{
    text-align: center;
    width: 100%;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .login-content{
        height: 100%;
        width: 100%;
    }
    
    .logo{
        text-align: center;
        padding: 0px 0 25px 0;
    }
    
    .or-login{
        margin-top: 40px;
        font-weight: 600;
    }

    .access-your-account{
        margin-bottom: 20px !important;
    }

    .login-page .errors-container {
        margin-bottom: 20px ;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
    .login-content{
        height: 100%;
        width: 420px;
        float: right;
    }
    .logo{
        text-align: center;
        padding: 10px 0 40px 0;
    }

    .or-login{
        margin-top: 44px;
        font-weight: 600;
    }

    .access-your-account{
        margin-bottom: 30px !important;
    }

    .login-page .errors-container {
        margin-bottom: 30px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .login-content{
        width: 460px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .login-content{
        width: 500px;
    }
    .logo{
        text-align: center;
        padding: 10px 0 20px 0;
    }
}