html, body {
    height: 100%;
}

section {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -260px;
}

.progress {
    margin: 0;
    margin-top: 5px;
}

.popover {
    width: 300px;
    max-width: 300px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
}

.field-validation-error {
    margin-top: 2px;
    margin-bottom: 10px;
    display: block;
    white-space: pre-line;
}

/***************************************************************
* Tela de login
***************************************************************/
body {
    background-image: url("../Images/body.jpg");
    font-family: 'PT Sans', Arial, sans-serif;
}

#login-box {
    /*-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    /-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);*/
    z-index: 99;
}

    #login-box form {
        margin: 0;
        padding: 20px;
    }

    #login-box input, label {
        font-family: 'PT Sans', Arial, sans-serif;
        font-size: 13px;
    }

    #login-box .btn-login {
        width: 100%;
    }

    #login-box .alert {
        margin-bottom: 0px !important;
    }

/*#login-box .top
    {
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font: 100 16px/42px 'PT Sans', Arial, sans-serif;
        height: 42px;
        padding: 0 20px;
        background: #e0e0e0;
        border: 1px solid #ccc;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
    }

    #login-box .content
    {
        background-color: #ffffff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding-top: 30px;
    }

        #login-box .content .alert
        {
            margin: 0 10px 10px;
        }

            #login-box .content .alert:first-child
            {
                margin-top: -20px;
            }

        #login-box .content .inner
        {
            padding: 5px 0 10px;
            width: 66%;
            margin: 0 auto;
        }

    #login-box .form-actions
    {
        padding: 29px 20px;
        margin: 0;
        border: 1px solid #ccc;
        border-top: 1px solid #e7e7e7;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
        font-size: 13px;
    }

        #login-box .form-actions a
        {
            float:left;
            margin-top:-10px;
        }

        #login-box .form-actions button
        {
            font-family: 'PT Sans', Arial, sans-serif;
            margin-left: 5px;
            margin-top:-15px;
        }*/

/*#btn-teclado {
    font-size: 22px;
    color: #999999;
    padding: 0;
    margin: -32px 0 0 255px;
    position: absolute;
}

    #btn-teclado:hover, #btn-teclado:active, #btn-teclado:focus {
        text-decoration: none;
    }*/

#browser-warning {
    display: none;
}

footer#footerLogin {
    padding-top: 60px
}

    footer#footerLogin .well {
        font-family: inherit;
        background-color: #fdfdfd;
        font-size: 12px;
    }


/* --/login-- */

/**************************************************************************************
* Adaptações para tamanhos de telas diferentes
***************************************************************************************/

@media (min-width: 400px) {
    #login-box {
        width: 380px !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 399px) {
    #login-box {
        margin-top: 20px !important;
    }
        #login-box form {
            padding: 5px;
        }
}

/*
@media (min-width: 800px) {
    footer#login .container {
        width: 655px;
    }
}

@media (max-height: 700px) {
    #login-box {
        margin-top: -250px;
    }
}

@media (max-height: 620px) {
    #login-box {
        margin-top: -150px;
    }

    footer#login {
        display: none;
    }
}
*/
/**************************************************************************************
* Secao sem js habilitado
***************************************************************************************/
.no-js section, .no-js header, .no-js body.footerLogin {
    display: none;
}

.no-js .header {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d4d4d4;
    padding: 20px;
}

    .no-js .header a {
        font-size: 20px;
    }

        .no-js .header a:hover {
            text-decoration: none;
            cursor: default;
        }

        .no-js .header a small {
            font-size: 14px;
        }

.no-js .content {
    padding: 20px;
}

/***************************************************************
* Estilos da lista de browsers na tela de login
***************************************************************/
.list-browsers {
    list-style: none;
    margin: 0 auto 10px;
    max-width: 650px;
    padding: 0;
}

    .list-browsers .content-logo {
        position: relative;
    }

    .list-browsers .item {
        width: 20%;
        float: left;
        text-align: center;
    }

        .list-browsers .item .browser-name {
            display: block;
        }

        .list-browsers .item .label {
            font-family: Arial;
            position: absolute;
        }

p.divisor-browser {
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.browser {
    width: 47px;
    height: 47px;
}

.captchaContainer {
    padding: 4px 0;
}

    .captchaContainer .newCaptcha {
        margin-left: 5px;
    }

.alert-login-box {
    position: absolute;
    top: 0;
    z-index: 999;
    min-height: 100%;
}