/* ================================
   Airport Table Styles
   ================================ */

			/* airportTable styles here */


			/* Style for my preferred FONT */
				.myfont {
					font-family: Arial, sans-serif;
				}

			/* Style for my preferred FONT using Verdana*/
				.myfont-verdana {
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}

			/* Style for PAGE */
				.my-page {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					width: 100%	;	/* Adjusts the page width */
				}

			/* Style for tables of text PARAGRAPHS */
				#my-td-paragraphs-verdana {
					border-style: none	;
					font-size: 11.5px	;
					line-height: 1.2em	;
					padding-left: 25px	;
					padding-right: 25px	;
					text-align: left	;
				}

			/* Style for my 2 pictures in upper-right corner of page */
				#my-td-self-pictures {
					text-align: right	;
					vertical-align: top	;
					white-space: nowrap	;
				}

			/* Style for table for CIVILIAN Airports */
				.my-table-aircraft-civil-verdana {
					border			: 15px solid #00FF00	;
					border-radius	: 20px					;
					font-size		: 11.5px				;
					line-height		: 1.2em					;
					text-align		: left					;
				}



			/* Style for the OUTER table (sometimes with color border), which holds the inner tables */
				.outerTable {
					width: 100%;
					margin-left: auto;
					margin-right: auto;
					/* optional: table-layout: fixed; if you want consistent column widths */
				}


			/* Style for the MAIN table on the Master page JMM */
				.mainTable {
					width: 100%;
					margin-left: auto;
					margin-right: auto;
					/* optional: table-layout: fixed; if you want consistent column widths */
				}

			/* Style for the MAIN table on the Master page JMM */
				.prefaceTable {
					width: 100%;
					margin-left: auto;
					margin-right: auto;
					/* optional: table-layout: fixed; if you want consistent column widths */
				}

			/* Style for the LEGEND table near the bottom of the page JMM */
				.legendTable {
					background-color: #fefcff				;
					border			: 1px solid grey		;
					border-radius	: 15px					;
					margin-left		: auto					;
					margin-right	: auto					;
					padding			: 5px					;
					text-align		: left					;
				}

			/* Style for table for CIVILIAN Airports JMM */
				#my-table-airports-civilian-verdana {
					border			: 15px outset #00ff00	;
					border-radius	: 20px					;
					font-size		: 11.5px				;
					line-height		: 1.2em					;
					text-align		: left					;
				}

			/* Style for table for MILITARY Airports JMM */
				.my-table-airports-military-verdana {
					border			: 15px outset #16e2f5	;
					border-radius	: 20px					;
					font-size		: 11.5px				;
					line-height		: 1.2em					;
					text-align		: left					;
				}

			/* Style for table TD for CIVILIAN Airports JMM */
			/* Style for table TD for MILITARY Airports JMM */
				#my-td-airports-civilian-verdana,
				.my-td-airports-military-verdana {
					text-align: left;       /* aligns inner table to left */
					vertical-align: top;    /* aligns top of inner table */
					white-space: nowrap;     /* prevent line wrapping inside this td */
					padding: 10px;
					background-color: #E4E1E0;
				}

			/* Style for Table Label for MILITARY Airports*/
				.label-section-military {
					background-color	: blue		;
					border-radius		: 5px		;
					color				: white		;
					font-size			: 12.5px	;
					font-weight			: bold		;
					padding				: 1px		;
				}

			/* Style for blue with label */
				.label-blue-2 {
					background-color	: blue		;
					border-radius		: 5px		;
					color				: white		;
					font-size			: 12.5px	;
					font-weight			: bold		;
					padding				: 1px		;
				}





			/* Style for table for Civilian AIRCRAFT */
				#my-td-aircraft-civil-verdana-border5 {
					align				: center			;
					background-color	: #E4E1E0			;
					border-top			: none				;
					border-left			: none				;
					border-right		: none				;
					border-bottom		: 5px solid white	;
					line-height			: 1.5em				;
					padding-left		: 10px				;
					padding-right		: 10px				;
					text-align			: left				;
				}

			/* Style for table for Civilian AIRCRAFT */
				#my-td-aircraft-civil-verdana-airports-border5 {
					align				: center			;
					background-color	: #E4E1E0			;
					border-top			: none				;
					border-left			: none				;
					border-right		: none				;
					border-bottom		: 5px solid white	;
					line-height			: 1.5em				;
					padding				: 10px				;
					text-align			: left				;
				}

			/* Style for table for Civilian AIRCRAFT */
				#my-td-aircraft-civil-verdana-border10 {
					align				: center			;
					background-color	: #E4E1E0			;
					border-top			: none				;
					border-left			: none				;
					border-right		: none				;
					border-bottom		: 10px solid white	;
					line-height			: 1.5em				;
					padding-left		: 10px				;
					padding-right		: 10px				;
					text-align			: left				;
				}

			/* Style for table for Civilian AIRCRAFT */
				#my-td-aircraft-civil-verdana-picture-border5 {
					align				: center			;
					border-top			: none				;
					border-left			: none				;
					border-right		: none				;
					border-bottom		: 5px solid white	;
				}

			/* Style for table for Civilian AIRCRAFT */
				#my-td-aircraft-civil-verdana-picture-border10 {
					align				: center			;
					border-top			: none				;
					border-left			: none				;
					border-right		: none				;
					border-bottom		: 10px solid white	;
				}

			/* Style for airport table to separate them */
				#my-td-aircraft-airports-column {
					padding-right: 10px !important;
				}

				#my-float-left {
					float		: left	;
					text-align	: left	; /* Optional, as text-align: left is the default for td */
				}

				#my-float-right {
					float		: right	;
					text-align	: right	;
				}

				.map-button {
					display: inline-block;
					padding: 10px 20px;
					background-color: #4285F4; /* Google Maps blue color */
					color: white;
					text-decoration: none;
					border-radius: 4px;
					font-weight: bold;
					text-align: center;
					cursor: pointer;
					border: none;
				}

				.map-button:hover {
					background-color: #357ae8;
					}

			/* Style for table for Military AIRCRAFT */
				#my-td-aircraft-military-verdana {
					font-size: 11.5px	;
					line-height: 1.2em	;
					padding-left: 50px	;
					padding-right: 50px	;
					text-align: left	;
				}

			/* Style for table for Military AIRCRAFT actual aircraft */
				#my-td-aircraft-military-aircraft-verdana {
					font-size: 11.5px	;
				}

			/* Style for table for Military AIRCRAFT actual bases */
				#my-td-aircraft-military-base-verdana {
					font-size: 12.5px	;
					font-weight: bold	;
				}

			/* Style for table for additional deployments */
				#my-td-deployments-verdana {
					font-size: 11.5px		;
					line-height: 1.2em		;
					padding-left: 125px		;
					padding-right: 125px	;
					text-align: left		;
				}

			/* Style for table for additional deployments makes Bases larger & bold */
				#my-td-deployments-base-verdana {
					font-size: 12.0px	;
					font-weight: bold	;
				}

			/* Style for table for additional deployments' <ul> and <li> settings */
				#my-td-deployments-base-lists-verdana {
					line-height: 1.75em		;
					padding-left: 50px		;
				}


			/* Style for NO WRAP */
			/* Style for NO WRAP */
				.no-wrap {
					white-space: nowrap	;
				}

			/* Zebra striping */
				#airport2Table tbody tr:nth-child(odd) {
					background-color: #f2f2f2;
				}

				#airport2Table tbody tr:nth-child(even) {
					background-color: #ffffff;
				}

			/* Cell styling */
				#airport2Table td,
				#airport2Table th {
					padding: 0 5px;
					white-space: nowrap;
				}

			/* Hover effect */
				#airport2Table tbody tr:hover {
					background-color: #ddd;
				}


.subFooter {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.footerTimestamp td {
    line-height: 0.5em;
}

.footerTableTimestampOld {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    line-height: 0.5em;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

	/* Overall table */
	.airportTable {
		border-collapse: collapse;
		font-family: Arial, sans-serif;
		font-size: 14px;
		width: auto;                /* or 100% if you prefer */
		text-align: left;
		white-space: nowrap;        /* prevents wrapping in all cells */
		border-radius: 10px;        /* keeps rounded corners */
		overflow: hidden;           /* clips content if it exceeds boundaries */
	}

/* Header */
.airportTable thead th {
    background-color: grey;
    color: #ffffff;
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
}

.airportTable thead th.sortable {
    cursor: pointer;
}

.airportTable thead th.sortable:hover {
    background-color: #d68fd6;
}

/* Cells */
.airportTable td,
.airportTable th {
    padding: 2px 10px;
    white-space: nowrap;
}

/* Zebra striping */
.airportTable tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
}

.airportTable tbody tr:nth-child(even) {
    background-color: #ffffff;
}

/* Subtle row separator */
.airportTable tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

/* Hover effect */
.airportTable tbody tr:hover {
    background-color: yellow;
    transition: background-color 0.15s ease-in-out;
}

/* Subtle vertical dividers */
.airportTable td:not(:last-child),
.airportTable th:not(:last-child) {
	border-right: 1px solid #f0f0f0;}

.airportTable td.kbd-code {
    text-align: center;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11.5px;
}

kbd {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12.0px;
}

.airportTable th {
    position: relative;
}

/* =========================================
   TEXT-BASED SORT ARROWS (BACKUP OPTION)
   ========================================= */

/* incase I wish to use these in the future, with a class called "airportTable"
	.airportTable th.asc::after {
		content: " ▲";
		font-size: 11px;
		opacity: 0.85;
	}

	.airportTable th.desc::after {
		content: " ▼";
		font-size: 11px;
		opacity: 0.85;
	}
*/

/* incase I wish to use these in the future, with just a class called "sortable"
	.sortable.asc::after {
		content: " ▲";
		font-size: 11px;
		opacity: 0.85;
	}

	.sortable.desc::after {
		content: " ▼";
		font-size: 11px;
		opacity: 0.85;
	}
*/

.airportTable th.asc,
.airportTable th.desc {
    background-color: #FF00FF;
}

.airportTable td.country::before {
    content: "● ";
    font-weight: bold;
}


.airportTable td.country-bermuda::before {
    color: blue;
}

.airportTable td.country-canada::before {
    color: red;
}

.airportTable td.country-usa::before {
    color: black;
}

/* Shared icon base */
.airportTable th.asc::after,
.airportTable th.desc::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.65;
}

/* TEXT sorting */
.airportTable th.sort-text.asc::after {
    background-image: url("../../common/_icons/icon-sorted-a2z-white-lettering.png");
}

.airportTable th.sort-text.desc::after {
    background-image: url("../../common/_icons/icon-sorted-z2a-white-lettering.png");
}

/* NUMBER sorting */
.airportTable th.sort-number.asc::after {
    background-image: url("../../common/_icons/icon-sorted-0to9-white-lettering.png");
}

.airportTable th.sort-number.desc::after {
    background-image: url("../../common/_icons/icon-sorted-9to0-white-lettering.png");
}

.opacity50 {
		opacity: 0.50;
}

.opacity75 {
		opacity: 0.75;
}

.airportTable th:first-child,
.airportTable td:first-child {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
	white-space: nowrap;
}

.myHeaderLabel {
	background-color	: grey		;
	border-radius		: 5px		;
	color				: white		;
	font-size			: 12.5px	;
	font-weight			: bold		;
	padding				: 1px		;
}

.mySpanLabel {
	background-color	: grey		;
	border-radius		: 5px		;
	color				: white		;
	font-size			: 12.5px	;
	font-weight			: bold		;
	padding				: 1px		;
}

.mixed-alignment-cell {
  /* Ensures the TD can contain the aligned elements effectively */
  width: 100%; 
}

.left-aligned-content {
  text-align: left; /* Aligns content to the left within its div */
}

.centered-content {
  text-align: center; /* Centers content within its div */
}

/* Disable hover for all footer content */
.airportTable tfoot,
.airportTable tfoot tr,
.airportTable tfoot td,
.airportTable tfoot table:not(.footerTimestamp),
.airportTable tfoot table td {
    background-color: inherit !important; /* keeps grey for other tables */
    border: none !important;
    cursor: default;
}

.airportTable tfoot table.legendTable,
.airportTable tfoot table.legendTablen {
    background-color: white !important;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
}

/* ================================
   Continue with other CSS rules...
   Add more sections as needed
   ================================ */