.bg {
		display: flex;
		position: absolute;
		width: 100vw;
		height: 100vh;
		background-color: rgba(255, 255, 255, 0.4); 
  		backdrop-filter: blur(4px);    
  		-webkit-backdrop-filter: blur(4px); 
  		color: #fff;
	}
	
@media ( orientation : landscape) {
	body{
		background: url(../images/appbg.jpg) !important;
		background-size: cover !important;
  		background-position: center !important;
  		background-repeat: no-repeat !important;
	}
	.loginicon{
		display: inline-flex;
		width: 6em;
		height: 6em;
		float: left;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
	}
	.loginicon img{
		display: block;
		width: 6em;
		height: 6em;
	}
	
	.wloginbox{
		width: 28em !important;
	}
	
	.bottommsg{
		display: inline-flex;
		width: calc(100% - 4em);
		margin-top: 1em;
		height: auto;
		float: left;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	clear: both;
	}
}

@media ( orientation : portrait) {
	body{
		background: url(../images/appbg.jpg) !important;
		background-size: cover !important;
  		background-position: center !important;
  		background-repeat: no-repeat !important;
	}
}