body {
	padding: 0;
	background-color: #fafafc;
}
.site-container {
	background-color: #f7f7f9;
}
.signin-container {
	/*width: 80%;
	margin-left: 10%;
	margin-right: 10%;*/
	padding: 25px;
}
.pnl-signin {
	border: 1px solid #eee;
	margin-top: 10px;
	border-radius: 15px;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 3px 5px 0 rgba(20,80,150,0.1);
}
.signin-header{
	background-color: #f1f3f5;
	padding: 15px;
	border-radius: 15px;
	text-align: center;
	margin-bottom: 30px;
}
.signin-header img{
	height: 50px;
}
.signin-title {
	font-size: 16px;
	margin-bottom:0;
}

.pnl-signup {
	border: 1px solid #eee;
	margin-top: 10px;
	border-radius: 15px;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 3px 5px 0 rgba(20,80,150,0.1);
}

.input-box {
	position: relative;
}

	.input-box input {
		height: 36px;
		text-align: left;
		font-size: 16px;
		direction: ltr;
		padding-left: 50px;
		border-radius: 8px;
	}

	.input-box i {
		text-align: center;
		font-size: 24px;
		color: #999;
		line-height: 1;
		position: absolute;
		left: 10px;
		top: 6px;
	}



.lbl-pass {
	margin-top: 10px;
}

.userpass-error-box {
	font-size: 14px;
	margin-bottom: 10px;
	color: red;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.validation-box {
	margin-top: 5px;
	height: 15px;
}

.validation {
	font-size: 11px;
	color: red;
}

.error-box {
	margin-top: 5px;
}

.showpass-box {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

	.showpass-box input {
		margin-left: 5px;
		vertical-align: sub;
		cursor: pointer;
	}

	.showpass-box label {
		font-weight: normal;
		user-select: none;
		cursor: pointer;
	}

.btn-signin, .btn-signin:hover, .btn-signin:focus {
	margin-top: 10px;
	background-color: #00c853;
	padding: 0;
	border-radius: 8px;
	font-size: 16px;
	width: 100%;
	color: #fff;
	height: 40px;
}

.signup-box {
	margin-top: 30px;
	text-align: center;
}

	.signup-box span {
		font-weight: bold;
	}

	.signup-box a, .signup-box a:hover, .signup-box a:focus {
		margin-top: 5px;
		margin-bottom: 15px;
		color: #fff;
		text-decoration: none;
		outline: none;
		background-color: #0044aa;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		height: 40px;
		border-radius: 8px;
		font-size: 14px;
	}

		.signup-box a img {
			height: 30px;
			margin-left: 10px;
		}
.btn-forget {
	border: none;
	padding: 0;
	background: none;
	outline: none;
	font-size: 11px;
	color: #0099ff;
	border-bottom: 1px solid #0099ff;
	padding-bottom: 3px;
}

.ussd-msg {
	margin-top: 10px;
	align-items: center;
	color: red;
	line-height: 2;
	text-align: center;
	font-size: 12px;
}

.ussd-link, .ussd-link:hover, .ussd-link:focus {
	margin-top: 10px;
	border: 2px solid #0099ff;
	color: #0099ff;
	width: 70%;
	border-radius: 10px;
	font-family: Tahoma;
	direction: ltr;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
}