img {
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #0059a9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #0059a9;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #0059a9;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #0059a9;
}

div.container #logo {
    max-width: 334px;
    padding-top: 35px;
}

div.container #subtitle {
    padding-top: 1.5%;
    font-size: 2em;
    /* font-weight: bold; */
}

div.container #left {
    background: url(../img/img_login.png) right top no-repeat;  
    background-size: contain;
    height: 100%;
}

div.container #login {
    background: url(../img/background_login.png) left no-repeat;
    /*height: 326px;*/    

}

div.container #login-error {
    /*margin: 4em 0 1em 0;*/
    margin: 1em 0 1em 0;
    color: #a94442;
    font-weight: bold;
}

div.container #login input {
    border:none;
    height: 38px;  
    width: 48%;
    max-width: 310px;
}

div.container #login input[type='text'], div.container #login input[type='password'] {      
    padding-left: 4em;
}

div.container #login #j_username {
    background: url(../img/icon_user.png) #fff no-repeat;
}

div.container #login #j_password {
    background: url(../img/icon_password.png) #fff no-repeat;
    margin-top: 0.5em;
}

div.container #login input[type='submit'] {
    background-color: #0059a9;
    color: #fff;
}

div.container div.pure-padding {
    /*padding:2em 0 0 2em;*/
}

/*Captcha style*/
div.container #login #recaptcha_widget {
    margin-top: 1em;
}

div.recaptcha_option {
    float: left;
    font-size: .8em;
    width: 33%;
    padding: .5em 0 1.5em 0;
}

div.recaptcha_option a {
    color: #0059a9;
}

div.container #login #recaptcha_response_field {
    height: 1.8em;
    padding: 0 .5em;
    font-size: .8em;
    font-size: .8em;
    padding-left: .5em;    
    border: 1px solid #0059a9;
}

div.container #login #recaptcha_response_field:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1em;
}

div.container #login #recaptcha_content_image {
    background: #fff;
    max-width: 308px;
    border: 1px solid #0059a9;
}

div.container #login #recaptcha_image {
    max-width: 308px;
}

div.container #login #recaptcha_content_option {
    max-width: 308px;
}

div.container #footer {
    font-size: .6em;
    color: #a0a0a0;
    padding: 3em 2em;
}

@media screen and (max-width: 1200px) {
    div.container #login {
        background-size: contain;
    }

    div.container div.pure-padding {
        padding:2em 0 0 1em;
    }
}

@media screen and (max-width: 1024px) {
    div.container div.pure-padding {
        padding:2em 0 0 1em;
    }
}