/*
* Styles for user creation, change password, etc. forms
*/

#auth {
max-width: 780px;
margin: 0 auto 5.2em auto;
color: #30336b;
}

#auth h1 {
text-align: center;
font-weight: normal;
font-size: 1.5em;
line-height: 1.4em;
}

#auth p {
padding-left: 0.6em;
padding-right: 0.6em;
line-height: 1.6em;
text-indent: 1.6em;
}

#auth a {
color: #0057a0;
text-decoration: none;
}

#auth a:hover {
text-decoration: underline;
}

#auth a:visited {
color: #0057a0;
}


#auth-form {
width: max-content;
margin: 1.2em auto 2.2em auto;
padding-left: 0.6em;
padding-right: 0.6em;
}

#auth-form label {
display: block;
margin-top: 1.2em;
margin-bottom: 0.32em;
}

#auth-form .input {
display: block;
max-width: 240px;
padding: 0.52em;
font: inherit;
border: 1px solid #218c74;
}

#auth-form .input:focus {
outline: 0;
border-color: #b33939;
}

#auth-form #remembermed {
text-align: center;
margin-top: 1.2em;
}

#auth-form #rememberme {
transform: scale(1.6);
margin-right: 0.64em;
}

#auth-form #remembermel {
display: initial;
vertical-align: top;
}

button {
margin-top: 3.2em;
cursor: pointer;
border-radius: 5px 5px;
color: #ffffff;
padding: 0.6em 1.2em;
background: #218c74;
font: inherit;
border: 1px solid #218c74;
}

button:hover {
background: #16a085;
}

button:focus {
outline: 0;
border-color: #16a085;
}



#registerLink {
font-size: 1.6em;
}

#resetPasswordLink {
font-size: 1.2em;
}


#auth-form .input::placeholder {
color: #95a5a6;
}