*{
	box-sizing: border-box;
	font-family: Helvetica, Verdana, Menlo, "Gill Sans", arial, simsun;
	outline: 0 !important;
}
.container{
	padding: 20px;
}
.custom-pn{
	position: relative;
}
.custom-pn input, .custom-pw input, .digit{
	width: 100%;
	font-size: 1.1em;
	padding: 12px 25px 12px 60px;
	border: 1px solid #d1cccc;
	border-radius: 5px 5px 0 0;
	outline: 0 !important;
}
.custom-pn input:focus, .digit:focus{
	border-color: #0d9737;
}
.custom-pn span.pf, .custom-pn span.cl{
	position: absolute;
	font-size: 1.1em;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.custom-pn span.cl{
	left: unset;
	right: 10px;
	color: #ccc;
	font-size: 0.8em;
}
.custom-pw input{
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 0 0 5px 5px;
	margin-top: -1px;
}
.digit{
	padding: 10px;
	border-radius: 5px;
	text-align: center;
}
.mt-1{
	margin-top: 10px;
}
.mt-2{
	margin-top: 20px;
}
.mt-3{
	margin-top: 30px;
}
.mt-4{
	margin-top: 40px;
}
.mt-5{
	margin-top: 50px;
}
.custom-btn{
	width: 100%;
	padding: 15px;
	text-align: center;
	border: 0;
	background-color: #0d9737;
	color: #fff;
	border-radius: 5px;
}
.lg-fb{
	text-align: center;
	color: #3b5998;
}
.lg-fb > span:before{
	background-image: url(fb.png);
	background-size: contain;
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.fg-pw{
	text-align: right;
	color: #3b5998;
}
.custom-tab{
	padding-bottom: 20px;
	color: #0d9737;
}
.custom-tab.lg{
	border-bottom: 2px solid #0d9737;
}