@font-face {
	font-family: 'Exo 2';
	src: url("/fonts/Exo2-Regular.woff2") format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inconsolata';
	src: url("/fonts/Inconsolata-Regular.woff2") format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html {
  scroll-behavior: smooth;
}
body
{
	color:#202020;
	background-color:white;
	font-size:1.1em;
	margin:0;
	padding:11vh 0 12vh 0;
	text-align:left;
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
}
@media print {
	body { padding:0; margin:0 10mm 0 20mm; }
}
body.sky
{
	background-image: url("/images/frontpage.jpg");
	background-size: cover;
	background-color:#002959;
}
h1
{
	font-size:1.6em;
	padding-left:3vw;
	padding-right:3vw;
}
h1.c {
	text-align:center;
}
h2
{
	font-size:1.3em;
	color:green;
	padding-left:3vw;
	padding-right:3vw;
}
h3 {
	color:green;
	padding-left:3vw;
	padding-right:3vw;
}
a
{
	text-decoration:none;
	color:green;
}
p {
	padding-left:3vw;
	padding-right:3vw;
}
input, select
{
	width:80vw;
	max-width:80vw;
	/* height:30px; */
	height:2.1em;
	font-size:16px;
	margin:0 auto 0 auto;
	display:block;
	/* padding:10px; */
	padding:0.3em;
	background-color:#F5F5FF;
	border:1px solid #002959;
	border-radius:3px;
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	color:black;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}



/*select {
	width:75vw;
	height:2.3em;
	margin:auto;
	display:block;
	
	background-color:#F5F5FF;
	border:1px solid #002959;
	padding:0.4em;
	border-radius:3px;
	font-size:16px;
	color:black;
}*/
option:checked {
	background-color:#336699;
	color:white;
}
::placeholder {
	color:#B0B0BB;
	font-size:16px;
}
table { border-collapse:collapse; }
td { padding: 1vh; }
button
{
	color:white;
	font-size:1em;
	font-weight:normal;
	margin:auto;
	display:block;
	background-color:#336699;
	border:1px solid #002959;
	border-radius:1vw;
	padding:0.4em 0.8em 0.4em 0.8em;
	
}
button:active {
	background-color:#002959;
}
button i {
	margin-right:0.8em;
	font-size:0.9em;
}

div.formDiv {
	width:80vw;
	margin:0 auto 0 auto;
	text-align:left;
}
div.formDiv label {
	color:#336699;
	font-size:0.8em;
	margin-top:1vh;
	display:block;
}
div.formDiv label:first-of-type {
	margin-top:0;
}

div.formDiv select,
div.formDiv input {
	width:100%;
}



/* ERROR PAGE FORMATTING */
h1.e404, 
h2.e404
{	color:red; text-align:center; }
p.e404
{	text-align:center; }
img.e404
{
	display: block;
  margin-left: auto;
  margin-right: auto;
	max-width:50vw;
	max-height:40vh;
}

#cookieDisclaimer {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:black;
	z-index:10;
	opacity:0.6;
	visibility:visible;
}
#cookieDisclaimer.accepted,
#cookieText.accepted {
	visibility:hidden;
	z-index:-10;
}
div#cookieText {
	margin:auto;
	display:block;
	color:black;
	background-color:white;
	border:2px solid green;
	border-radius:1vw;
	width:80vw;
	opacity:1;
	z-index:20;
	position:fixed;
	left:10vw;
	top:20vh;
	text-align:left;
	
}
#cookieText #cookieButton {
	cursor:pointer;
	background-color:green;
	width:40vw;
	max-width:80vw;
	margin:auto;
	display:block;
	margin-bottom:20px;
	text-align:center;
	color:white;
	padding:10px;
	border-radius:1vw;
}
#cookieText #cookieButton i {
	padding-right:10px;
}
#cookieText div:last-of-type {
	text-align:center;
	padding-bottom:1em;
	padding-top:1.5em;
}
#cookieText div:last-of-type > a {
	padding:0.5em;
}
.navbar-menu {
	position:fixed;
	right:5px;
	top: 9vh;
	background-color:white;
	border:1px solid #002959;
	border-top:none;
	max-width:80vw;
	min-width:50vw;
	visibility:hidden;
	opacity:0;
	transition: visibility 1s, opacity 0.3s linear;
	box-shadow: 0px 3px 6px -1px #888;
	-moz-box-shadow:0px 3px 6px -1px #888;
	-webkit-box-shadow:0px 3px 6px -1px #888;
	padding:0;margin:0;
	z-index:11;
}
.navbar-menu.active { 
	visibility:visible;
	opacity:1;
}
.navbar-menu a { 
	display: block;
	background-color:#F5F5FF;
	color:#002959;
	padding:12px 15px 12px 15px;
	border-bottom:1px solid #ccccee;
}
.navbar-menu a:last-of-type { border-bottom:none; }
.navbar-menu a.logout { color:red; }
.navbar-menu i {
	margin-right:0.8em;
	font-size:0.9em;
	opacity:0.7;
}
.bottombar-menu {
	position:fixed;
	right:5px;
	bottom: 7vh;
	background-color:white;
	border:1px solid #002959;
	max-width:80vw;
	min-width:50vw;
	visibility:hidden;
	opacity:0;
	transition: visibility 1s, opacity 0.3s linear;
	box-shadow: 0px 3px 6px -1px #888;
	-moz-box-shadow:0px 3px 6px -1px #888;
	-webkit-box-shadow:0px 3px 6px -1px #888;
	padding:0;margin:0;
	z-index:11;
}
.bottombar-menu.active { 
	visibility:visible;
	opacity:1;
}
.bottombar-menu a { 
	display: block;
	background-color:#F5F5FF;
	color:#002959;
	padding:12px 15px 12px 15px;
	border-bottom:1px solid #ccccee;
}
.bottombar-menu a:last-of-type { border-bottom:none; }
.bottombar-menu a.current_lang { color:red; }
.bottombar-menu img { padding-right:10px; position:relative;top:2px;}

#pageContents
{
	max-width:100vw;
}
div.frontpage, 
div.forgotpage {
	text-align:center;
}
div.frontpage:first-child, 
div.forgotpage:first-child {
	margin-top:12vh;
}
div.frontpage > p:nth-of-type(2) > i {
	font-size:2em;
	padding:0.15em;
	margin-bottom:1em;
	color:#336699;
}
div.frontpage > p:first-of-type > i {
	font-size:7em;
	margin-left:0.2em;
	color:white;
	text-shadow: 0px 3px 6px #888;
}
/*
div.frontpage > div:last-of-type {
	position:fixed;
	margin:auto;
	width:100vw;
	background-color:white;
	top:50vh;
	left:0;
	color:black;
	height:4vh;
	opacity:0.5;
	line-height:4vh;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
} */
div.forgotpage > i:first-of-type {
	font-size:5em;
	margin-bottom:0.2em;
	color:green;
}

#burger
{
	cursor:pointer;
}
div#topbar
{
	background-color:#002959;
	color:white;
	box-shadow: 0px 3px 6px 1px #bbb;
	-moz-box-shadow:0px 3px 6px 1px #bbb;
	-webkit-box-shadow:0px 3px 6px 1px #bbb;
	position:fixed;top:0;left:0;
	width:100vw;
	height:9vh;
	z-index:10;
}
div#topbar a { color:white;	text-decoration:none; padding-left:5px;}
div#topbar a:hover { color:#b0b0b0; }
div#topbar a:visited { color:white; }

div#topbar table { width:100%;	height:100%; }
div#topbar table img { max-height:7vh; vertical-align:middle;}

div#topbar table td:last-of-type { text-align:right; padding-right:20px;font-size:1.3em;width:35px;}
div#topbar a.loginbutton { border:1px solid white; padding:3px 15px 4px 15px;border-radius:2px;}

div#topbar.loggedin table td:first-of-type { width:35px;}
div#topbar.loggedin table td:nth-of-type(2) { padding-left:10px;text-align:left;}
div#topbar table td:nth-of-type(2) { padding-right:10px;text-align:right;}

div#topbar div#fullName
{
	font-size:0.9em;
}
div#topbar div#orgName
{
	font-size:0.7em;
}

div#bottombar
{
	position:fixed;bottom:-1px;left:0;
	width:100vw;
	height:7vh;
	text-align:right;
	box-shadow: 0px -3px 6px -1px #bbb;
	-moz-box-shadow:0px -3px 6px -1px #bbb;
	-webkit-box-shadow:0px -3px 6px -1px #bbb;
	background-color:#eee;
	color:#666;
	display: table;
	z-index:10;
	
}
@media (display-mode: standalone) {
   div#bottombar {
    height:9vh;
   } 
   div#bottombar > div {
		padding-bottom:2vh;
	}
}
@media print {
	div#topbar { display:none; }
	div#bottombar { display:none; }
}
div#bottombar > div {
	display: table-cell;
	text-align:center;
	font-size:1.3em;
	vertical-align:middle;
}



div#bottomlinks
{
	width:100vw;
	text-align:right;
	box-shadow: 0px -3px 6px -1px #bbb;
	-moz-box-shadow:0px -3px 6px -1px #bbb;
	-webkit-box-shadow:0px -3px 6px -1px #bbb;
	background-color:#eee;
	color:#777;
}

#transactionList
{
	font-size:0.75em;
	border-collapse:collapse;
	width:100%;
	/*border:1px solid #336699;*/
}
.neg { color:red; }
#transactionList tr:nth-child(odd)
{
	background-color:#f7f7ff;
}
#transactionList tr:last-of-type
{
	color:#336699;
	font-weight:bold;
}
#transactionList td
{
	border-bottom:1px solid #ccccee;
	padding:0.8em 0.2em 0.8em 0.2em;
	letter-spacing:-0.05em;
	white-space: nowrap;
	height:4vh;
}
#transactionList th
{
	background-color:#336699;
	padding:0.8em 0.3em 0.8em 0.3em;
	height:4vh;
	vertical-align:middle;
	color:white;
	font-weight:normal;
	letter-spacing:0.1em;
}

#transactionList td:nth-of-type(1) { white-space: nowrap; }
#transactionList td:nth-of-type(2) { text-align:left; padding-right:0.2em; max-width: 135px;
	overflow: hidden;
	text-overflow: ellipsis;}
#transactionList td:nth-of-type(3),
#transactionList td:nth-of-type(4) { white-space: nowrap; text-align:right;	width:8vw;	padding-left:10px; }
#transactionList td:nth-of-type(5) { text-align:center;color:#336699;font-size:1.1em; width:2vw;}


#transactionList th:nth-of-type(3),
#transactionList th:nth-of-type(4) { text-align:right; }

#transactionList tr.initialBalance td:nth-of-type(2) { text-align:right; font-weight:normal;}
#transactionList tr.initialBalance td { border-bottom:1px solid #336699;letter-spacing:0.1em;}

div.transactionsSummary {
	margin-left:3vw;
	margin-right:3vw;
}

div.transactionsSummary > div {
	float:left;
	width:46vw;
	margin-bottom:1em;
}
div.transactionsSummary > div:last-of-type {
	float:right;
	text-align:right;
}
div.transactionsSummary > div > span {
	font-weight:bold;
}


.lobbyContents > div {
	padding:1em;
	margin-left:3vw;
	margin-right:3vw;
	border:1px solid #ccc;
	border-radius:0.5em;
	background-color:#F5F5FF;
	margin-top:2vh;
}
.lobbyContents > div.red {
	background-color:red;
	color:white;
}

.eachRemarkList {
	/**/
}
.eachRemarkList > div {
	margin-left:3vw;
	margin-right:3vw;
	border:1px solid #777;
	background-color:#F5F5FF;
	margin-top:2vh;
	clear:both;
	box-shadow: 0px 3px 6px -1px #888;
	-moz-box-shadow:0px 3px 6px -1px #888;
	-webkit-box-shadow:0px 3px 6px -1px #888;
	padding:0;
}
.eachRemarkList > div > table {
	width:100%;
	background-color:#fafafa;
}
.eachRemarkList > div > table td {
	padding:1em;
}
.eachRemarkList > div > table td:first-of-type{
	width:2vw;
	height:100%;
	padding:0;
}
.eachRemarkList > div.remCat_2 > table td:first-of-type{
	background-color:red;
}
.eachRemarkList > div.remCat_1 > table td:first-of-type{
	background-color:#F0F060;
	border-right:1px solid yellow;
}


.eachRemarkList > div > table td div:last-of-type {
	font-size:0.7em;
	text-align:right;
	width:100%;
	margin-top:1em;
}

.remarkAircraftList {
	width:100%;
	letter-spacing:-0.03em;
}
.remarkAircraftList i {
	padding:0.5em;
	font-size:0.7em;
}
.remarkAircraftList td {
	height:6vh;
	border-top:1px solid #666;
	box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.2);
	white-space:nowrap;
	text-align:left;
}
.remarkAircraftList tr:last-of-type td {
	border-bottom:1px solid #666;
}
.remarkAircraftList td:last-of-type {
	text-align:right;
}
.remarkAircraftList td:first-of-type {
	width:1vw;
	padding:0;
}
.remarkAircraftList tr.objStatus_2 > td:first-of-type {
	background-color:red;
	background: linear-gradient(to bottom, #aa5555, #ee3333, #aa5555);
}
.remarkAircraftList tr.objStatus_2 > td:nth-of-type(2),
.remarkAircraftList tr.objStatus_2 > td:nth-of-type(3) {
	background-color:#FFE8E8;
}
.remarkAircraftList tr.objStatus_1 > td:nth-of-type(2),
.remarkAircraftList tr.objStatus_1 > td:nth-of-type(3) {
	background-color:#FFFFE8;
}
/*.remarkAircraftList tr.objStatus_ > td:nth-of-type(2),
.remarkAircraftList tr.objStatus_ > td:nth-of-type(3),
.remarkAircraftList tr.objStatus_0 > td:nth-of-type(2),
.remarkAircraftList tr.objStatus_0 > td:nth-of-type(3) {
	background-color:#F2FFF2;
}
*/
.remarkAircraftList tr.objStatus_1 > td:first-of-type {
	background-color:yellow;
	background: linear-gradient(to bottom, #aaaa55, #eeee33, #aaaa55);
}
/*
.remarkAircraftList tr.objStatus_ > td:first-of-type,
.remarkAircraftList tr.objStatus_0 > td:first-of-type {
	background-color:green;
	background: linear-gradient(to bottom, #559955, #33dd33, #559955);
}
*/

div.supportText {
	margin-bottom:3em;
}
div.supportText h2>i:last-of-type {
	margin-right:0.8em;
}
div.supportText p:last-of-type > a {
	margin-left:0.5em;
	letter-spacing:-1px;
}
.fa-external-link {
	margin-left:0.5em;
}
div.logout {
	text-align:center;
	margin-top:20vw;
}
div.logout > p:first-of-type {
	color:#CC3333;
	font-size:2em;
}
div.loginErrors > p {
	color:red;
	text-align:center;
}
div.login > div:last-of-type {
	text-align:center;
	margin-top:3em;
	font-size:0.8em;
}
div.login label.rememberMe {
	display:flex;
	align-items:center;
	gap:0.6em;
	width:80vw;
	margin:0.5em auto 1.5em auto;
	font-size:0.85em;
	cursor:pointer;
}
div.login label.rememberMe input {
	width:1.3em;
	height:1.3em;
	margin:0;
	padding:0;
	flex-shrink:0;
}

div.errorMessage {
	color:red;
	margin:auto;
	width:80vw;
	background-color:#FCFFB9;
	color:red;
	border:3px solid red;
	border-radius:2vw;
	text-align:center;
	padding:1em;
	margin-top:20vh;
	box-shadow: 0px 3px 6px -1px #888;
	-moz-box-shadow:0px 3px 6px -1px #888;
	-webkit-box-shadow:0px 3px 6px -1px #888;
}
div.errorMessage > div:first-of-type {
	font-size:3em;
	margin-bottom:3vh;
}
div.windowConfirmationContents {
	text-align:center;
	margin-top:4vh;
}
div.windowConfirmationContents > p.caution {
	color:red;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5vh;
}
.touch {
	cursor:pointer;
}
.touch:hover,
.touch:active {
	background-color:#336699;
	color:#ffffff;
}