html, body {
margin: 0px;
padding: 0px;
font-family: Roboto, sans-serif;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
background-color: #022e69;
color: white;
padding: 15px;
height: 48px;
line-height: 48px;
vertical-align: middle;
box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
}
#header-spacer {
height: 100px;
}
header img {
height: 100%;
margin-right: 20px;
margin-top: -10px;
}
header h1 {
display: inline-block;
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 48px;
line-height: 60px;
}
#login-window {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 200px;
}
input[type=username], input[type=password] {
width: 100%;
border: 1px solid #e4e4e4;
background-color: #f2f2f2;
border-radius: 5px;
padding: 14px;
margin-bottom: 15px;
color: #8D9DAF;
}
.button {
text-align: center;
background-color: #022e69;
color: white;
border: none;
padding: 10px;
font-weight: bold;
transition: all 0.5s ease;
}
.button:hover {
transition: all 0.5s ease;
background-color: #D1B150;
color: #022e69;
}
#login {
width: 120px;
text-transform: uppercase;
}
#login-controls {
float: right;
white-space: nowrap;
padding: 5px;
}
#login-controls button{
/*margin-left: 15px;*/
}
#logout {
border: none;
background: none;
}
#logout:hover {
cursor: pointer;
}
#logout i{
color: white;
font-size: 20px;
}
.row {
padding: 1px;
}
.right-aligned {
text-align: right;
}
.row label {
display: none;
}
#message {
visibility: hidden;
color: #d9534f;
font-size: 12px;
margin-bottom: 5px;
}