html, body {
	height: 100%;
	background-color: #008cff;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.modeselect{
	transition: height 0.15s ease-out;
	height: 490px;
}

.modeselect:hover{
	height: 500px;
}

p{
	margin-bottom: 3px;
}

.div-area{
	margin-top: 24px;
	width: 400px;

	background-color: #f9f9f9;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 2px 2px 6px #00000052;
}

.logo{
	height: 65px;
}

.btn-primary{
	background-color: #008cff;
}

.input-error{
	border-color: #dc3545;
	color: #dc3545;
}

.loading{
	height: 55px;
}

input, button, .btn{
	border-radius: 3px !important;
}

.mrg-b-6{
	margin-bottom: 6px;
}

.invalid-credentials *{
	opacity: 0.5;
	cursor: wait;
}

.font-weight-450{
	font-weight: 450;
}

.opacityhover:hover{
	opacity: 0.6;
}