@charset "utf-8";
/* CSS Document */

body { background:#000; color:#fff; }

/* login */

.login-container { 
width:400px; 
position: absolute; 
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) 
}

.login-logo { text-align:center; }

.login-welcome { padding:15px 0px 15px 0px; text-align:center; }
.login-welcome p { font-size:22px; }
.login-welcome-gobold { font-weight:600; }
.login-welcome-golight { font-weight:300; }

.login-errorblock { text-align:center; padding:10px 0px 10px 0px; text-transform:uppercase; }
.login-errorblock ul { }
.login-errorblock li { font-size:13px; font-weight:300; color:#fff799; }

.login-form { }
.login-form ul { }
.login-form li { padding:0; margin:0px 0px 15px 0px; width:400px; }
.login-form input[type="text"] { width:380px; padding:10px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; text-align:center; background:#fff; }
.login-form input[type="password"] { width:380px; padding:10px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; text-align:center; background:#fff; }

.button-login {
display: inline-block;
width: 400px;
padding: 10px;
color: #fff;
border: 1px solid #fff;
text-align: center;
outline: none;
text-decoration: none;
text-transform:uppercase;
letter-spacing:2px;
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:300;
background:none;
}

.button-login:hover,
.button-login:active {
background-color: #fff;
border: 1px solid #fff;
color: #222;
cursor:pointer;
}