.btn-login {
    background-color: #1D76BB;
}

.fondoInicio {
    background-image: url('../../images/edoc_background_login.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* # Error and Login pages styling
================================================== */

.error-wrapper {
    padding-bottom: 35px;
}

.page-condensed .error-wrapper {
    padding-top: 35px;
}

.error-wrapper h1 {
    color: #fff;
    font-size: 200px;
    line-height: 1;
    margin-bottom: 35px;
    font-weight: 300;
    text-stroke: 1px transparent;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.error-wrapper.offline h1 {
    font-size: 120px;
}

.error-wrapper h6 {
    margin-bottom: 15px;
}

.error-content {
    width: 440px;
    margin: auto;
}

.error-content input[type=text] {
    background: #fff url(../images/interface/filter.png) no-repeat 12px;
    padding-left: 32px;
}

.login-wrapper {
    position: absolute;
    left: 50%;
    top: 12%;
    width: 400px;
    margin-left: -200px;
    padding-bottom: 50px;
}

.login-wrapper .checkbox, .login-wrapper .radio {
    margin: 7px 0;
}

.login-wrapper .thumb {
    width: 150px;
    margin: 0 auto;
}

.login-wrapper .thumb img,
.login-wrapper .thumb-options {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.login-wrapper .thumbnail h6 {
    margin-bottom: 20px;
}

@media (max-width: 480px) {
    .login-wrapper,
    .error-wrapper {
        width: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        position: static;
    }

    .login-wrapper {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .error-wrapper,
    .error-content {
        width: 100%;
    }

    .error-wrapper h1 {
        font-size: 140px;
        padding-top: 0px;
    }

    .error-wrapper.offline h1 {
        font-size: 100px;
    }

    .page-condensed .error-wrapper {
        padding-top: 35px;
    }

    /*.page-condensed .footer {
        display: none;
    }*/
}

@media screen and (max-width: 120px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.15);
        -moz-transform: scale(0.15);
        -ms-transform: scale(0.15);
        -o-transform: scale(0.15);
        transform: scale(0.15);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 120px) and (max-width: 135px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.20);
        -moz-transform: scale(0.20);
        -ms-transform: scale(0.20);
        -o-transform: scale(0.20);
        transform: scale(0.20);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 135px) and (max-width: 150px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.25);
        -moz-transform: scale(0.25);
        -ms-transform: scale(0.25);
        -o-transform: scale(0.25);
        transform: scale(0.25);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 150px) and (max-width: 165px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.30);
        -moz-transform: scale(0.30);
        -ms-transform: scale(0.30);
        -o-transform: scale(0.30);
        transform: scale(0.30);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 165px) and (max-width: 180px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.35);
        -moz-transform: scale(0.35);
        -ms-transform: scale(0.35);
        -o-transform: scale(0.35);
        transform: scale(0.35);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 180px) and (max-width: 195px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.40);
        -moz-transform: scale(0.40);
        -ms-transform: scale(0.40);
        -o-transform: scale(0.40);
        transform: scale(0.40);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 195px) and (max-width: 210px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.45);
        -moz-transform: scale(0.45);
        -ms-transform: scale(0.45);
        -o-transform: scale(0.45);
        transform: scale(0.45);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


@media screen and (min-width: 210px) and (max-width: 225px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.50);
        -moz-transform: scale(0.50);
        -ms-transform: scale(0.50);
        -o-transform: scale(0.50);
        transform: scale(0.50);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 225px) and (max-width: 240px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.55);
        -moz-transform: scale(0.55);
        -ms-transform: scale(0.55);
        -o-transform: scale(0.55);
        transform: scale(0.55);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 240px) and (max-width: 255px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.60);
        -moz-transform: scale(0.60);
        -ms-transform: scale(0.60);
        -o-transform: scale(0.60);
        transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 255px) and (max-width: 270px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -ms-transform: scale(0.65);
        -o-transform: scale(0.65);
        transform: scale(0.65);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 270px) and (max-width: 285px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.70);
        -moz-transform: scale(0.70);
        -ms-transform: scale(0.70);
        -o-transform: scale(0.70);
        transform: scale(0.70);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 285px) and (max-width: 300px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 300px) and (max-width: 315px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.80);
        -moz-transform: scale(0.80);
        -ms-transform: scale(0.80);
        -o-transform: scale(0.80);
        transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 315px) and (max-width: 330px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 330px) and (max-width: 345px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.90);
        -moz-transform: scale(0.90);
        -ms-transform: scale(0.90);
        -o-transform: scale(0.90);
        transform: scale(0.90);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media screen and (min-width: 345px) and (max-width: 360px) {
    #DivReCaptchaGoogle, #rc-imageselect {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


.g-recaptcha {
    display: inline-block;
}

.g-recaptcha > div {
    margin: 0 auto;
}