/*
    This file contains some styles that are "local" to the application.
    If the application is called for eur://euroconsumers.pro.app.nl-be then 
    we will load the first file of 

     /content/root/nl-be/app/styles-local.css
     /content/root/be/app/styles-local.css
     /content/root/invariant/app/styles-local.css
     /content/root/nl-be/styles-local.css
     /content/root/be/styles-local.css
     /content/root/invariant/styles-local.css
     /content/root/styles-local.css

    which is available.  This makes it possible to customize styles per application, per country
    per language or any combination thereof.

    This file is therefore just a placeholder, making it possible to override.
    */
#topHeader {
    display: none;
}

#ChangeEmailTitle {
    display: none;
}

.AcceptTermsAndConditions2 {
    display: none;
}

#registerTitle2 {
    display: none;
}

#registerExtraText {
    display: none;
}

#signInExtraText {
    display: none;
}

#returnResetPasword {
    display: none;
}

#registerUser_IsMember {
    display: none;
}

#labelIdentifyFline {
    display: none;
}

::-placeholder {
    color: transparent;
    opacity: 0;
}

:-ms-input-placeholder {
    color: transparent;
    opacity: 0;
}

::-ms-input-placeholder {
    color: transparent;
    opacity: 0;
}

/*
    This file contains some styles that are "local" to the application.
    If the application is called for eur://euroconsumers.pro.app.nl-be then 
    we will load the first file of 

     /content/root/nl-be/app/styles-local.css
     /content/root/be/app/styles-local.css
     /content/root/invariant/app/styles-local.css
     /content/root/nl-be/styles-local.css
     /content/root/be/styles-local.css
     /content/root/invariant/styles-local.css
     /content/root/styles-local.css

    which is available.  This makes it possible to customize styles per application, per country
    per language or any combination thereof.

    This file is therefore just a placeholder, making it possible to override.
*/


@font-face {
    font-family: 'Raleway-Black';
    src: url('../../../root/pt-br/fonts/Raleway-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('../../../root/pt-br/fonts/Raleway-ExtraBold.ttf') format('truetype');
    src: url("../../../root/pt-br/fonts/Raleway-ExtraBold.html") format("opentype");
}

@font-face {
    font-family: 'Raleway-Black';
    src: url('../../../root/pt-br/fonts/Raleway-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('../../../root/pt-br/fonts/Raleway-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Light';
    src: url('../../../root/pt-br/fonts/Raleway-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    src: url('../../../root/pt-br/fonts/Raleway-Regular.ttf') format('truetype');
}


body.standalone div#body {
    width: 320px;
    margin: 20px auto;
    position: relative;
    border-radius: 15px;
    border: 1px solid #eaeaea;
}


div#body {
    background-color: #ffffff;
    padding: 30px;
}

body {
    background-color: #f5f3f3;
}

.loading-screen {
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

html body {
    margin: 0;
    padding: 0px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    color: #303030;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: normal;
}

h1, h2, h3 {
    font-family: Raleway-Bold, Arial, Helvetica, sans-serif;
}

.header {
    padding: 10px 10px 0 10px;
}


a {
    color: #00a994;
}

    a:hover {
        color: #008474
    }

label {
    color: #464646;
}

.weakpasswordindicator__meter {
    max-width: 100% !important;
    width: 100% !important;
}

    .weakpasswordindicator__meter span.weakpasswordindicator__meter___label {
        padding-top: 10px;
        display: inline-block;
        font-size: 12px;
    }

button[type=submit].btn, input[type=submit].btn, input[type=button].btn, .btn {
    border: 1px solid #263d05 !important;
    background-color: #00aa9a;
    background-image: -moz-linear-gradient(center top, #00aa9a 0%, #05735a 100%);
    background-image: -ms-linear-gradient(center top, #00aa9a 0%,#05735a 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#00aa9a), color-stop(100%,#05735a));
    background-image: -webkit-linear-gradient(center top, #00aa9a 0%,#05735a 100%);
    background-image: -o-linear-gradient(center top, #00aa9a 0%,#05735a 100%);
    background-image: linear-gradient(center top, #00aa9a 0%,#05735a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa9a', endColorstr='#05735a',GradientType=0 );
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

    button[type=submit].btn:hover, input[type=submit].btn:hover, input[type=button].btn:hover, .btn:hover {
        background-position: 0 -375px;
    }


.container {
    border: 0px solid #ccc;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 0px;
    overflow: auto;
    position: relative;
}


.logo-wrapper {
    display: none;
}

#logoImg {
    width: 400px;
    height: 400px;
    margin-left: 10px;
}

.header, .content, .social-media {
    padding: 0 10px;
}


.container .row .col-right div.formline {
    margin-bottom: 10px;
}

.margin-large {
    margin-bottom: 22px;
}

.container .row .col-right {
    float: none;
    width: 100%;
    margin-left: 0 !important;
}

#login h1,
#registration h1 {
    display: none;
}

#endRegistration h1 {
    display: block;
}

#identifyAsMemberBlock .btnline {
    margin: 0 0 15px;
    width: 100%;
    float: none;
    text-align: center;
}

#btnIdentifyAsMember {
    width: auto !important;
}


.cookies {
    display: none;
}

.container .row .col-left {
    display: none;
}


#LoginButton,
#register,
.btn,
#btnIdentifyAsMember,
#submitCancelEmail,
#submitCancelPassword {
    background-color: #00a887;
    color: #fff;
    display: inline-block;
    padding: 5px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
    box-shadow: none !important;
    min-width: 120px;
    width: 120px;
}


#submitCancelEmail,
#submitCancelPassword {
    background: #999;
}

#currentEmailBlock {
    margin-bottom: 20px;
}

#ChangeEmailForm .btnline,
#ChangePasswordForm .btnline {
    margin: 0;
    width: 100%;
    float: none;
    text-align: center;
}


.noaccesstoaccount {
    line-height: 34px;
}

.external-connect {
    border-radius: 12px;
    height: 30px;
    background: none;
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 30px;
}

    .external-connect a {
        display: inline-block;
        height: 30px;
        width: 100%;
    }

        .external-connect a:hover {
            color: #fff;
        }


        .external-connect a span {
            display: inline-block;
            padding: 0;
        }

.fb-connect a {
    background: url(../../../root/pt-br/logo-fb.png) no-repeat 0px center;
    color: #fff;
    background-color: #3a589e;
    border-radius: 5px;
    text-align: center;
}

.twitter-connect a {
    background: url(../../../root/pt-br/logo-twitter.png) no-repeat 0px center;
    color: #fff;
    background-color: #62b1ed;
    border-radius: 5px;
    text-align: center;
}

.form_input {
    background-image: url(../../../root/pt-br/sprite_icons.png);
    background-repeat: no-repeat;
    text-indent: 24px;
}

#MemberCode,
#MemberCodeCheckDigit,
#LastName,
#FirstName {
    background-image: none;
    text-indent: 0;
}

input#NewEmailConfirm,
input#newEmailField,
input#Identification,
input#Email,
input#EmailAddress {
    background-position: 5px 5px;
}

input#NewPasswordConfirm,
input#newPasswordField,
input#oldPasswordField,
input#Password {
    background-position: 5px -19px;
}

div#ChangeEmailForm, div#ChangePasswordForm {
    background: #f0f0f0;
    padding: 15px;
    border-radius: 5px;
}

.container .row .col-right div.formline.lostpassword {
    text-align: left;
    width: 50%;
    float: left;
}

.btnline {
    margin: 0 0 15px;
    width: 50%;
    float: center;
    text-align: center;
}

.context-register-page .btnline {
    margin: 0 0 15px;
    width: 100%;
    float: none;
    text-align: center;
}

#identifyAsMember .btnline {
    text-align: center;
}

#labelImageCard {
    text-align: center;
}

.context-register-page #register {
    width: 100%;
}

.context-register-page .AcceptTermsAndConditions {
    margin-top: 20px;
    margin-bottom: 40px;
}

.context-register-page #registrationFormSocialIdentityContainer {
    margin-top: 40px;
}

.login-title {
    font-size: 27px;
    margin-bottom: 30px;
    font-family: Raleway-Light, sans-serif;
    margin-top: 10px;
}

    .login-title b {
        font-family: Raleway-Bold, sans-serif;
    }

.error-panel {
    clear: both;
    width: 100%;
}

#divRememberMe {
    display: none;
}


.social-media {
    margin-top: 20px;
}

.registeruser {
    color: #333 !important;
}


.top-bar {
    width: 100%;
    background: #fff;
    height: 81px;
    border-bottom: 0;
}

.top-bar--content {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.top-bar--logo {
    margin-top: 0px;
}

.g-recaptcha {
    display: none;
}


@media (max-width: 767px) {
    .container .row .col-right {
        float: none;
        margin: 0 auto;
        margin-left: 0;
    }

    .registeruser {
        font-size: 1.3rem;
    }

    .noaccesstoaccount {
        line-height: 19px;
        font-size: 1.3rem;
    }

    #AcceptTermsAndConditions label {
        font-size: 1.2rem;
    }

    body.standalone div#body {
        width: auto;
        margin: 20px;
        position: relative;
        border-radius: 15px;
        border: 1px solid #eaeaea;
        padding: 10px;
    }

    .top-bar--content {
        width: auto;
        margin: 0 auto;
        text-align: left;
        text-indent: 20px;
    }
}


.lbr-crp-link {
    margin-top: 50px;
}

::-placeholder {
    color: black;
    opacity: 100;
}

:-ms-input-placeholder {
    color: black;
    opacity: 100;
}

::-ms-input-placeholder {
    color: black;
    opacity: 100;
}