@font-face {
	font-family:"LCD";
	src: url("LCD.ttf");
}

body{
	background-image: url('../img/IMG_BCK.jpg');
}

.HEADER{
	float:left;
	width:100%;
	height:10%;
	min-height:60px;
	border-bottom:1px solid gray;
	padding:2px;
}

.PanAeroLogo{
	float:left;
	margin-left:50px;
	margin-right:50px;
	height:95%;
}

.CLOCK_CONTAINER{
	width:40%;
	float:right;
	height:95%;
	justify-content: center;
	display:flex;
}

.CLOCK{
	background-color:black;
	border:1px solid gray;
	color:red;
	font-family: 'LCD';
	width:150px;
	height:100%;
	float:right;
	margin-right:auto;
	margin-left:auto;
}

#SEA_TEMP{
	float:right;
	margin-right:15px;
	font-family: Verdana;
	font-size:x-small;
	color:black;
}

#stardate{
	float:right;
	margin-right:20px;
	font-family: Verdana;
	font-size: x-small;
	color:black;
}

.CLOCK .label{
	font-size:small;
	width:100%;
	text-align: center;
	margin-top:1px;
}

.CLOCK .digits{
	font-size:xx-large;
	width:100%;
	text-align: center;
	margin-top:-6px;
}

.AIRCRAFT_STATUS{
	float:left;
	margin-left:5px;
	width:30%;
	height:88%;
	opacity:0.8;
}

#AC_DATA_TABLE{
	border:1px solid black;
	border-collapse: collapse;
	margin-top:5px;
	width:100%;
}

#AC_DATA_TABLE th{
	background-color: gray;
	color:white;
	font-family:Verdana;
	font-size:smaller;
	text-shadow: 1px 1px 0px black;
}

#AC_DATA_TABLE td,#FUEL_STATUS_TABLE td{
	font-family: Verdana;
	font-size:small;
	color:black;
	background-color: white;
}

#FUEL_STATUS_TABLE{
	border:1px solid black;
	border-collapse: collapse;
	margin-top:15px;
	width:100%;	
	table-layout: fixed;
}

#FUEL_STATUS_TABLE th{
	background-color: gray;
	color:white;
	font-family:Verdana;
	font-size:x-small;
	text-shadow: 1px 1px 0px black;	
}


.RADAR_CONTAINER{
	margin-top:15px;
	width:100%;
	overflow:hidden;
	height:400px;
	max-height:280px;
	position:relative;
}

#RADAR{
	width:100%;
	height:auto;
	position:absolute;
	top:-40px;
	/*object-fit:contain;*/
}

.METAR_TAF_CONTAINER{
	float:left;
	width:33.2%;
	margin-left:10px;
	margin-top:5px;
	font-family: verdana;
	background-color: white;
	opacity:0.5;
	color:black;
	font-size:x-small;	
	height:88%;
	overflow:hidden;
	align-items: center;
	border-radius:5px;
}

#METAR_TAF{
	width:97%;
	height:97%;
	margin:auto;
	margin-top:3px;
}


.SWL_CONTAINER{
	float:right;
	width:35%;
	height:88%;
	margin-top:5px;
	text-align: center;
	overflow:hidden;
}

#SWL_PLW{
	width:100%;
	margin-top:45%;
	text-align:center;
	font-family:Verdana;
	font-size:small;	
}

.SWL_CONTAINER > img{
	width:100%;
	height:100%;
	object-fit:contain;
}