/* 
    Created on : Dec 16, 2016, 1:32:59 PM - Author: Ekium
*/
* { padding: 0; margin: 0; font-size: 16px; font-family: Verdana, Arial; color:#333; box-sizing: border-box;}
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;}
body {width: 370px;}
h1 { font-size: 20px; color: #333; margin-top: 10px;}
#content { width: 100%; max-width:400px; margin: auto; text-align: center; border: none; border-radius: 5px; padding: 30px 5%; background: rgba(255,255,255,.8);}
#content::before {content: url(../../images/logo-sinfondo-170.png); width: 170px !important;}
#content div {color: red;}
#messages { padding: 5%; width: 60%; color: #C82829; }
form { width: 330px; margin: auto; margin-top: 10px; text-align: left; }
form label { margin-top: 20px; margin-bottom: 5px; display: inline-block; width: fit-content; color: #333; }
form input { width: 92%; margin: auto; padding: 2%; background: none; border: 1px solid #333; border-radius: 5px; } 
form input[type='checkbox'] { float: left; width: fit-content; margin-top: 24px; margin-right: 5px; }
form button { cursor: pointer; display: block; width: 40%; margin-top: 20px; padding: 5px 10px; background: #6e9b36; color: #fff; border: none; border-radius: 5px;}
#remember_me{width:5%; border:1px solid #333;}

@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
#content{margin-top: 80px;}
}