.login 
{
	background: #ff5555;
	margin: auto;
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	background: linear-gradient(75deg, blue 50%, red 50%);
}
.container
{
	width:100%;
	margin: 0 auto;
}
.bg-white
{
	background-color: #fff;
}
.login-box
{
	width: 100%;
	background: #ffffff;
	margin: auto;
	padding: 1em;
	/*border: 1px solid #111111;*/
	border: 1px solid #ddd;
	text-align:center;
}
.login h1
{
	text-align: center;
	color:#fff;
	margin-top: 2.0em;
	margin-bottom: 1.5em;
}
.err
{
	text-align:center;
	color: Red;
}
.login-box h3
{
	text-align: center;
	padding: 0.9em 0 0.9em 0;
}
.login-box input[type="text"]{
	width: 100%;
	padding: 0.9em 1em 0.9em 1em;
	color: #777;
	font-size: 15px;
	outline: none;
	font-weight: 400;
	border: 1px solid #ddd;
	margin: 0.3em 0 0.5em;
	font-family: 'Roboto', sans-serif;
}
.login-box input[type="submit"] {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 10px 15px;
    width: 100%;
    border: 2px solid #fb0404;
    background: #fd0505;
    margin: 2em 0 1em 0;
    font-family: 'Roboto', sans-serif;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.login-box input[type="submit"]:hover {
    background: none;
    border: 2px solid #ea4c89;
    color: #ea4c89;
}
.login-box input[type="password"]{
	width: 100%;
	padding: 0.9em 1em 0.9em 1em;
	color: #777;
	font-size: 15px;
	outline: none;
	font-weight: 400;
	border: 1px solid #ddd;
	margin: 0.3em 0 0.5em;
	font-family: 'Roboto', sans-serif;
}


.buttons {
	margin: 1em 0 0em 0;
}