/* CSS Document */


/*
*	Login form
*/
.login-block {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px;
	opacity: 1;
	width: 100%;
	max-width: 450px;
	transform: translate(-50%, -50%);
	padding: 40px;
}

.login-logo img {
	display:block;
	margin: auto;
}

.login-text {
	font: 14px/20px Arial;
	color: #58595B;
}

.login-button {
	width:48%;
	float: left;
}

.login-error-wrapper {
	margin-bottom: 10px;
	text-align: center;
	padding: 3px;
	border-radius: 5px;
	border: 0px;
}

@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{
	.login-background {
		height: 100%;
		width: 100%;
		position: absolute;
		background:url('/app/media/background.jpg') no-repeat center center fixed!important;
	}

	.login-outer-div{
		width:100%!important
	}
}

@media (max-width:400px),(max-device-width:400px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{
	.login-block{
		top:0;
		left:0;
		transform: initial;
	}
	
	.login-button {
		margin-bottom: 10px;
		width:100%;
	}
}