* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-size: 1.0em;
    font-family:'Roboto', sans-serif;
    font-weight: 300; 
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #E42129;
}

div:focus {outline:none !important;}

img {
    display: block;
}

.login-form {
    position: relative; width: 300px; margin-left: auto; margin-right: auto; color: #515151; background-color: #ececec; box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28); border-radius:2px; padding: 25px;
}

#logo {
    height: 120px; top: 50px; 
}

#main {
    margin-bottom: 150px; top: 80px;
}

#result {
    font-weight: 400; font-size: 1.2em; margin-bottom: 20px;
}

h1, h2, h3 {
    font-weight: 400;
}

.row, p, h1, h2, h3 {
    margin-bottom: 15px;
}

.input {
    position: relative; width:100%; display: block; margin-left: auto; margin-right: auto; outline: none; font-size: 1em; border: 1px solid #d3d3d3; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius:0px; padding: 7px;
}

label.y { display: none; }

button {
    position: relative; margin-top: 50px; width:100%; height: 45px; display: block; margin-left: auto; margin-right: auto; outline: none; font-size: 1em; background-color: #E42129; border:none; color: #fff; border-radius: 2px; text-transform: uppercase;
}

a, .login-form p.error {
    color:#E42129;
}

.links a {
    text-decoration: none; display: block; font-size: 0.9em; font-weight: 100; margin-bottom: 5px;
}

.login-form p.success a:link,
.login-form p.success a:visited,
.login-form p.success a:hover {
    color: green; text-decoration: underline;
}

.login-form p.success {
    color: green;            
}