.login-background
{
	position: relative;

	display: flex;

	height: 100%;

	justify-content: center;
	align-items: center;

	background-color: #3c4655;
}

.login-container
{
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	padding: 50px;

	box-shadow: 0 0 3px black;
	background-color: white;
	border-radius: 1px;
}

.login-label-logo
{
	width: 230px;
	height: 100px;

	background-image: url('../img/logo/toutou-management.png');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;

	margin-bottom: 20px;
}


.login-input
{
	min-width: 200px;
	margin: 10px;
	background-color: none;
	border: 0px;
	text-align: center;
	border-bottom: 1px solid lightgrey;
	color: #3c4655;
	text-align: center;
}

.login-button
{
	text-align: center;
	margin: 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	background-color: #3c4655;
	color: lightgrey;
	box-shadow: 0 0 3px black;
}

.status-container
{

	width: 200px;
	height: 40px;

	color: white;
	line-height: 40px;
	font-size: 16px;
	text-align: center;

	border-radius: 3px;
	box-shadow: 0 0 3px black;
	background-color: silver;

	background-image: url('../img/loading/snake-loading.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.login-error-container
{
	background-color: firebrick;
	color: white;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	width: 200px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 0 3px black;
}