.img-backdrop{
    background-color: #000;
}

.img-backdrop img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.img-backdrop {
    max-height: 170px;
}

.spacer {
    max-height: 200px;
}

#recuperaSenha {
    color: #7b7b7b;
    font-size: 12px;
}

.btn-primary {
    background: #13b961 !important;
    border-color: #13b961 !important;
}

#login{
    padding: 0px 25% !important;
}

.myModal {
    margin: 0 0 -7px 0;
}

.form-group .form-control:focus ~ label {
    color: #13b961 !important;
}

.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
    background-color: #13b961 !important;
}

h4#formModalLabel {
    font-weight: 400 !important;
    font-size: 16px !important;
}

.modal-footer {
    border: none !important;
}

.modal-content {
    border-radius: 5px !important;
    border: none !important;
}

@media screen and (max-height: 605px){
    .footer {
        padding-top: 7% !important;
    }
}

@media screen and (max-height: 702px){
    section.section-account .img-backdrop, section.section-account .spacer {
        height: 150px !important;
    }
}

@media screen and (max-height: 605px){
    section.section-account .img-backdrop, section.section-account .spacer {
        height: 100px !important;
    }
}

@media screen and (max-width: 500px){
    .text-right {
        text-align: center !important;
    }
    #login {
        padding: 0px 5% !important;
    }
}