@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v4/lr6Pb3GuskYO6A0ddSEJcvesZW2xOQ-xsNqO47m55DA.woff) format('woff'); }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v4/KOAvUwfoM3DiLr6_Ac8qkg.woff) format('woff'); }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v4/dr9AO_oRJOJvBo3VnoPe1_esZW2xOQ-xsNqO47m55DA.woff) format('woff'); }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v4/dwBNC4Sd5CDAYmaqw1hU7PesZW2xOQ-xsNqO47m55DA.woff) format('woff'); }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: local('Rubik Black'), local('Rubik-Black'), url(https://fonts.gstatic.com/s/rubik/v4/sTiPQxXk0M6XQ-AVBh7ef_esZW2xOQ-xsNqO47m55DA.woff) format('woff'); }

body {
	background: #f2f7f8;
	font-family: "Rubik",sans-serif;
	font-size:11pt;
	margin: 0;
	overflow-x: hidden;
	overflow-y: hidden;

	color: #54667a;
	font-weight: 300;
	padding:0;margin:0;
}

a:hover, a:focus {
	text-decoration: none;
}

a.link {
	color: #54667a;
}

a.link:hover, a.link:focus {
	color: #009efb;
}

h1, h2, h3, h4, h5, h6 {
	color: #2c2b2e;
	font-family: "Rubik",sans-serif;
	font-weight: 400;
}

#header {
	position: absolute;
	left: 0px;
	top: 0;
	right: 0px;
	height: 129px;
	background: -moz-linear-gradient(top, #ffffff 15%, #0080ff 100%);
	background: -webkit-linear-gradient(top, #ffffff 15%, #0080ff 100%);
	background: -ms-linear-gradient(top, #ffffff 10%, #0080ff 100%);
	border-bottom:solid 1px #fff;
}

#appLogo {
	position: absolute;
	top: 20px;
	left: 30px;
	background-image: url(/images/logo_267_90.png);
	background-repeat: no-repeat;
	width: 267px;
	height: 90px;
}

#appTitle {
	display:none;
}
#shaderTitle {
	font-family:arial;
	position: absolute;
	top: 20px;
	left: 20px;
	color: #000;
	width:220px;
	font-size: 14pt;
	word-wrap:break-word;
}

#appDesc {
	position: absolute;
	top: 28px;
	left: 10px;
	display: none;
	font-size: 10pt;
}


#appMenu {
	font-family: "Rubik",sans-serif;
	font-size: 14pt;
	overflow-x: hidden;
	position: absolute;
	top: 45px;
	left: 400px;
	z-index: 1;
}

#content {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 130px;
	bottom: 34px;
	border-left: solid 1px #e9edee;
	background-color: #f2f7f8;
}

#appMenu > a.appm {
	display: inline-block;
	color: #000;
	margin:4px;
	padding: 8px 18px 7px 12px;
	text-decoration: none;
	box-sizing: border-box;
}

	#appMenu > a.appm:hover {
		color: #000;
		background-color: #c6e2ff;
	}
#appMenu > a.selected {
	color: #fff;
	border-bottom: solid 2px #fff;
	font-size: 18px;
	background-color: #178bff;
	border-radius: 3px;
	
}


a.appm > .ax-ico {
	font-size: 12pt;
	margin-left: 8px;
	margin-right: 4px;
	width: 26px;
}

#appLinks {
	position: absolute;
	top: 95px;
	right: 10px;
}

#appLinks > a.appl {
	text-decoration: none;
	color: #FFF;
	margin: 3px;
	padding: 0 5px;
}

#appLang > a.lang {
	text-decoration: none;
	color: #000;
	margin: 3px;
	padding: 0 2px;
}

#appLinks > a.appl:hover, #appLinks > a.selected {
	color: #fff;
	border-bottom:solid 2px #fff148;
}
#appLang > a.lang:hover, #appLang > a.selected {
	color: #0066cc;
	border-bottom: solid 2px #349aff;
}

#appLang {
	position: absolute;
	top: 3px;
	right: 5px;
	font-size: 10pt;
	color: #FFF;
}

.lang-flag {
	margin-left: 6px;
}

#footer {
	position:absolute; bottom:0px;left:0px; right:0px;
	height:34px;
	font-family:'Lucida Sans Unicode';
	font-size:10pt;
	color: #333;
	background-color:#f2f7f8;
}
#adminButton { position:relative; left:5px; top:10px; font-size:14pt; line-height:1px; color:#333; cursor:pointer; margin-right:5px; }
#copyright { position:relative; left:5px; top:8px; }
#userInfo {
	position:absolute; right:20px; top:9px;
	font-size:10pt;font-family:Verdana;
}
#userName,#userRole {
	margin-left:5px;
	margin-right:25px;
	font-weight:bold;color:#333;
}
#loginButton {
	position:absolute;right:6px;top:6px;
	cursor:pointer;
	color:transparent;
	text-indent:-30px;
	width: 24px; height: 24px;
}
.Login { background-image: url(images/login24.png); }
.Logout { background-image: url(images/logout24.png); }

#rolesBtn { position: absolute; right: -15px; bottom: -1px; }
#appEvents { position:absolute; top:45px; left:10px; color:#cce7f3; cursor:default; }

#LoginWindow { margin: 80px auto 0 auto; width: 520px; }
#LoginWindow > .axdlg-body { padding: 5px 10px 10px 10px; }

#shaderLoader { background-image: url(images/loader.gif); width: 90px; height: 92px; margin: 25% auto 0 auto; }
/*
@media screen and (max-width: 700px) {
	body {overflow-x: scroll; }
	#header, #content, #footer {width: 1200px;}
	#LoginWindow {margin: 50px 10px;}
}
*/
#startHeader {text-align:center;position:absolute;top:18%;width:100%;font-size:24pt;color:#fff;}
#startMenu {text-align:center;margin:18% auto 0 auto;width:50%;}
#startMenu>.appm {color:#fff;font-size:16pt;display: inline-block;padding: 14px 8px 14px 5px;text-decoration: none;box-sizing: border-box;}
#startMenu > .appm:hover {color: #ffff80;}
#startMenu > a.appm > .ax-ico {font-size: 26pt;margin-left: 8px;margin-right: 4px;width: 50px;}
#startFooter { position: absolute;bottom: 0px;right: 0px;width: 240px;height: 80px;font-family: 'Lucida Sans Unicode';font-size: 10pt;color: #d2d2d2;}