html,body{
	width:100%;
	height:100%;
	margin:0;padding:0;
}
body{
	background-image:url('img/bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	/* background-position:center center; */
	background-attachment: fixed;
}

#pageHeader{
	height:125px;
	padding:0 10px 0 10px;
	background-color: #fff;
}
#pageHeader img{width:200px;}
#pageHeader input[type=text]{
	border-radius:4px;
	padding:12px;
	font-size:11pt;
	width:100%;
	color:#aaa;
	border:none;
	background-color:#f8f8f8;
}

#pageBody{
	top:55px;
	bottom:75px;
	padding:0 10px 0 10px;
}

#pageBody .wrapper{
	padding:10px;
}

#pageFooter{
	height:75px;
	bottom:0;
	background-color:#fff;
	padding:0 10px 0 10px;
}

#pageHeader .wrapper,
#pageFooter .wrapper{
	display:table;
	height:inherit;
	width:100%;
	table-layout:fixed;
}

#pageHeader .wrapper .column,
#pageFooter .wrapper .column{
	display:table-cell;
	height:inherit;
	vertical-align:middle;
	padding:0 10px 0 10px;
}

#frmLogin{max-width: 400px;margin:0 auto;}
#frmLogin h1{font-size:12pt;font-weight:bold;margin:10px;}
#frmLogin input[type=text],
#frmLogin input[type=password]{padding:10px;height:auto;border-radius: 5px;}
#frmLogin div{margin:10px 0 10px 0;}

img{width: 60%;}

.formwhite{box-shadow: 0 0 6px 0 rgba(0,0,0,.12)!important;background-color: #fff;padding: 2rem;}

.btn-login{border-radius: 5px;height: 43px;font-size: 1.1rem;font-weight: 500;}
.line-text{width: 100%;text-align: center;border-bottom: 1px solid #ddd;line-height: 0.1em;margin: 25px 0 25px !important;}
.line-text span{background:#fff;padding:0 10px;color: #828282;}
.btn-login-social{font-size: 1.1rem;color:#4e4e4e;font-weight: 500;background-color: white;height: 43px;border: solid 1px #ddd;border-radius: 5px;padding: 8px;margin: 10px 0;}
.btn-login-social img{float: left;width: 20px;vertical-align: middle;margin-top: 2px;}
#frmLogin #formvendor{display:none !important;}
@media (max-width: 768px){
	#frmLogin #formvendor{display:block !important;}
}