body{
	background-color: rgb(37, 40, 48);
	color: rgb(103, 111, 122);
}

.loginScreen{
	width: 300px;
	border-radius: 4px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -250px;
	text-align: center;
	background-color: #fff;
}

.loginLogo{
	position: relative;
	width: 100%;
	color: rgb(37, 40, 48);
	font-size: 48px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	line-height: 63px;
	color: #1d94df;
}

.loginLogo img{
	width: 250px;
}

.loginDetails{
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 25px;
	text-align: left;
	line-height: 30px;
}

.maintenance{
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 30px;
	text-align: center;
	line-height: 20px;
}

.btn{
	width: 100%;
}

.form-control, .input-group-addon{
	background-color: transparent;
	color: rgb(37, 40, 48);
}

.loginError{
	line-height: 20px;
	color: #fff;
	background-color: #E74C3C;
	border: 1px solid #CE3929;
	border-radius: 4px;
	width: 100%;
	padding: 10px;
}

.loginSuccess{
	line-height: 20px;
	color: #fff;
	background-color: #1DDB6C;
	border: 1px solid #09BD54;
	border-radius: 4px;
	width: 100%;
	padding: 10px;
}

.reportActivityScreen{
	width: 500px;
	border-radius: 4px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -250px;
	text-align: center;
	background-color: #fff;
}

.reportActivityDetails{
	position: relative;
	display: inline-block;
	width: 500px;
	padding: 25px;
	text-align: left;
	line-height: 30px;
}