html, body{height:100%;}
body{background:url("../../../images/assets/logo_rey_background.png") center center no-repeat #60A8FB;background-size:contain;padding:0;margin:0;}

#login{font-family:Helvetica;text-transform:uppercase;font-size:14px;max-width:380px;margin:0px auto;top:180px;position:relative;}
    #login input{background:transparent;border-radius:0;border-top:none;border-bottom:1px solid #E5E5E5;border-left:none;border-right:none;padding:5px;box-shadow: none;color:#FFFFFF;}
    .form-control::-webkit-input-placeholder { color: #FFFFFF; } /* WebKit */
	.form-control:-moz-placeholder { color: #FFFFFF; } /* Firefox 18- */
	.form-control::-moz-placeholder { color: #FFFFFF; } /* Firefox 19+ */
	.form-control:-ms-input-placeholder { color: #FFFFFF; } /* IE 10+ */
	.input-group > span,
	select.form-control{background:transparent;border:none;color:#FFFFFF;box-shadow:none;}
	select.form-control option{color:#000000;}
	select.form-control{border-bottom:1px solid #FFFFFF;padding:0;border-radius:0;}
    #login .btn_entrar{background:transparent;padding:9px 20px;color:#FFFFFF;font-weight:bold;border:none;text-transform:uppercase;}
    input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    color:#FFFFFF;
    -webkit-text-fill-color: #FFFFFF !important;
}
a{color:#FFFFFF;}
img{max-width:100%;}
.alert{width:600px;margin:0 auto;text-align:center;background:#333333;opacity:.7;color:#FFFFFF;padding:10px 50px;}
.text-right{text-align:right;}

@media screen and (max-width:770px){
	#login{padding:10px 10px 20px;top:10px;width:90%;margin:0 auto;}
	.alert{width:100%;display:none;}
	#login td{display:block;text-align:center;}
	#login td:first-child{padding:0px !important;border:none !important;}
	#login input{width:95%;}
	#login a{text-align:center;}
	.alert{padding:10px 0;}
}