/*GERAL*/
/*================================*/

@media screen {
    
    .LoginCaixaTudo, .LoginCaixaTudo *, .LoginCaixaTudo * *, .LoginCaixaTudo * * *, .LoginCaixaTudo * * * *, .LoginCaixaTudo * * * * * {
        padding: 0px;
        margin: 0px;
        transition: all 0.3s;
        box-sizing: border-box !important;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        list-style-type: none;
    }

}

/*================================*/





/*-------------------------------*/





/*CAIXAS*/
/*================================*/

@media screen {

    .LoginCaixaTudo {
        width: 100%;
        max-width: 900px;
        display: table;
        margin: 10px auto;
    }

        .LoginCaixaTudo .LoginBLock {
            width: 49.9%;
            display: table;
            float: left;
            position: relative;
        }

        .LoginCaixaTudo .Borda {
            border-right: 1px solid #f2f2f2;
        }

        .LoginCaixaTudo .LoginBLock .CaixaInt {
            width: 100%;
            padding: 20px 0px;
            display: table;
        }

        .LoginCaixaTudo .LoginBLock .Direita {
            
        }

        .LoginCaixaTudo .LoginBLock .CaixaInt .ControleForm {
            width: 100%;
            display: table;
            max-width: 300px;
            margin: 0px auto;
        }

            .LoginCaixaTudo .LoginBLock .CaixaInt .ControleForm label {
                display: block;
                margin-bottom: 10px;
            }

}

@media screen and (max-width: 700px) {

    .LoginCaixaTudo .LoginBLock {
        width: 100%;
        float: none;
    }

        .LoginCaixaTudo .LoginBLock .CaixaInt .ControleForm {
            max-width: 400px;
        }

    .LoginCaixaTudo .Borda {
        border-right: unset;
    }

}

/*================================*/





/*-------------------------------*/





/*TITULOS E TEXTOS*/
/*================================*/

@media screen{

    .LoginCaixaTudo h2{
        font-size: 24px;
        color: #333;
        padding: 10px 10px;
        padding-bottom: 0px;
        font-weight: 400 !important;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt h3{
        font-size: 18px;
        color: #333;
        padding-top: 10px;
        padding-bottom: 20px;
        font-weight: 300;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt span{
        display: block;
        font-size: 14px;
        color: #333;
        font-weight: 300;
        padding-bottom: 5px;
    }    
}

/*================================*/





/*-------------------------------*/





/*BOTÕES*/
/*================================*/

@media screen{  

    .LoginCaixaTudo .LoginBLock .CaixaInt p{
        display: block;
        text-align: right;
        padding-top:3px;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt .LinkEsqueci{        
        font-size: 12px;
        color: #00adef;
        background-color: transparent;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt .LinkEsqueci:hover{
        text-decoration: underline;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt #Botao a{
        display: block;
        width: 100%;        
        background-color: #2cd827;
        color: #fff;
        margin: 20px auto;
        padding: 10px 0px;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        border-radius: 3px;
        border-bottom: 3px solid #28bc23;
        text-decoration:none;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt #Botao a:hover{
        background-color: #1ab816;
    }
}

/*================================*/




/*-------------------------------*/





/*INPUT*/
/*================================*/

@media screen{
    .LoginCaixaTudo .LoginBLock .CaixaInt input{
        display: block;
        width: 100%;
        padding: 10px;
        border-radius: 3px;
        border: 1px solid #e3e3e3;
        color: #333;
        outline: none;
        box-sizing:border-box;
    }

    .LoginCaixaTudo .LoginBLock .CaixaInt input:focus{
        border: 1px solid #00adef;
        box-shadow: 0px 0px 2px 0px #0098df;
    }
    
}

/*================================*/





/*-------------------------------*/





/*MENSAGEM DE ERRO*/
/*================================*/

@media screen{
    .LoginCaixaTudo .LoginBLock .CaixaInt small{
        color: red;
        font-size: 12px;
        text-align: right;
    }
    
    .LoginCaixaTudo .LoginBLock .CaixaInt .Aviso{
        display: none;
        text-align: center;
        font-size: 12px;
        color: #666;
        padding-bottom: 10px;
    } 
}

/*================================*/