body {
    overflow-x: hidden;
    overflow-y: auto;
    background-color:white!important;
    height: 100%;
    margin: 0;
    font-size:1.25rem!important;
}
@media (min-width: 576px) {
    body {
        background-color:#EFEEEE!important;
    }
    #loginPage-content {
        margin-top: 100px!important;
    }
    .footer-img-mobile {        
        display:none!important;
    }
    .footer-img-screen {        
        display: block!important;
    }
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-thumb {
  background: #888; 
}
.langSelect {
    border:none;
    background-color:white;
    color: #767676;
    font-size: 18px!important;
}
.langSelect:focus {
    outline: 1px dotted;
    outline: none;
}
.langDropdown {
    min-width: 40px!important;
}
.multiselect-container input {
    display: none
}
a {
    color: #767676!important;
}

#Div1 {
    width: 100%;
    padding: 0;
    display: table;
    height: 80%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    margin: 0;
}

#loginPage {
    width: 100%;
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: auto;
}

#bannerDiv {
    margin: auto;
    margin-top: 0px;
    max-width: 422px;
    background-color: #D6DDEB;
    font-size: 1rem;
    text-align: center;
}

@media (min-width: 991px) {
    #bannerDiv {
        max-width: 800px;
        min-width: 500px;
    }
}

/* Content. */
#loginPage-content {
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    /*overflow: auto;*/
    padding: 0;
    vertical-align: middle;
    /*display: table-cell;*/
    margin: auto;
    margin-top: 0px;
    max-width: 422px;
    background-color: white;
    border-radius: 20px;
    /* max-height: 491px; */
}

/* Content: Top. */
#loginPage-contentTop {
    height:100px;
    width: 100px;
    /*background-image: url(../images/GDX_logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Content: Header. */
#loginPage-contentHeader {
    top:20px;
    /*margin-left:2rem;*/
}

#loginPage-contentHeader .loginPage-logo {
    width: 120px;
    /*background-image: url(../images/GBW_logo@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;*/
    height: 40px;
    /*margin: 0 auto;*/
    /*padding: 10px;*/
    /*float: left;*/
}
.loginbtn {
    border-radius: 40px!important;    
    border: none!important;
    color: white;
    background-color: #E60000 !important;
    width: 100%!important;
    font-size:20px !important;
}

/* Content: Body. */
#loginPage-contentBody {
    max-width: 450px;   
    margin: 0 auto;
    padding: 0 20px;
}

#brandSelectionPage-contentBody {
    max-width: 540px;
    margin: 20px auto;
}


#loginPage-contentBody-controls {
    margin-bottom: 10px;
    text-align: right;    
}


#loginPage-loginForm-container{
    margin: 0px 10px;
}

#loginPage-switchToLogin {
    background-image: url(../Images/buttons/login.png);
    width: 60px;
    height: 35px;
    margin-left: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: right;
    background-repeat: no-repeat;
    text-align: center;
}
/* Content: Shared. */
#loginPage-contentBody h1 {
    margin-top: 0;
    font-size: 2rem;
    font-weight:400!important;
    color: #3E3E3F;
}

#loginPage-contentBody .loginPage-formDescription {
    font-size: 14px;
}

#loginPage-contentBody fieldset {
    position: relative;
    border: 0;
    margin-top: 8px;
    margin-bottom: 16px;
}

    #loginPage-contentBody fieldset:last-of-type {
        margin-bottom: 0;
    }

#loginPage-contentBody .loginPage-checkboxFieldset {
    text-align: right;
}

#loginPage-contentBody .loginPage-checkboxFieldset input {
    margin-left: 5px;
}

/* Content: Shared: Submit. */
.loginPage-submitContainer {
    text-align: right;
}

#loginPage-loginForm-submit, #loginPage-registerForm-cancel, #loginPage-registerForm-submit, #loginPage-forgotPasswordForm-cancel, #loginPage-forgotPasswordForm-submit {
    width: 30px;
    height: 30px;
    background: none;
    background-image: url(../Images/buttons/login_submit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
}


.loginPage-loginForm-submit {
    width: 30px;
    height: 30px;
    background: none;
    background-image: url(../Images/buttons/login_submit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
}

.loginPage-forgotPasswordForm-cancel {
    width: 30px;
    height: 30px;
    background: none;
    background-image: url(../Images/buttons/login_cancel.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
}

#loginPage-errorDiv {
    padding: 10px;
    color: #FF0000;
    text-align:center;
    font-size: 1rem;
    /* height:44px; */
}
#loginPage-footer {
    /*min-height:200px;*/
    width: 100%;
    /*position: absolute;
    bottom: 0;*/
    /*background: url('../images/Background/Graphic_Screen.png') no-repeat;
    background-size:contain;*/
}
.footer-img-mobile {
        width: 100%;
        display:block;
}
.footer-img-screen {
        width: 100%;
        display: none;
}
/* Content: Body. */
#forgotPassword-confirmation {
    width: 380px;
    margin: 20px auto;
}

#forgotPassword-confirmation fieldset {
    position: relative;
    border: 0;
    margin-top: 8px;
    margin-bottom: 16px;
}

#confirmationDiv {
    padding: 10px;
    color: #FF0000;
}

.LoginButton {
    cursor: pointer;
    height: 60px;
    width: 180px;
    text-align: center;
    margin-right: 0px;
    white-space: normal;
    font-size: 14px;
}

.BrandButton {    
    cursor: pointer;
    height: 60px;
    width: 180px;
    text-align: center;
    margin-right: 0px;
    white-space: normal;
    font-size: 12px;
}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active {
    color: black!important;    
    background-color: #DCEAFF!important;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #DCEAFF inset !important;
}