/* ############ FONTES ########## */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 'Open Sans';
    color: #333;
    height:100%;
}

.body-content { padding: 1em !important; }

legend {
    font-size: 14pt;
    font-weight: 700;
    font-family: 'Open Sans';
    color: #FFFFFF !important;
    background-color: #144466;
    border-bottom: none;
    margin-bottom: 25px !important;
}

label {
  font-weight: normal;
  color: #fff;
  font-size: 10pt;
}

fieldset {
    padding: .35em .625em .75em !important;
    margin: 0;
}

#divResposta {
    width: 350px;
    height: 50px;
    background-color: #12B9A1;
    position: absolute;
    left: 630px;
}

#linkEsqueciMinhaSenha {
    text-decoration: none;
    color: #82BBE4;
    font-size: 10pt;
}

#linkEsqueciMinhaSenha:hover {
    text-decoration: underline;
    color: #82BBE4;
    font-size: 10pt;
}

.body-content{
    width: 100%;
	height: 580px;
	margin-top: -290px; /* metade da altura */
    position: absolute;
    top: 48%;
}

.divCentralizado {
    width: 980px;
    height: 580px;
    margin-left: -490px; /* metade da largura */
    position: absolute;
    left: 48.2%;
}

.fundo {
    width: 100%;
    height: 400px;
    margin-left: 0;
    margin-top: -186px; /* metade da altura */
    position: absolute;
	  top: 56.9%;
    left: 0;
    background-image: url('/gax2condutores/images/login-bg.png');
    background-repeat: repeat !important;
}

/* Retirar as cores padrões do google chrome */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* Título e Logotipo da tela de login */
#divTitulo {
    width: 600px; 
    height: 80px;
    margin-left: -100px
}

#logoGax {
    float: left; 
    width: 107px; 
    height: 80px; 
    margin-left: 100px;
}

#titulo {
    height: 80px;
}

.panelFormLogin {
    height: 500px; 
    width: 98%; 
    position: absolute;
}

#divFormLogin {
    width: 350px; 
    height: 400px; 
    background-color: #144466; 
    position: absolute;
    top:50px; 
    left: 630px;
}

#divBlueBox {
    width: 350px; 
    height: 50px; 
    background-color: #4580AB; 
    position: absolute; 
    top: 450px; 
    left: 630px;
}

.alignFields {
    border:none; 
    margin-left: 70px; 
    margin-top: 50px;
    margin-bottom: 35px;
}

.showDivResposta{
    top:0 !important; 
    display: block !important; 
    position: absolute !important;
}

.erro-login{
    background-color: rgb(222, 79, 79) !important;   
}

@media (max-width: 960px){

    .body-content {
        top: 0;
        margin-top: 0;
        position: fixed;        
    }

    #divImgLogin{
        display: none;
    }
    
    .fundo{
        display: none;
    }

    #divTitulo {
        width: 100%;
        margin-left: 0;
    }

    #logoGax {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    #titulo {
        text-align: center;
    }

    .panelFormLogin {
        margin-top: 100px;
    }

    #divResposta {
        width: 100%;                
        position: absolute;
        left: 0;
        display: none;
        top: -50px;
    }

    #divFormLogin {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #divBlueBox {
        width: 100%; 
        position: absolute; 
        top: 400px; 
        left: 0;
    }

    .alignFields {
        border:none; 
        margin-left: 41%;
    }

    .form-control {
        width: 170px;
    }
}