/* login page */
.login {background:#eee;}
.login form {margin:7em auto 0 auto; padding:0; text-align:center;}
.login form label {display:block; font-size:2em; color:#888;}
.login form input {font-size:1.5em; margin:0 auto 1.5em auto; padding:.5em 0 .2em .5em; border:.1em solid #aaa; background:#fff;}
.login form input[type=submit] {display:block; width:5em; padding:.2em 1em; clear:both; background:#0e76bd; color:#fff; border:none;}

#login-as {font-family:arial; background:red; color:#fff; width:25em; margin:0 auto 1em auto; padding:.5em; border:2px solid red; border-radius:3px;}
#login-as h3 {text-align:center; font-weight:200; font-size:2em;}
#login-as li {color:#fff;}
#login-as a {line-height:175%; color:#fff; text-decoration:none;}
#login-as a .fullname {font-weight:700;}
#login-as a .groups {float:right;}

/* samsung galaxt tab 3 */
@media screen (min-resolution: 169dpi) {   
	.login form {margin-top:7em; max-width:35em; xbackground:red;}
	.login form label {font-size:3em;}
	.login form input {font-size:2.5em; width:90%; padding:.3em;}
	.login form input[type=submit] {width:5em; padding:.3em .6em;}
}


/* mobile, htc m8 and iphone 5 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {   
   	.login form {margin:4em auto; max-width:25em;}
	.login form label {font-size:1.5em;}
	.login form input {font-size:1.5em; width:90%;}
	.login form input[type=submit] {width:5em; padding:.5em 1em;}
}