.maincontent {
	margin: 0px;
	height: 100vh;
	width: 100vw;
}

.container {
	display: table;
	margin: 0px;
	background-color: #e30613;
	height: 100vh;
	width: 100vw;
}

.middle {
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 103% 155%;
}

.login_form_container {
	background-color: #ffffff;

	padding: 30px;

	width: 340px;
	margin-left: auto;
	margin-right: auto;

	height: 410px;

	color: #1d1d1b;

	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
}

.with_errors {
	height: 500px;	
}

.login_logo_cotainer {
	text-align: center;
	margin-bottom: 45px;
}

.login_logo_cotainer > img {
	width: 241px;
	height: 100px;
}

.input_container {
	height: 45px;
	margin-bottom: 20px;
	text-align: right;
}

.input_container:last-child {
	margin-top: 45px;
}

.input_container > input {
	height: 37px;
	padding-left: 0.25em;
	margin-left: 1em;
	border: 0px;
	background-color: lightgray;
}

input[type="text"]  {
	width: 237px;
}

input[type="password"]  {
	width: 237px;
}

input[type="submit"]  {
	width: 170px;
	background-color: #e30613;
	color: #ffffff;
	font-weight: bold;
}

@media screen and (max-width: 415px) {
	.login_form_container {
		padding: 15px;
		width: 310px;
	}

	input[type="text"]  {
		width: 240px;
	}

	input[type="password"]  {
		width: 205px;
	}
}

.center_text {
	text-align: center;
}

.login_error {
	width: calc(100% - 1em);
	background-color: #ffffff;
	line-height: 45px;
	color:#e30613;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 45px;
	text-align: center;
}