body{
    background-color: white;
    display: flex;
    min-height: 100vh;
    flex-direction: column;

}
	
main{
    flex: 1 0 auto;
}
.container-login{
    /*margin-top: 5%;
    margin-left: 10%;*/
    margin: 0;
    padding: 10px;
    width: 350px;
    height: 510px;
    /*background-color: rgba(255,255,255,.87);*/
    background-color: rgba(255,255,255,.87);
    border-radius: 20px;
    position: absolute;
    /*top: 40%;
    left: 10%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #333;  
}
.container-login label{
    color: #333;
}

.container-register{
    margin: 0;
    padding: 10px;
    width: 350px;
    height: 600px;
    background-color: rgba(255,255,255,.87);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #333;
}
.container-register label{
    color: #333;
}

.progress{
    position:absolute;
    margin: -12px 0px 0px -10px;
    /*background-color: #e0e0e0;*/
    background-color: #e0e0e0;
    border-radius: 4px;
    width: 350px;
}

#l-login 
{
   	background: #ffffff; /* Old browsers */
   	background: -moz-linear-gradient(top, #ffffff 0%, #9e9e9e 36%, #0c0c0c 99%); /* FF3.6-15 */
   	background: -webkit-linear-gradient(top, #ffffff 0%,#9e9e9e 36%,#0c0c0c 99%); /* Chrome10-25,Safari5.1-6 */
   	background: linear-gradient(to bottom, #ffffff 0%,#9e9e9e 36%,#0c0c0c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
}


input:focus 
{
    box-shadow: 0 0 5px rgba(255,0,0,1);
    border:1px solid rgba(255,0,0,0.8);
}
.entrada 
{
    text-transform:uppercase;
} 

/*///////////////////////// MediaQueries /////////////////////////*/
@media (max-width: 767px){
    
    /*===Generales*/
    .container-login{
        width: 300px;   
    }  
    .progress{
        width: 300px;   
    }
    .messagebox{
        width: 300px;   
    }
    .messageboxok{
        width: 300px;   
    }
	.messageboxerror{
        width: 300px;   
    }
    
}