@import url('color_blue.css');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed');

shtml, body {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 2vh;
	background-color: var(--dark);
	padding: 0;
	margin: 0;
}
*{margin:0;padding:0;}

#login{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	text-align:center; 
	border:0px solid  var(--medium);
}
.error{background-color: #ffcccc;margin:10px 0 10px 8px;padding:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:23px;}
.error i{color:#ff0000;font-size:20px;padding:10px}
.success{width:300px;background-color: #55ff55;color:#000;margin:10px 0 10px 8px;padding:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:23px;}
.copy{font-size:11px;color:#A2D9F7;padding-top:30px;}
#refresh{
	font-size:30px;color:#fff;cursor:pointer;
}
#login .login-logo{width:5vh;}
#login .login-btn{
	float:right;
	padding:0.2vh 0vh 0vh 1vh;
	line-height: 6vh;
	border:0.7vh solid  var(--medium);
	font-size:5.5vh;
	cursor:pointer;
	text-decoration:none;
	margin-top:-4vh;
	margin-left:-6vh;
	background: var(--dark);
	color: var(--light);
	position:absolute;
	z-index:1;
	-moz-border-radius:6vh;
	-khtml-border-radius:6vh;
	-webkit-border-radius:6vh;
	border-radius:6vh;
}


#login .login-input {
		font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 3vh;
	padding: 4px 14px 6px 14px;
	-moz-box-shadow: 2px 2px 5px #789;
	-webkit-box-shadow: 2px 2px 5px #789;
	box-shadow: 2px 2px 5px #789;
	border-radius: 0px;		
	border:1px solid  var(--medium);
	margin:2px;
}

#login .login-text{color: var(--light);}

#ap-fly {
	display:block;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width:50vh;
	border:1px solid  var(--xdark);
	background-color:var(--white);
    z-index:2;
	box-shadow: 1px 1px 400px 400px var(--xdark);
}
#ap-fly div{padding:10px;}
.pagetitle {
	height: 35px;
	background-color: var(--dark);
	color:var(--light);
	font-size:2vh;
	font-weight: bold;

}
.pt_l{width:50vh;text-align: left;padding: 10px 0 0 10px;}
.pt_m{width:100vh;text-align:center;}
.pt_r{width:50vh;text-align:center;padding: 10px 10px 0 0;}
.pt_l i{font-size:3vw;}
button, a.button, .ap-btn, a.ap-btn, input[type="button"] {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 2vh;
	background: #00B5FE;
	color: #fff;
	cursor: pointer;
	padding: 4px 14px 6px 14px;
	-moz-box-shadow: 2px 2px 5px #789;
	-webkit-box-shadow: 2px 2px 5px #789;
	box-shadow: 2px 2px 5px #789;
	border-radius: 5px 5px 5px 5px;
}
button:hover, .ap-btn:hover {
	background: #057;
	opacity:1;
	color: #fff;
}
.app-lang-txt{background:none;color:var(--light);border:none;cursor:pointer;margin: 3px;}
.app-lang-txt:hover{color:var(--white);}
.app-lang-txt-active{font-weight: bold;}

.app-lang-img{width:30px;opacity:0.6;}
.app-lang-img:hover{opacity:1;}
.app-lang-img-active{opacity:1;}

.app-lang-sel{
  padding:5px;
	font-size:  15px;	
	background:var(--white);
	color:var(--medium);
	border:none;
}
.login-text{
	color: var(--light);
	}
.lgText{
	color: var(--light);
	background: transparent;
	border: none;
	cursor:pointer;
	margin:0 10px 0 10px;
}