html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{ 
	height: 100%; 
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{ 
	background-color: #fefefe;
	/*background-image:url('res/grey_bg.png');
	background-repeat: repeat;*/
	font-family: Arial, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	font-size: 100%; 
	line-height: 1; 
	color: #000;
	overflow:auto;
}

*{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

a {  background-color: transparent;}
a:active, a:hover {  outline: 0;}
hr {
  box-sizing: content-box;
  height: 0;
}


button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {  overflow: visible; color:#fff; border-radius:4px; padding:8px 14px; border:none; font-weight:bold; font-size:11pt;}

button, select {  text-transform: none;}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.not-shown{display:none!important;}
.unselectable{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;
}

.centertext {text-align:center!important;}
.textred {color: rgb(221,53,60);}
.floatright {float:right;}
.floatleft {float:left;}



.frame{position:relative; width:1200px; height:720px; margin:auto; /*outline:1px solid #eee;*/ }
.topbar{position:absolute;width:100%;left:0;top:0;height:40px;padding:5px 15px;}
.container{position:absolute;width:100%;left:0;top:0;bottom:0;right:0;}
.panel{margin:5px; display:inline-block;}
.elementspanel{width:196px; height:100%; font-size:9pt; color:#000;padding-top:40px;}
.activitypanel{position:relative; text-align:center; width:975px; font-size:9pt; color:#000; /*border:1px solid #ddd;*/}
.dragpanel{width:100%; padding:10px; background-color:#fff; border:1px solid #ddd; border-radius:5px; margin-top:10px;}
.btnpanel{width:100%; padding:10px; margin-top:10px; text-align:center;}
.dragoption{width:176px; height:26px; color:#fff; border:1px solid rgba(0,0,0,0.4); background-color:rgba(0,0,0,0.5); border-radius:5px; margin-bottom:5px; text-align:center; padding:5px; font-size:9pt; font-weight:normal; }
.station{width:420px; border-radius:7px; border:1px solid #ddd;text-align:left;}
.stationheader{background: rgb(255,232,205); font-weight:bold; vertical-align:middle; width:100%; padding:2px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.stationheaderfocus{background: rgb(242,173,104); font-weight:bold; vertical-align:middle; width:100%; padding:2px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.stationcode{background-color: rgba(50,93,152,1); border:1px solid rgba(29,53,87,1); border-radius:5px; color:#fff; padding:2px 4px; margin:0 4px; width:40px; display:inline-block;}
.stationcodefocus{background-color: #444; border:1px solid rgba(29,53,87,1); border-radius:5px; color:#fff; padding:2px 4px; margin:0 4px; width:40px; display:inline-block; font-weight:bold; font-size:11pt;}
.stationname{color:rgba(29,53,87,1); padding:2px 4px; display:inline-block;}
.stationnamefocus{color:rgba(0,0,0,1); padding:2px 4px; display:inline-block; font-weight:bold; font-size:11pt;}
.stationdrops{width:100%;padding:5px;}
.dropzone{background: rgb(239,239,239); border:1px solid rgba(50,93,152,1); width:200px; height:25px; margin:1px; display:inline-block; border-radius:5px;}
.numval{width:15px; height:18px; display:inline-block;}
.selequip{width:150px; height:20px; display:inline-block; border:none; padding:2px; margin:0; font-size:9pt; background:transparent;}
.drophover{background: rgb(255,255,255)!important; border-width:2px;}
.dropactive{background: rgb(250,242,229)!important;}
.txtnum{border:1px solid #333; width:20px; height:20px; margin-right:10px; float:left;}
.dragdropped{width:160px; height:26px; color:#000; text-align:left; padding:5px; font-weight:normal;}
.lightboxpanel{background: url('res/lightbox-bg.png') repeat; text-align:center; vertical-align:middle; padding:20px;}

.lightbox{
	margin: auto; 
	border:1px solid #AAA;
	border-radius:12px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.47); 
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.47);
	padding:2px;
	background-color:#fff;
	transform: translateY(50%);
	width:450px;
}


.lightbox-head{
	height:40px;
	vertical-align:middle;
	color:#fff;
	padding-top:10px;
	font-weight:bold;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.lightbox-body{
	padding: 20px;
	font-size:11pt;
	line-height:14pt;
	color:#000;
	text-align:left;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	
}

.bg-gr-blue{background: rgb(73,134,218); background: linear-gradient(180deg, rgba(73,134,218,1) 0%, rgba(50,93,152,1) 40%, rgba(29,53,87,1) 100%);}
.bg-gr-lightblue{background: rgb(197,217,241);background: linear-gradient(180deg, rgba(197,217,241,1) 0%, rgba(166,200,234,1) 100%);}
.bg-gr-yelloworange{background: rgb(250,242,229);background: linear-gradient(180deg, rgba(250,242,229,1) 0%, rgba(250,230,201,1) 100%);}
.bg-gr-red{background: rgb(219,46,52);background: linear-gradient(180deg, rgba(234,40,48,1) 0%, rgba(202,33,41,1) 100%);}
.ui-widget{border:none;}
.ui-widget-content{border:none;}


.aircraft{margin-top:30px;}

#L1{
	position:absolute;
	left:0px;
	top:40px;
}

h3{
	font-size:14pt;
	color: rgb(221,53,60);
	font-weight:bold;
	margin-bottom:10px;
}

p.info{line-height:12pt;margin-bottom:10px;}
u #countdown{	margin-bottom:15px;	}


/*-------------------Intro-----------------------*/


#loading{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/*background: url('res/loading-panel-bg.gif') repeat;*/
	background: linear-gradient(180deg, rgba(73,134,218,1) 0%, rgba(50,93,152,1) 40%, rgba(29,53,87,1) 100%);
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}

#loading img{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-125px;
}


#loading h4{
	position:absolute;
	left:50%;
	top:54%;
	margin-left:-56px;
	color:#fff;
	font-weight:bold;
}


#intro{
	background-image:url('res/intro-bg-wide.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}

.introcontent{
	position:relative;
	margin: 0 auto;
	margin-top:140px;
	width:56%;
	border:1px solid #AAA;
	border-radius:12px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.47); 
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.47);
	overflow:auto;
	padding:30px;
	min-height:430px;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,244,246,1) 100%);
}

.introtext{
	display:block;
	padding: 15px 0;
	font-size:10pt;
	line-height:13pt;
	margin-bottom:10px;
}

.inst{
	font-size:12pt;
	color:orange;	
}

.introtext ul{
	margin-left:20px;	
}

.intrologo{
	max-width:120px;	
}

.introplane{
	max-width:750px;	
}

.insttop, .instbottom{
	text-align:center;
	position:absolute;
	width:100%;
}

.insttop{
	top: 35px;	
}

.instbottom{
	bottom:50px;	
}


/*-------------------Topbar-----------------------*/

.redtext{color:rgb(219,46,52);}
.greentext{color:rgb(6,182,52);}
.borderblack{border: 1px solid #AAA;}
.fontbold{font-weight: bold;}
.borderred{border: 1px solid rgb(219,46,52)!important;}
.redbg{background-color: rgb(219,46,52)!important;}



.heading{
	display:block;
	font-family:'EK03Plain-B01', Arial, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	font-size:14pt;
}

#countdown div:first-child{
	border-left-radius:5px;
}

#countdown div:last-child{
	border-right-radius:5px;
}

@keyframes blinkingBackground{
		0%		{ background-color: rgb(50,93,152);}
		25%		{ background-color: rgb(219,46,52);}
		50%		{ background-color: rgb(50,93,152);}
		75%		{ background-color: rgb(219,46,52);}
		100%	{ background-color: rgb(50,93,152);}
}
.blink{
		animation: blinkingBackground 1s infinite;
	}

.blinkfast{
		animation: blinkingBackground 0.5s infinite;
	}

	
/*------------------------results-----------------*/

.results{background-color:#fff; color:#000;}
.resultdetailspanel{width:100%; padding:10px; background-color:#fff; border:1px solid #ddd; border-radius:5px; margin-top:10px; min-height:400px; }
#resulttext h2{font-size:18pt;line-height:21pt;}
#resultinfo h4{font-size:14pt;line-height:18pt;}
#resulttext, #resultinfo{padding:5px; margin-bottom:15px;}
.resultbtn{width:174px;}
.scoretext, .scoreval, .passval {font-weight:bold;}


.equipnum{display:inline-block; font-size:9pt; margin:3px; width:22px; height:17px; background-color: #fff; text-align:center; vertical-align:middle; padding-top:1px; }
.equipname{display:inline-block; font-size:9pt; margin:3px; padding-top:2px;}

.deck1review, .deck2review {margin-top:10px;}

.smallnote{
	position:absolute;
	top:45;
	right:15;
	width:400px;
	color:red;
	font-size:9pt;
	line-height:12pt;
	font-style:italic;
	text-align:left;
}