@charset "utf-8";
/* CSS Document */
.wrap {
    position: absolute;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
}
header {
    background: var(--azul-principal);
    overflow: hidden;
}

header .container {
    text-align: center;
    padding: var(--espacamento3) 0px;
}
header .container .navbar-brand {
    display: inline-block;
    float: none;
    height: auto;
}
form {
    max-width: 625px;
    margin: 0px auto 200px auto;
}
form, form a {
    color: var(--cor-azul-marinho);
}
form legend {
    font-weight: bold;
    text-align: center;
    font-size: 2.5em;
    margin: var(--espacamento4) 0px var(--espacamento1) 0px;
    padding: 0px;
}
form legend+p {
    color: var(--cor-cinza);
    font-size: 1.2em;
    text-align: center;
    margin: 0px 0px var(--espacamento2) 0px;
}
form #boxLogin {
    overflow: hidden;
    border-radius: var(--espacamento1);
    padding: 5px;
    background: #dfb021;
}
form #boxLogin > .row {
    background: var(--cor-branca);
    overflow: hidden;
    padding: var(--espacamento2) var(--espacamento1);
    border-radius: 6px;
    margin: 0px;
}
form .form-control {
    border: 2px solid var(--cor-azul-marinho-claro);
    border-radius: 10px;
    font-size: 1.2em;
    padding: 1.2em 10px;
    margin: var(--espacamento1) 0px var(--espacamento2) 0px;
}
form .entrar {
    background: var(--azul-principal);
    color: var(--cor-branca);
    border-radius: var(--espacamento3);
    padding: 15px var(--espacamento5);
    font-size: 1.2em;
    font-weight: bold;
}

#mensagem-sucesso-form {
    margin: var(--espacamento2) 0px;
}

footer {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
footer #disclaimer {
    width: 420px;
}
footer #disclaimer a {
    display: block;
    background: var(--cor-cinza-claro2);
    color: var(--cor-cinza);
    padding: var(--espacamento1) var(--espacamento1) var(--espacamento1) var(--espacamento5);
    text-align: left;
    border-radius: var(--espacamento1);
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
}
footer #disclaimer a:before {
    position: absolute;
    left: 10px;
    top: 12px;
    content: '';
    display: block;
    background: url("../img/icones.png") no-repeat;
    background-position: 0px -64px;
    width: 29px;
    height: 22px;
}


@media (max-width:767px){
    
    form {
        max-width: 625px;
        margin: var(--espacamento2) auto;
    }
	footer {
        position: relative;
        bottom: inherit;
        right: inherit;
        margin: var(--espacamento2) auto;
    }
}