#retrospectiva .color {
    color: #FF7600;
}

#retrospectiva .blc-retrospectiva h2 {
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    display: block;
    margin: 0;
}

#retrospectiva .blc-retrospectiva-qr-code {
    background: var(--main-color-01);
    text-align: center;
    padding-bottom: 60px;
}

#retrospectiva .blc-retrospectiva-qr-code h2 {
    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    margin: 60px auto 16px;
    color: var(--main-color);
    max-width: 545px;
    text-align: center;
}

.blc-retrospectiva-qr-code img {
    margin: 36px auto 0;
    max-width: 140px;
}

.blc-retrospectiva-qr-code p {
    line-height: 20px;
    color: var(--main-color);
    margin: 0 auto;
    text-align: center;
}

.blc-retrospectiva-qr-code .obs {
    line-height: 19px;
    color: #999;
    text-align: center;
    margin: 44px auto 0;
    display: block;
    max-width: 324px;
}

.blc-login {
    background-color: var(--main-color-01);
    color: var(--main-color);
}

.blc-login .container {
    padding: 0 24px;
}

.blc-login a {
    color: #999;
    text-decoration: underline;
    font-size: 14px;
    float: right;
}

.blc-form-login form input {
    max-width: 356px;
    border: 1px solid #FF7600;
    color: var(--main-color);
}

.blc-form-login #submit-login {
    width: 100%;
    height: 48px;
    background: var(--main-color);
    border-radius: 4px;
    color: var(--main-color-01);
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
    line-height: 46px;
    margin-top: 24px;
}

.blc-form-login #submit-login:hover,
.blc-junte-se a.btn:hover,
.blc-btns.row button:hover {
    opacity: 0.8;
}

#prescritor-form .input-field input {
    border: 1px solid var(--main-color-04);
}

.input-field input {
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

#prescritor-form input:not([disabled]):focus {
    border: 1px solid #FF7600;
}

#login-form-prescritor input:not([disabled]):focus {
    border: 1px solid #FF7600;
}

#login-form-prescritor .input-field .lnr-eye-crossed {
    right: 16px;
    color: var(--main-color);
}

.input-field input.invalid,
.input-field select.invalid {
    border-color: #EF4343 !important;
}

#recaptcha_input.invalid+label {
    color: #EF4343;
}

div.mage-error {
    color: #EF4343;
    font-size: 0.75rem;
    margin-top: -6px;
}

.change-prescritor-email {
    font-size: .875rem;
    color: var(--main-color-01);
    text-decoration: underline;
}

.input-field label {
    color: var(--main-color-01);
    background: var(--main-color-12);
    left: 0;
    margin: 7px 0 0 25px;
    display: flex;
    align-items: center;
}

.input-field.active label {
    margin-top: -16px;
}

.input-field .label-email:before {
    content: '';
    background: url(../../images/envelope.svg) center -3px no-repeat;
    width: 15px;
    background-size: 15px;
    height: 12px;
    margin-right: 8px;
    display: inline-block;
}

.input-field.active .label-email:before,
.input-field.active .label-password:before {
    display: none;
}

.blc-form-login .input-field label {
    color: #EBEBF5CC;
    background: rgba(5, 5, 5, .7);
    margin: 11px 0 0 12px;
}

.blc-form-login .input-field .label-email:before {
    background: url(../../images/envelope-b.svg) center -3px no-repeat;
    background-size: 19px;
    width: 19px;
    height: 18px;
}

.blc-form-login .input-field .label-password:before {
    background: url(../../images/lock-b.svg) center 0px no-repeat;
    background-size: 19px;
    width: 18px;
    height: 22px;
}

.blc-form-login .input-field.active .label-email {
    margin-top: -16px;
}

.blc-form-login .input-field.active .label-email:before {
    background-size: 15px;
    width: 15px;
    height: 11px;
}

.blc-form-login .input-field.active .label-password {
    margin-top: -16px;
}

.blc-form-login .input-field.active .label-password:before {
    background-size: 15px;
    width: 15px;
    height: 15px;
}

.input-field .label-password:before {
    content: '';
    background: url(../../images/lock.svg) center no-repeat;
    width: 16px;
    background-size: 16px;
    height: 14px;
    margin-right: 8px;
    display: inline-block;
}

.input-field .lnr-eye-crossed {
    position: absolute;
    cursor: pointer;
    font-size: 18px;
    background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/icone/eye-crossed-fff.svg) center no-repeat;
    background-size: 16px;
    display: inline-block;
    z-index: 1;
    top: 22px;
    right: 22px;
    width: 32px;
    height: 46px;
    text-align: center;
    line-height: 46px;
}

.eye-active.input-field .lnr-eye-crossed {
    background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/icone/eye-fff.svg) center no-repeat;
}

.field-password .obs {
    color: var(--main-color-17);
    font-size: .75rem;
    line-height: 0.9rem;
    position: relative;
    margin-top: 6px;
}

.blc-btns.row {
    padding: 0;
    max-width: 584px;
    margin: 20px auto 0;
}

.blc-btns .col-12,
.blc-btns .col-6 {
    padding: 0 8px;
}

.blc-btns.row button {
    width: 100%;
    height: 40px;
    border: 1px solid var(--main-color-04);
    background: transparent;
    border-radius: 4px;
    color: var(--main-color-01);
    font-weight: 400;
    outline: none;
    margin-top: 17px;
}

.blc-btns.row button.active {
    border-color: var(--main-color-01);
    background: var(--main-color-01);
    color: var(--main-color);
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--main-color-01);
}

input#email_prescritor:-webkit-autofill,
input#password_prescritor:-webkit-autofill {
    -webkit-text-fill-color: #EBEBF5CC;
}


@media(min-width: 768px) {
    .blc-retrospectiva {
        background: #F8F8F8 url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/retrospectiva/back-retrospectiva.png) top center no-repeat;
    }

    .blc-retrospectiva .col-12 {
        position: relative;
        height: 463px;
    }

    #retrospectiva .blc-retrospectiva h2 {
        position: absolute;
        bottom: 48px;
        max-width: 389px;
    }

}

@media(max-width: 767px) {
    #retrospectiva .blc-retrospectiva {
        padding-bottom: 36px;
    }

    #retrospectiva .blc-retrospectiva .container {
        padding: 0 24px;
    }

    #retrospectiva .blc-retrospectiva h2 {
        margin-top: 14px;
        max-width: 280px;
    }

    .blc-login {
        padding-bottom: 36px;
    }

    .blc-login .tit-form {
        font-size: 24px;
        line-height: 27px;
        font-weight: bold;
        margin: 36px 0 0;
        display: block;
    }

    .blc-login .obs {
        line-height: 19px;
        display: block;
        font-style: italic;
        color: #999;
        margin-top: 24px;
        max-width: 327px;
    }

    .blc-retrospectiva .btn-retrospectiva {
        width: 100%;
        height: 48px;
        line-height: 48px;
        background: var(--main-color-01);
        border-radius: 4px;
        color: var(--main-color) !important;
        font-weight: 400;
        outline: none;
        margin-top: 36px;
        display: block;
        text-align: center;
    }
}