@media screen and (min-width: 916px) {


	
#flightregister {
	border-spacing: 0px;
	background: #FFFFFF;
	margin: 0px;
}

#flightregister thead tr th {
	border-bottom: 2px #144361 solid;
	border-right: 2px #144361 solid;
	text-align: center;
	vertical-align: center;
	height: 50px;
	font-weight: bold;
	font-size: 14px;
}

#flightregisterDataset, 
#flightregister thead, 
#flightregister tr {
  display: table;
  table-layout: fixed;
}

#flightregisterDataset, 
#flightregister tr {
	width: 100%;	
}

#flightregister thead {
	width: calc(100% - 16px);
}

#flightregisterDataset {
  display: block;
  overflow: auto;
  table-layout: fixed;
  height: calc(100vh - 100px - 150px);

}

#flightregisterDataset tr td {
	border-bottom: 1px #e8e8e8 solid;
	border-right: 2px #e8e8e8 solid;
	font-size: 14px;
	padding: 3px;
}
	
#flightregister .date, 
#flightregister .timeDeparture,
#flightregister .timeArrival,
#flightregister .POB,
#flightregister .flightType,
#flightregister .icaoFrom,
#flightregister .icaoTo,
#flightregister .aircraftRegistration,
#flightregister .aircraftType,
#flightregister .PIC,
#flightregister .remarks,
#flightregister .icon {
	text-align: center;
}
#flightregister .icon {
	width: 40px;
}
#flightregister .airfieldAction {
	padding-left: 25px;
	font-weight: bold;
}


#flightregisterDataset tr:hover {
	background: #E8F6FD;
}






.flag {
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center left;
	padding-left: 25px;
}
.airportName {
	font-size: 12px;
	color: #000;
}


.lnkAirportInfo {
	display: block;
	text-decoration: none;
	color: #1fa2ec;
}
.lnkAirportInfo:hover {
	font-weight: bold;
}



#airportInfoMap {
    height: 200px; /* The height is 400 pixels */
    width: 100%;

	margin-top: 25px;
	border-radius: 0px 0px 8px 8px;
}








.terminalLogin {
	display: flex;
	column-gap: 5px;
	align-items: stretch;
}



.terminalLogin div,
.terminalLogin form {
	flex: 15;
	text-align: center;
}

.terminalLogin span {
	flex: 1;
	text-align: center;
}

.terminalLogin span h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000000;
}






.btnCancelFlightreg {
	color: #CCCCCC;
}
.btnCancelFlightreg:hover {
	color: #000000;
}









#frmFlightRegistration {
	text-align: center;
}


.inputRow {
	display: flex;
	gap: 20px;
	margin-bottom: 8px;
}
.inputRow div {
	flex: 1;
}
.inputRow.rental {
	background: #EAF5FF;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px #BFE1FF solid;
	border-radius: 0px 0px 10px 10px;
}
.inputRow.rental.top {
	background: #EAF5FF;
	margin-bottom: 0px;
	padding: 5px;
	border-bottom: 0px;
	border-radius: 0px;
}
.inputRow.rental.bottom {
	background: #EAF5FF;
	padding: 5px;
	border-top: 0px;
}
.inputRow.rental input {
	margin: 0px;
}

.hobbsLeft,
.hobbsRight {
	border: 0px;
	border-radius: 0px;
	padding: 0px; 
	background: #FFFFFF;
	font-weight: bold;
	height: 20px;
}
.hobbsLeft::-webkit-outer-spin-button,
.hobbsLeft::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hobbsRight::-webkit-outer-spin-button,
.hobbsRight::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hobbsLeft {
	width: 50px;
	text-align: right;
	-moz-appearance: textfield;
	
}
.hobbsRight {
	width: 30px;
	text-align: left;
	-moz-appearance: textfield;
}
.hobbsHolder {
	background: #FFFFFF;
	padding: 2px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px #BFE1FF solid;
}

.rentalTitle {
	text-align: center;
	color: #144361;
	font-size: 24px;
	font-weight: bold;
	padding: 2px;
	border-radius: 10px 10px 0px 0px;
	background: #BFE1FF;
}


#frmFlightRegistration label {
	text-align: center;

}

#frmFlightRegistration input,
#frmFlightRegistration textarea,
#frmFlightRegistration select {
	text-align: center;

}


#frmFlightRegistration #icaoFrom,
#frmFlightRegistration #icaoTo {
	text-transform: uppercase;
}






#icaoFrom:focus,
#icaoTo:focus {
    outline: 2px #2883bd solid;
    outline-offset: -2px;
}

#icaoFrom:read-only,
#icaoTo:read-only {
    outline: 0px;
}

#frmOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
    display: none;
}

#result {
    min-height: 25px;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	display: none;

	
	-webkit-box-shadow: 0px 17px 29px 4px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 17px 29px 4px rgba(0,0,0,0.19);
    box-shadow: 0px 17px 29px 4px rgba(0,0,0,0.19);
    
    border-radius: 10px;


}



#airfieldSelection {
	border: 1px #CCC solid;
	border-radius: 10px;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 15px;
    background: #FFFFFF;
	position: absolute;
	top: 90px;
	display: block;
	width: calc(100% - 50px);
	
	
}
#airfieldSelection input {
	margin: 0px;
	border: 0px;
	height: 34px;
}
#airfieldSelection .svg {
	color: #2883bd;
	padding-top: 0px;
	font-size: 33px;
}

#searchResults {
    width: 100%;
    border-spacing: 0px;
}

#searchResults tr {
    cursor: pointer;
}
#searchResults tr:hover {
    background: #E8F6FD;
}

#searchResults tr td:first-of-type {
    border-radius: 10px 0 0 10px;
}
#searchResults tr td:last-of-type {
    border-radius: 0 10px 10px 0;
}

#searchResults td {
	font-size: 13px;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#searchResults td .material-symbols-outlined {
	font-size: 16px;
}
#searchResults .icaoCode{
	color: #2883bd;
	font-weight: bold;
}


#airfieldSelection:focus-within > #result {
    display: block;
}
#result:hover {
    display: block;
}






#terminalControl {
	display: flex;
	gap: 8px;
	position: fixed;
	bottom: 6px;
	left: 50%;
	margin-left: -300px;
	height: 56px;
	background: #144361;
	width: 600px;
	padding: 8px;
	z-index: 10;
	border-radius: 8px;
	
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
}

#terminalControl button {
	flex: 1;
	background: #2883bd;
	border: 0px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

#terminalControl button:disabled {
	background: #CCCCCC;
}

#terminalControl button span {
	font-size: 36px;
	color: #ffffff;
}





#flightControl {
	display: flex;
	gap: 8px;
	position: fixed;
	bottom: 70px;
	left: 50%;
	margin-left: -300px;
	height: 56px;
	background: #144361;
	width: 600px;
	padding: 8px;
	z-index: 10;
	border-radius: 8px;
	
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
}

#flightControl button {
	flex: 1;
	background: #2883bd;
	border: 0px;
	border-radius: 5px;
	
	text-align: center;
	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	
	cursor: pointer;
}

#flightControl button:disabled {
	background: #CCCCCC;
}

#flightControl button span {
	font-size: 36px;
	color: #ffffff;
}

#btnRegisterFlight {
	position: fixed;
	bottom: 25px;
	left: 25px;
	width: 200px;
}


#btnRegisterFlight span{
	position: absolute;
	left: 10px;
	bottom: 15px;
}




#airportStatus {
	background: #144361;
	color: #FFFFFF;
	padding: 10px;
	
	width: 600px;
	
	position: fixed;
	bottom: 134px;
	left: 50%;
	
	margin-left: -300px;
	
	border-radius: 8px;
	
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);

}

#airportStatus #vliegveldoverste,
#airportStatus #gedelegeerde {
	font-weight: bold;
}

#airportStatus .material-symbols-outlined {
	font-size: 20px;
	vertical-align: -4px;
	padding-left: 5px;
}

#airfieldStatusText {
	width: 100%;
	height: 120px;
	border: 1px #CCCCCC solid;
	border-radius: 8px;
}

.closed {
	background: red;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
	display: block;
	text-align: center;
}
.opened {
	background: green;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
	display: block;
	text-align: center;
}
.notConnected {
	background: #CCCCCC;
	color: #333333;
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
	display: block;
	text-align: center;
}


#flightLoggerError {
	display: none;
	border-radius: 10px;
	background: #FFFAEE;
	color: red;
	padding: 5px;
	margin-bottom: 8px;
}



.fields {
	display: flex;
	gap: 10px;
}

.field {
	flex: 1;
	margin-top: 20px;
}


.homeScreenBar.hidden {
	display: none;
}


	#calculateCostAlert {
		display: none;
		border-radius: 10px;
		background: #FFFAEE;
		color: red;
		padding: 5px;
		margin-bottom: 8px;
	}

	.PlusMinBtn {
		flex: 0;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 24px;
		flex-basis: 30px;


		background-image: linear-gradient(to bottom right, #077ea9, #03b7f9);
		border: 0px;
		color: #FFFFFF;
		border-radius: 6px;
		font-weight: bold;
		text-decoration: none;
	}






}