/* CSS Document */
* { padding:0; margin:0; box-sizing: border-box; }
body {
	background: #138DCE url(./images/adminbg4.jpg) no-repeat top center;
	
}

.logindiv {
	position: relative;
	width:100%; max-width:800px; height:400px;
	margin:0 auto;
	top:calc(50vh - 200px);
}

.brand {
	float:left; margin-top:60px;
	-webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.5));
}

.loginform {
	background-color:aliceblue;
	width:320px; float: right; margin-top:100px;
	border-radius: 5px;
	-webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.5));
}
.loginform>.head { background: rgba(255,255,255,0.5); text-align: center; line-height: 40px; position: relative; border-radius: 5px; }
.loginform>.head .icon { position: absolute; left:48px; top:5px; height:30px; border-radius: 50%;}
.loginform a+a { margin-left:5px;}
.loginform table { width:90%; font-size:80%; letter-spacing: 1px;}
.loginform table th { text-align: right; line-height: 20px; }
.loginform table td { padding:5px 0; }
.loginform table td>input { width:100%; line-height: 20px;  } 
.loginform td[colspan] { text-align: right; }
.loginform button { padding:5px 10px; border-radius: 10px;}