*{ padding: 0; margin: 0; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; border: 0 none; position: relative; text-decoration:none; list-style-type:none;}
html {height: 100%; min-height: 100%; background: url(../../images/login/background.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-attachment: fixed;}
html {display: flex; justify-content: center; align-items: center;}
h1 { font-size: 26px; text-align: center; margin-bottom: 10px; margin-top:10px;}
#content { width:90%; max-width:320px; margin:0 auto; text-align: center; border: none; border-radius: 10px; padding: 10px; background: rgba(255,255,255,.4);}
#content::before {content: url(../../images/logo/logo.png);}
form { width: 300px; margin: auto; text-align: left; }
form label { margin-top: 20px; margin-bottom: 5px; display: inline-block; width: fit-content; }
form label[for='inputEmail'] {margin-top:0;}
form input { width: 90%; margin: auto; padding: 2%; background: none; border: 1px solid #555; border-radius: 5px; } 
form input[type='checkbox'] { float: left; width: fit-content; margin-top: 24px; margin-right: 5px; vertical-align: middle; position: relative; bottom: 2px;}
form input[type='submit'] { cursor: pointer; display: block; width: 40%; margin-top: 20px; }
form input[type='submit']:hover {background:#555; color:#fff;}
#remember_me {width:5%; border:1px solid red;}
form label[for=remember_me] {font-size:13px;}
#registro {font-size: 13px;}
#forgot_pass,#registro a {font-size: 13px; text-decoration: underline;}
#registro a:hover, #forgot_pass:hover {text-decoration: none;}

#error_acceso {color:red; font-size:13px;}

#registro_form { display: none; }
#datos_empleado #nombre {font-size:16px; font-weight: bold; margin-top: 10px;}
#datos_empleado #categoria {font-size: 13px;}

@media screen and (max-device-width: 500px), screen and (max-width: 500px) { 
#content {background: rgba(255,255,255,.9);}
form input[type='checkbox'] {bottom: 4px;}
}