/* Please include any new CSS file created under stylesheets folder in this file. */

/* CSS Variables */

:root {
	--white: #ffffff;
	--light-blue: #0076c0;
	--dark-blue: #002664;
	--lighter-grey: #e9eaed;
	--slate: #333333;
	--black: #000;
	--charcoal: #353535;
	--primary-blue: #003e7e;
	--secondary-grey: #6e7476;
	--light-grey: #cccccc;
	--navy-blue: #0071bc;
	--background-grey: #d0d0d0;
	--whaleblue: #005690;
	--ocean-blue: #0d76bd;
	--hover-blue:#0e76bd;
	--grey: #e6e6e6;
	--link-active: #005690;
	--link-active: var(--whaleblue);
	--purple: #7a0098;
	--link-visited: #7a0098;
	--link-visited: var(--purple);
	--darker-grey: #797d7f;
	--asbestos: #aab3b6;
	--cyan: #d7dada;

	/* Bottom Bar blue gradient background colors */
	--bottom-bar-dark-blue: #002663;
	--bottom-bar-darker-blue: #000933;

	/* Footer gradient background colors */
	--footer-lighter-grey-background: #efefef;
	--footer-light-grey-background: #e6e6e6;
	--footer-light-grey-background: var(--grey);

	--dialog-background: #0d76bd;

	--dialog-background: var(--ocean-blue);
	--tab-background: #e6e6e6;
	--tab-background: var(--grey);
	--tab-hover-background: #0076c0;
	--tab-hover-background: var(--light-blue);

	--table-grey: #f4f6f9;

	/* Alert Colors*/
	--green: #22763b;
	--applegreen: #e7f4e4;
	--red: #c32026;
	--tutu: #f9dede;
	--yellow: #fdb81e;
	--varden: #fff1d2;
	--sky-blue: #02bfe7;
	--light-cyan: #e1f3f8;

	/* External Template color vars */
	--ext-microhead-background: #15396c;
	--external-dark-blue: #003e7e;
	--external-nav-active-background: #111111;
	--external-gold: #886a05;
	--external-list-border: #dddddd;

	--ext-header-top-border: #b28706;

	--ext-footer-top-border: #937206;
	--ext-footer-bottom-border: #00264d;
	--ext-dot-footer-gradient: #f3f3f3;
}

:root {
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

:root {
	margin: 0 auto
}

/* some generic CSS rules and CSS for back to home link */

html {
	overflow-x: hidden;
}

/* ccastro - NS-1012: This style was moved to nsapp.html to prevent the overriding from the "Archive Search" styles */
/* a:focus, a:active {
	outline: 0;
	-moz-outline: 0;
	-ms-outline:0;
	-o-outline: 0;
	-webkit-outline: 0;
} */

body {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: #333333;
	color: var(--slate);
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0
}

body p {
		margin-top: 6px;
		margin-bottom: 6px;
		line-height: 1.875rem;
	}

body legend {
		font-size: 1.125rem;
		font-weight: 600;
		padding: 0 6px 0 0;
		border: 0;
	}

body h1,
	body h2,
	body h3,
	body h4,
	body h5,
	body h6 {
		margin: 12px 0 12px 0;
	}

body h1 {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}

body h2 {
		font-size: 1.25rem;
	}

body h3 {
		font-size: 1.125rem;
	}

body h4 {
		font-size: 1rem;
	}

body h5 {
		font-size: 0.875rem;
	}

body h6 {
		font-size: 0.8125rem;
	}

body a:link {
		color: #005690;
		color: var(--link-active);
		text-decoration: none;
	}

body a:visited {
		color: #7a0098;
		color: var(--link-visited);
		text-decoration: none;
	}

body a:hover {
		color: #000;
		color: var(--black);
		text-decoration: underline;
	}

body a:active {
		color: #005690;
		color: var(--link-active);
		text-decoration: none;
	}

body .loader {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%
	}

body .loader .fa-spinner,
		body .loader .loading-text {
			display: inline;

		}

body .loader .fa-spinner {
			font-size: 1.75rem;
		}

body .loader .loading-text {
			padding-left: 6px;
			font-size: 1.125rem;
			font-weight: 600;
		}

body #devkit-code-sample {
		cursor: text;
	}

body .devkit-code-button {
		display: block;
		width: 150px;
		margin-top: 30px;
		border: 0;
	}

body pre[class*="language-"] {
		display: none;
		position: relative;
		overflow-x: auto;
		max-width: 90%;
		margin-top: 18px;
		padding-top: 42px;
		background: #333333;
		background: var(--slate);
		color: #ffffff;
		color: var(--white);
		text-shadow: none
	}

body pre[class*="language-"] .copy-button {
			content: "Copy";
			cursor: pointer;
			border: 0;
			font-size: 0.75rem;
			font-weight: 600;
			padding: 6px 10px;
			color: #333333;
			color: var(--slate);
			background: #ffffff;
			background: var(--white);
			position: absolute;
			top: 10px;
			left: 10px;
		}

body pre[class*="language-"] .fa-times {
			cursor: pointer;
			border: 0;
			font-size: 0.875rem;
			font-weight: 600;
			padding: 3px;
			color: #ffffff;
			color: var(--white);
			position: absolute;
			top: 10px;
			right: 10px;
		}

body pre[class*="language-"] code {
			overflow: scroll;
			word-wrap: break-word;
			text-shadow: none;
			color: #ffffff;
			color: var(--white);
			margin-top: 24px;
		}

body .devkit-help-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 35;
		background: #797d7f;
		background: var(--darker-grey);
		opacity: 0.65;
	}

body ul.devkit-info-list,
	body ul.devkit-left-info-list,
	body ul.devkit-right-info-list {
		list-style-type: none;
		padding-left: 0;
		margin-top: 0;
		line-height: 1.875rem
	}

body ul.devkit-info-list li a:link,
			body ul.devkit-info-list li a:visited,
			body ul.devkit-left-info-list li a:link,
			body ul.devkit-left-info-list li a:visited,
			body ul.devkit-right-info-list li a:link,
			body ul.devkit-right-info-list li a:visited {
				color: #005690;
				color: var(--link-active);
			}

body ul.devkit-info-list li a:hover, body ul.devkit-left-info-list li a:hover, body ul.devkit-right-info-list li a:hover {
				color: #000;
				color: var(--black);
				text-decoration: underline;
			}

body ul.devkit-info-list li .fa-arrow-down, body ul.devkit-left-info-list li .fa-arrow-down, body ul.devkit-right-info-list li .fa-arrow-down {
				font-size: 0.875rem;
				color: #797d7f;
				color: var(--darker-grey);
			}

body .devkit-info-list-wrapper {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		/* justify-content: space-between; */
		width: 600px;
	}

body .devkit-text-bold {
		font-weight: 600;
	}

body .devkit-blue-text {
		color: #003e7e;
		color: var(--primary-blue);
	}

body .devkit-code {
		font-size: 0.875rem
	}

body .devkit-code h4 {
			margin-top: 0;
			margin-bottom: 12px;
		}

body .devkit-code p {
			line-height: 1.125rem;
			margin-bottom: 0;
		}

body .devkit-code p:last-of-type {
			margin-bottom: 18px;
		}

body .devkit-code .devkit-code-attr {
			font-weight: 600;
		}

body .devkit-notes-wrapper {
		margin-bottom: 24px;
	}

@media screen and (min-width: 960px) {
		body legend {
			font-size: 1.25rem;
		}

		body h1,
		body h2,
		body h3,
		body h4 {
			margin: 12px 0;
		}

		body h5,
		body h6 {
			margin: 6px 0;
		}

		body h1 {
			font-size: 1.875rem;
		}

		body h2 {
			font-size: 1.5rem;
		}

		body h3 {
			font-size: 1.1875rem;
		}

		body h4 {
			font-size: 1rem;
		}

		body h5 {
			font-size: 0.875rem;
		}

		body h6 {
			font-size: 0.8125rem;
		}
		body .devkit-info-list-wrapper {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			width: 600px;
		}
}

/* .zoomout {
	zoom: 85%;
} */

/* START - DOT BLUE RIBBON and FAA HEADER Styles got from devkitAll.css */

/*ccastro - NS-975: DOT Blue Ribbon Banner Height
For screens larger than mobile phone: 30px height
For mobile screens: 54px height*/
@media screen and (min-width : 768px) {
  .devkit-dot-microbar-wrapper {
	height: 30px;
  }
}

@media screen and (min-width : 0px) and (max-width : 767px) {
  .devkit-dot-microbar-wrapper {
	height: 54px;
  }
}

.devkit-dot-microbar-wrapper {
	background: #15396c;
	background: var(--ext-microhead-background);
	color: #ffffff;
	color: var(--white)
}

.devkit-dot-microbar-wrapper .devkit-dot-microbar,
	.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar {
		display: -ms-grid;
		display: grid;
  -ms-grid-columns: 1fr (16px 1fr)[3];
  grid-template-columns: 1fr repeat(3, 16px 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		width: auto
	}

.devkit-dot-microbar-wrapper .devkit-dot-microbar a:link,
		.devkit-dot-microbar-wrapper .devkit-dot-microbar a:visited,
		.devkit-dot-microbar-wrapper .devkit-dot-microbar a:hover,
		.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar a:link,
		.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar a:visited,
		.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar a:hover {
			color: #ffffff;
			color: var(--white);
			text-decoration: none;
		}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-logo-wrapper, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-logo-wrapper {
			-ms-grid-column: 1;
			-ms-grid-column-span: 7;
			grid-column: 1 / span 7;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
			display: flex;
			align-items: center;
			margin-left: 12px
		}

/* ccastro: NS-975: Removed the white background to used a new 'transparent' DOT Blue Ribbon logo found in faa.gov */
.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-logo-wrapper img, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-logo-wrapper img {
				width: 18px;
				height: 18px;
				vertical-align: middle;
				/* background: #ffffff;
				background: var(--white); */
				border-radius: 50%;
			}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-logo-wrapper .dot-logo-title, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-logo-wrapper .dot-logo-title {
				margin-left: 2px;
				font-size: 0.875rem;
			}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper {
			-ms-grid-column: 1;
			-ms-grid-column-span: 7;
			grid-column: 1 / span 7;
			-ms-grid-row: 2;
			-ms-grid-row-span: 1;
			grid-row: 2 / span 1;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			margin-left: 12px
		}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper ul, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper ul {
				list-style-type: none;
				padding-left: 0;
				margin-top: 2px;
				margin-bottom: 2px
			}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper ul li:last-of-type, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper ul li:last-of-type {
					margin-right: 0;
				}

.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper ul li, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper ul li {
					display: inline;
					margin-right: 18px;
					font-size: 0.875rem;
				}

@media screen and (min-width: 960px) {
		.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar {
			width: 960px;
			margin: 0 auto;
			padding: 0 1%;
		}
			.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-logo-wrapper {
				margin-left: 0;
			}
			.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper {
				margin-right: 0;
			}
		.devkit-dot-microbar-wrapper .devkit-dot-microbar {
			width: 100%
		}
			.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-logo-wrapper {
				margin-left: 28px;
			}
			.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper {
				margin-left: 0;
				margin-right: 36px;
			}

		.devkit-dot-microbar-wrapper .devkit-dot-microbar,
		.devkit-dot-microbar-wrapper .devkit-fw-dot-microbar {
			display: -ms-grid;
			display: grid;
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
			-ms-grid-rows: 30px;
			grid-template-rows: 30px
			/* width: 100%; */
			/* margin: 0 auto;
			padding: 0 1%; */
		}

			.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-logo-wrapper, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-logo-wrapper {
				-ms-grid-column: 1;
				-ms-grid-column-span: 9;
				grid-column: 1 / span 9;
				-ms-grid-row: 1;
				grid-row: 1;
			}

			.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper, .devkit-dot-microbar-wrapper .devkit-fw-dot-microbar .dot-links-wrapper {
				-ms-grid-column: 14;
				-ms-grid-column-span: 10;
				grid-column: 14 / span 10;
				-ms-grid-row: 1;
				grid-row: 1;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-end;
			}
}

/* External */
/*ccastro - NS-976: Removed the gold bar in the header per Brian Love's email. */
/*div.ext-header-wrapper {
	border-bottom: 5px solid #b28706;
	border-bottom: 5px solid var(--ext-header-top-border)
}*/

div.ext-header-wrapper .ext-header {
		display: -ms-grid;
		display: grid;
  -ms-grid-columns: 1fr (16px 1fr)[3];
  grid-template-columns: 1fr repeat(3, 16px 1fr);
		-ms-grid-rows: 40px 12px 32px;
		grid-template-rows: 40px 12px 32px;
		width: auto;
		margin: 0 auto;
		padding-top: 6px;
		padding-bottom: 6px
	}

div.ext-header-wrapper .ext-header .devkit-mobile-menu {
			-ms-grid-column: 1;
			grid-column: 1;
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			grid-row: 3 / span 1;
			color: #ffffff;
			color: var(--white)
		}

div.ext-header-wrapper .ext-header .devkit-mobile-menu .fa-bars {
				color: #ffffff;
				color: var(--white);
			}

div.ext-header-wrapper .ext-header .devkit-ext-site-logo {
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-column: 1 / span 3;
			-ms-grid-row: 1;
			grid-row: 1;
			margin-left: 12px;
		}

div.ext-header-wrapper .ext-header .devkit-ext-app-title {
			-ms-grid-column: 3;
			-ms-grid-column-span: 3;
			grid-column: 3 / span 3;
			-ms-grid-row: 1;
			grid-row: 1;
			display: flex;
			align-items: center;
		}

div.ext-header-wrapper .ext-header {

		.devkit-greeting-wrapper {
			display: none;
			color: #ffffff;
			color: var(--white)
		}
			.devkit-greeting-wrapper span.devkit-greeting {
				font-weight: 600;
				color: #ffffff;
				color: var(--white);
			}
	}

div.ext-header-wrapper .ext-header .devkit-search-wrapper {
			display: flex;
			-ms-grid-column: 1;
			-ms-grid-column-span: 7;
			grid-column: 1 / span 7;
			-ms-grid-row: 3;
			grid-row: 3;
		}

div.ext-header-wrapper .ext-header .ext-head-nav-wrapper {
			display: none;
		}

div.ext-header-wrapper .ext-header .devkit-ext-toolbar-wrapper {
			-ms-grid-column: 6;
			-ms-grid-column-span: 2;
			grid-column: 6 / span 2;
			-ms-grid-row: 1;
			grid-row: 1;
			padding-right: 6px;
			color: var(-white);
		}

@media screen and (min-width: 768px) {
		div.ext-header-wrapper .ext-header {
			display: -ms-grid;
			display: grid;
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
			-ms-grid-rows: 60px 12px 40px;
			grid-template-rows: 60px 12px 40px
		}
			div.ext-header-wrapper .ext-header .devkit-ext-mobile-menu {
				-ms-grid-column: 1;
				grid-column: 1;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 7;
				grid-column: 1 / span 7;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-app-title {
				-ms-grid-column: 6;
				-ms-grid-column-span: 10;
				grid-column: 6 / span 10;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
				align-items: flex-start;
			}
		div.ext-header-wrapper .ext-header {

			.devkit-greeting-wrapper {
				display: none;
			}
		}

			div.ext-header-wrapper .ext-header .devkit-search-wrapper {
				display: block;
				-ms-grid-column: 4;
				-ms-grid-column-span: 19;
				grid-column: 4 / span 19;
				-ms-grid-row: 3;
				grid-row: 3;
			}

			div.ext-header-wrapper .ext-header .ext-head-nav-wrapper {
				display: none;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-toolbar-wrapper {
				-ms-grid-column: 17;
				-ms-grid-column-span: 7;
				grid-column: 17 / span 7;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
			}
}

@media screen and (min-width: 960px) {
		div.ext-header-wrapper .ext-header {
			-ms-grid-rows: 36px 12px 36px;
			grid-template-rows: 36px 12px 36px;
			padding-top: 0;
			padding-bottom: 0
		}
			div.ext-header-wrapper .ext-header .mobile-menu {
				display: none;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 7;
				grid-column: 1 / span 7;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
				margin-left: 14px;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-app-title {
				-ms-grid-column: 6;
				-ms-grid-column-span: 10;
				grid-column: 6 / span 10;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-header .devkit-greeting-wrapper {
				display: flex;
				justify-content: flex-end;
				-ms-grid-column: 13;
				-ms-grid-column-span: 11;
				grid-column: 13 / span 11;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
				margin-right: 20px;
			}

			div.ext-header-wrapper .ext-header .devkit-search-wrapper {
				display: none;
				top: 80px;
				right: 24px;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-toolbar-wrapper {
				-ms-grid-column: 17;
				-ms-grid-column-span: 7;
				grid-column: 17 / span 7;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 0;
				padding-bottom: 12px;
			}
}

@media screen and (min-width: 1280px) {
		div.ext-header-wrapper .ext-header {
			-ms-grid-rows: 36px 12px 36px;
			grid-template-rows: 36px 12px 36px
		}
			div.ext-header-wrapper .ext-header .mobile-menu {
				display: none;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 5;
				grid-column: 1 / span 5;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-app-title {
				-ms-grid-column: 7;
				-ms-grid-column-span: 9;
				grid-column: 7 / span 9;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-header .devkit-greeting-wrapper {
				display: flex;
				justify-content: flex-end;
				-ms-grid-column: 15;
				-ms-grid-column-span: 9;
				grid-column: 15 / span 9;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
				margin-right: 36px;
			}

			div.ext-header-wrapper .ext-header .devkit-search-wrapper {
				display: none;
			}
		div.ext-header-wrapper .ext-header {

			/* & .ext-head-nav-wrapper {
				display: block;
				-ms-grid-column: 11;
				-ms-grid-column-span: 13;
				grid-column: 11 / span 13;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				margin-left: 0;
			}  */

			/* Can be used in the future if we want search bar to
			display all the time instead of displaying it when clicking on search icon.
			& .devkit-search-wrapper {
				-ms-grid-column: 9;
				-ms-grid-column-span: 11;
				grid-column: 9 / span 11;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 3px;
			} */
		}

			div.ext-header-wrapper .ext-header .devkit-ext-toolbar-wrapper {
				-ms-grid-column: 18;
				-ms-grid-column-span: 6;
				grid-column: 18 / span 6;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 0;
				padding-bottom: 12px;
			}
}

@media screen and (min-width: 1600px) {
		div.ext-header-wrapper .ext-header {
			-ms-grid-rows: 36px 12px 36px;
			grid-template-rows: 36px 12px 36px
		}
			div.ext-header-wrapper .ext-header .mobile-menu {
				display: none;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 4;
				grid-column: 1 / span 4;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-header .devkit-ext-app-title {
				-ms-grid-column: 7;
				-ms-grid-column-span: 9;
				grid-column: 7 / span 9;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-header .devkit-greeting-wrapper {
				-ms-grid-column: 18;
				-ms-grid-column-span: 6;
				grid-column: 18 / span 6;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
				display: flex;
				justify-content: flex-end;
			}

			div.ext-header-wrapper .ext-header .devkit-search-wrapper {
				display: none;
			}
		div.ext-header-wrapper .ext-header {

			/* & .ext-head-nav-wrapper {
				display: block;
				-ms-grid-column: 15;
				-ms-grid-column-span: 9;
				grid-column: 15 / span 9;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				margin-left: 0;
			}  */

			/* Can be used in the future if we want search bar to
			display all the time instead of displaying it when clicking on search icon.
			& .devkit-search-wrapper {
				-ms-grid-column: 9;
				-ms-grid-column-span: 11;
				grid-column: 9 / span 11;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 3px;
			} */
		}

			div.ext-header-wrapper .ext-header .devkit-ext-toolbar-wrapper {
				-ms-grid-column: 19;
				-ms-grid-column-span: 5;
				grid-column: 19 / span 5;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 0;
				/* padding-bottom: 12px; */
			}
}

.devkit-ext-site-logo {
	display: flex;
	align-items: center;
	margin-top: 12px
}

.devkit-ext-site-logo img {
		display: none;
	}

.devkit-ext-site-logo .devkit-logo-title {
		color: #ffffff;
		color: var(--white);
		width: 200px;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.125rem;
	}

@media screen and (min-width: 768px) {
		.devkit-ext-site-logo .devkit-logo-title {
			font-size: 1rem;
		}
}

@media screen and (min-width: 960px) {
	.devkit-ext-site-logo {
		margin-top: 0
	}
		.devkit-ext-site-logo img {
			display: inline;
			width: 84px;
			height: 84px;
			padding-bottom: 6px;
		}

		.devkit-ext-site-logo .devkit-logo-title {
			font-size: 2.25rem;
			line-height: 1.5rem;
		}
}

div.ext-header-wrapper {
	background: #003e7e;
	background: var(--external-dark-blue);
	color: #ffffff;
	color: var(--white)
}

div.ext-header-wrapper .ext-fw-header {
		display: -ms-grid;
		display: grid;
  -ms-grid-columns: 1fr (16px 1fr)[3];
  grid-template-columns: 1fr repeat(3, 16px 1fr);
		-ms-grid-rows: 40px 12px 32px;
		grid-template-rows: 40px 12px 32px;
		width: auto;
		margin: 0 auto
	}

div.ext-header-wrapper .ext-fw-header .devkit-mobile-menu {
			-ms-grid-column: 1;
			grid-column: 1;
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			grid-row: 3 / span 1;
			color: #ffffff;
			color: var(--white)
		}

div.ext-header-wrapper .ext-fw-header .devkit-mobile-menu .fa-bars {
				color: #ffffff;
				color: var(--white);
			}

div.ext-header-wrapper .ext-fw-header .devkit-ext-site-logo {
			-ms-grid-column: 1;
			-ms-grid-column-span: 2;
			grid-column: 1 / span 2;
			-ms-grid-row: 1;
			grid-row: 1;
		}

div.ext-header-wrapper .ext-fw-header {

		.devkit-greeting-wrapper {
			display: none;
			color: #ffffff;
			color: var(--white)
		}
			.devkit-greeting-wrapper span.devkit-greeting {
				font-weight: 600;
				color: #ffffff;
				color: var(--white);
			}
	}

div.ext-header-wrapper .ext-fw-header .devkit-ext-fw-search-wrapper {
			display: flex;
			-ms-grid-column: 1;
			-ms-grid-column-span: 7;
			grid-column: 1 / span 7;
			-ms-grid-row: 3;
			grid-row: 3;
		}

div.ext-header-wrapper .ext-fw-header {

		/* & .ext-head-nav-wrapper {
			display: none;
		}  */
	}

div.ext-header-wrapper .ext-fw-header .devkit-ext-toolbar-wrapper {
			-ms-grid-column: 6;
			-ms-grid-column-span: 2;
			grid-column: 6 / span 2;
			-ms-grid-row: 1;
			grid-row: 1;
			padding-right: 6px;
			color: var(-white);
		}

@media screen and (min-width: 768px) {
		div.ext-header-wrapper .ext-fw-header {
			display: -ms-grid;
			display: grid;
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
			-ms-grid-rows: 60px 12px 40px;
			grid-template-rows: 60px 12px 40px
		}
			div.ext-header-wrapper .ext-fw-header .devkit-ext-mobile-menu {
				-ms-grid-column: 1;
				grid-column: 1;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
			}

			div.ext-header-wrapper .ext-fw-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 7;
				grid-column: 1 / span 7;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
			}
		div.ext-header-wrapper .ext-fw-header {

			.devkit-greeting-wrapper {
				display: none;
			}
		}

			div.ext-header-wrapper .ext-fw-header .devkit-ext-fw-search-wrapper {
				display: block;
				-ms-grid-column: 4;
				-ms-grid-column-span: 19;
				grid-column: 4 / span 19;
				-ms-grid-row: 3;
				grid-row: 3;
			}
		div.ext-header-wrapper .ext-fw-header {

			/* & .ext-head-nav-wrapper {
				display: none;
			} */
		}

			div.ext-header-wrapper .ext-fw-header .devkit-ext-toolbar-wrapper {
				-ms-grid-column: 17;
				-ms-grid-column-span: 7;
				grid-column: 17 / span 7;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
			}
}

@media screen and (min-width: 960px) {
		div.ext-header-wrapper .ext-fw-header {
			-ms-grid-rows: 36px 14px 36px;
			grid-template-rows: 36px 14px 36px;
			width: 960px;
			margin: 0 auto;
			padding: 0 1%
		}
			div.ext-header-wrapper .ext-fw-header .mobile-menu {
				display: none;
			}

			div.ext-header-wrapper .ext-fw-header .devkit-ext-site-logo {
				-ms-grid-column: 1;
				-ms-grid-column-span: 6;
				grid-column: 1 / span 6;
				-ms-grid-row: 1;
				-ms-grid-row-span: 3;
				grid-row: 1 / span 3;
			}

			div.ext-header-wrapper .ext-fw-header .devkit-greeting-wrapper {
				display: flex;
				justify-content: flex-end;
				-ms-grid-column: 15;
				-ms-grid-column-span: 11;
				grid-column: 13 / span 11;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1 / span 1;
				margin-right: 6px;
			}

			div.ext-header-wrapper .ext-fw-header .devkit-search-wrapper {
				display: none;
				top: 80px;
				right: 445px;
			}
		div.ext-header-wrapper .ext-fw-header {

			/* & .ext-head-nav-wrapper {
				display: block;
				-ms-grid-column: 9;
				-ms-grid-column-span: 15;
				grid-column: 9 / span 15;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				margin-left: 0;
			}  */

			/* Can be used in the future if we want search bar to
			display all the time instead of displaying it when clicking on search icon.
			& .devkit-ext-fw-search-wrapper {
				-ms-grid-column: 9;
				-ms-grid-column-span: 11;
				grid-column: 9 / span 11;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding-left: 3px;
			} */
		}

			div.ext-header-wrapper .ext-fw-header .devkit-ext-toolbar-wrapper {
				display: flex;
				align-items: center;
				justify-content: space-between;
				-ms-grid-column: 17;
				-ms-grid-column-span: 7;
				grid-column: 17 / span 7;
				-ms-grid-row: 3;
				-ms-grid-row-span: 1;
				grid-row: 3 / span 1;
				padding: 0 0 0 12px;
			}
}

/* Internal */

.devkit-bottom-bar-wrapper {
	height: 72px;
	padding: 4px 0;
	margin: 24px 12px 12px 12px;
	background: linear-gradient(#002663, #000933);
	background: linear-gradient(var(--bottom-bar-dark-blue), var(--bottom-bar-darker-blue));
	border-radius: 10px
}

.devkit-bottom-bar-wrapper .devkit-logo-wrapper {
	display: flex;
	align-items: center;
	margin-left: 18px;
	margin-top: 6px
}

.devkit-bottom-bar-wrapper .devkit-logo-wrapper img {
	width: 60px;
	height: 60px;
}

.devkit-bottom-bar-wrapper .devkit-logo-wrapper .devkit-logo-title {
	color: #ffffff;
	color: var(--white);
	width: 200px;
	font-size: 1.125rem;
	font-weight: 600;
	margin-left: 6px;
}

@media screen and (min-width: 768px) {
	.devkit-bottom-bar-wrapper {
		height: 90px;
		padding: 4px 0;
		margin: 48px 24px 24px 24px
	}

	.devkit-bottom-bar-wrapper .devkit-logo-wrapper img {
		width: 72px;
		height: 72px;
	}

	.devkit-bottom-bar-wrapper .devkit-logo-wrapper .devkit-logo-title {
		font-size: 1.5rem;
	}
}

/* HEADER & HEADER SUB COMPONENTS CSS */

/* Common */

.devkit-greeting-wrapper {
	display: none;
	/* Following CSS rules are used in larger screens and in hamburger menu. */
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	background: transparent;
}

@media screen and (min-width: 768px) {
	.devkit-greeting-wrapper {
		display: none;
		font-size: 1.125rem;
	}
}

.devkit-menu-overlay.active .devkit-greeting-wrapper {
	display: block;
	width: 260px;
	word-wrap: break-word
}

.devkit-menu-overlay.active .devkit-greeting-wrapper p {
	padding-left: 6px;
}

@media screen and (min-width: 768px) {
	.devkit-menu-overlay.active {
		display: block;
		position: fixed;
		top: 0;
		height: 100%;
		width: 100%;
		background: #ffffff;
		background: var(--white);
		overflow: hidden
	}

	.devkit-menu-overlay.active .devkit-greeting-wrapper {
		display: block;
		width: 600px
	}

	.devkit-menu-overlay.active .devkit-greeting-wrapper p {
		padding-left: 18px;
	}

	.devkit-menu-overlay.active .devkit-close-menu {
		top: 12px;
		right: 22px;
		font-size: 1.5rem;
		color: #353535;
		color: var(--charcoal);
	}

	.devkit-menu-overlay.active .devkit-mobile-menu-items.active ul.devkit-nav-links {
		padding-left: 18px;
		padding-right: 18px;
	}
}

header {

	.devkit-greeting-wrapper {
		display: none;
		color: #333333;
		color: var(--slate)
	}
		.devkit-greeting-wrapper span.devkit-greeting {
			font-weight: 600;
			color: #002664;
			color: var(--dark-blue);
		}
}

@media screen and (min-width: 768px) {
	header {
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
		-ms-grid-rows: 60px 12px 40px;
		grid-template-rows: 60px 12px 40px;
		margin: 0 auto
	}

		header .devkit-mobile-menu {
			-ms-grid-column: 1;
			grid-column: 1;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
		}

		header .devkit-app-title {
			-ms-grid-column: 5;
			-ms-grid-column-span: 11;
			grid-column: 5 / span 11;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
			align-items: flex-start;
		}
	header {

		.devkit-greeting-wrapper {
			display: none;
		}
	}

		header .devkit-search-wrapper {
			display: block;
			-ms-grid-column: 2;
			-ms-grid-column-span: 21;
			grid-column: 2 / span 21;
			-ms-grid-row: 3;
			grid-row: 3;
		}
	header {

		/* This is commented out to use in the future if needed. Will paint links in the header.
		& .header-links-wrapper {
			display: none;
		} */
	}

		header .devkit-toolbar-wrapper {
			-ms-grid-column: 17;
			-ms-grid-column-span: 7;
			grid-column: 17 / span 7;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
		}
}

@media screen and (min-width: 960px) {
	header {
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
		-ms-grid-rows: 36px 12px 36px;
		grid-template-rows: 36px 12px 36px;
		margin: 0 auto
	}

		header .devkit-mobile-menu {
			display: none;
		}

		header .devkit-app-title {
			-ms-grid-column: 1;
			-ms-grid-column-span: 11;
			grid-column: 1 / span 11;
			-ms-grid-row: 1;
			-ms-grid-row-span: 3;
			grid-row: 1 / span 3;
			margin-left: 24px;
		}

		header .devkit-greeting-wrapper {
			display: flex;
			justify-content: flex-end;
			-ms-grid-column: 13;
			-ms-grid-column-span: 11;
			grid-column: 13 / span 11;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
			margin-right: 20px;
		}

		header .devkit-search-wrapper {
			display: none;
		}
	header {

		/* This is commented out to use in the future if needed. Will paint links in the header.
		& .header-links-wrapper {
			display: block;
			-ms-grid-column: 9;
			-ms-grid-column-span: 11;
			grid-column: 9 / span 11;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
			margin-left: 0;
		}
		*/

		/* Can be used in the future if we want search bar to
		display all the time instead of displaying it when clicking on search icon.
		& .devkit-search-wrapper {
			-ms-grid-column: 9;
			-ms-grid-column-span: 11;
			grid-column: 9 / span 11;
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			grid-row: 3 / span 1;
			padding-left: 3px;
		} */
	}

		header .devkit-toolbar-wrapper {
			-ms-grid-column: 17;
			-ms-grid-column-span: 7;
			grid-column: 17 / span 7;
			-ms-grid-row: 3;
			grid-row: 3;
			padding-left: 0;
		}
}

@media screen and (min-width: 1280px) {
	header {
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
		-ms-grid-rows: 36px 12px 40px;
		grid-template-rows: 36px 12px 40px;
		margin: 0 auto
	}

		header .devkit-app-title {
			-ms-grid-column: 1;
			-ms-grid-column-span: 11;
			grid-column: 1 / span 11;
			-ms-grid-row: 1;
			-ms-grid-row-span: 3;
			grid-row: 1 / span 3;
		}

		header .devkit-greeting-wrapper {
			-ms-grid-column: 15;
			-ms-grid-column-span: 9;
			grid-column: 15 / span 9;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
			margin-right: 12px;
		}
	header {

		/* This is commented out to use in the future if needed. Will paint links in the header.
		& .header-links-wrapper {
			-ms-grid-column: 11;
			-ms-grid-column-span: 12;
			grid-column: 11 / span 12;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
		} */

		/* Can be used in the future if we want search bar to
		display all the time instead of displaying it when clicking on search icon.
		& .devkit-search-wrapper {
			-ms-grid-column: 11;
			-ms-grid-column-span: 12;
			grid-column: 11 / span 12;
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			grid-row: 3 / span 1;
		} */
	}

		header .devkit-toolbar-wrapper {
			-ms-grid-column: 18;
			-ms-grid-column-span: 6;
			grid-column: 18 / span 6;
			-ms-grid-row: 3;
			grid-row: 3;
		}
}

@media screen and (min-width: 1600px) {
	header {
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
		-ms-grid-rows: 36px 12px 36px;
		grid-template-rows: 36px 12px 36px
	}

		header .devkit-app-title {
			-ms-grid-column: 1;
			-ms-grid-column-span: 9;
			grid-column: 1 / span 9;
			-ms-grid-row: 1;
			-ms-grid-row-span: 3;
			grid-row: 1 / span 3;
		}

		header .devkit-greeting-wrapper {
			-ms-grid-column: 18;
			-ms-grid-column-span: 6;
			grid-column: 18 / span 6;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
		}
	header {

		/* This is commented out to use in the future if needed. Will paint links in the header.
		& .header-links-wrapper {
			-ms-grid-column: 15;
			-ms-grid-column-span: 8;
			grid-column: 14 / span 8;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / span 1;
		} */

		/* Can be used in the future if we want search bar to
		display all the time instead of displaying it when clicking on search icon.
		& .devkit-search-wrapper {
			-ms-grid-column: 15;
			-ms-grid-column-span: 8;
			grid-column: 14 / span 8;
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			grid-row: 3 / span 1;
			padding-left: 6px;
		} */
	}

		header .devkit-toolbar-wrapper {
			-ms-grid-column: 20;
			-ms-grid-column-span: 4;
			grid-column: 20 / span 4;
			-ms-grid-row: 3;
			grid-row: 3;
		}
}

.header-links-wrapper {
	display: none;
}

/* FNS NOTAM SEARCH Title Styles */
.devkit-app-title,
.devkit-ext-app-title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.125rem;
	margin-top: 14px;
}

.devkit-app-title a:link,
	.devkit-app-title a:hover,
	.devkit-app-title a:visited {
		color: #002664;
		color: var(--dark-blue);
		text-decoration: none;
	}

.devkit-ext-app-title a:link,
	.devkit-ext-app-title a:hover,
	.devkit-ext-app-title a:visited {
		color: #ffffff;
		color: var(--white);
		text-decoration: none;
	}

@media screen and (min-width: 768px) {
	.devkit-app-title,
	.devkit-ext-app-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.25rem;
		font-weight: 300;
		line-height: 1.5rem;
		margin-top: 0;
	}
}

@media screen and (min-width: 960px) {
	.devkit-app-title,
	.devkit-ext-app-title {
		font-size: 1.625rem;
	}
}

@media screen and (min-width: 1280px) {
	.devkit-app-title,
	.devkit-ext-app-title {
		font-size: 2rem;
	}
}

@media screen and (min-width: 1600px) {
	.devkit-site-logo,
	.devkit-ext-app-title {
		font-size: 2.5rem;
		font-weight: 400;
	}
}

/* END - DOT BLUE RIBBON and FAA HEADER Styles got from devkitAll.css */

/* START - FOOTER Styles got from devkitAll.css  */

/* Start of No Blue Footer CSS */

.devkit-ext-no-footer-wrapper {
	display: block;
	width: 100%;
	border-top: 3px solid #937206;
	border-top: 3px solid var(--ext-footer-top-border);
	border-bottom: 6px solid #003e7e;
	border-bottom: 6px solid var(--primary-blue);
}

/*End of No Blue Footer CSS */

/* External */

.devkit-ext-btmbar-wrapper {
	width: 100%;
	background: linear-gradient(#ffffff, #f3f3f3);
	background: linear-gradient(var(--white), var(--ext-dot-footer-gradient));
	padding: 12px 0 24px
}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar,
	.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar {
		display: -ms-grid;
		display: grid;
  -ms-grid-columns: 1fr (16px 1fr)[3];
  grid-template-columns: 1fr repeat(3, 16px 1fr);
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		width: auto;
		margin: 0 auto
	}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content {
			-ms-grid-column: 1;
			-ms-grid-column-span: 7;
			grid-column: 1 / span 7;
			-ms-grid-row: 1;
			grid-row: 1;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-between;
			padding: 0 6px
		}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper {
				display: flex;
				align-items: center;
				margin-top: 12px
			}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper p, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper p {
					line-height: 1rem;
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper img,
				.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper .faa-addr,
				.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper img,
				.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper .faa-addr {
					display: inline-block;
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper img, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper img {
					width: 63px;
					height: 64px;
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper .faa-addr, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper .faa-addr {
					padding-left: 9px;
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col h2, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col h2 {
					font-size: 1.375rem;
					line-height: 1.875rem;
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul {
					list-style-type: none;
					padding-left: 0
				}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul li, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul li {
						display: block;
						margin-top: 6px;
						font-size: 0.9375rem
					}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul li a:link,
						.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul li a:hover,
						.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul li a:visited,
						.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul li a:link,
						.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul li a:hover,
						.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul li a:visited {
							color: #005690;
							color: var(--link-active);
						}

.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .btmbar-col ul li a:hover, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .btmbar-col ul li a:hover {
							text-decoration: underline;
						}

@media screen and (min-width: 960px) {
	.devkit-ext-btmbar-wrapper {
		padding: 6px 0 12px
	}

		.devkit-ext-btmbar-wrapper .devkit-ext-btmbar {
			width: 100%;
		}

		.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar {
			width: 100%;
			max-width: 960px;
			margin: 0 auto;
			padding: 0 1%;
		}

		.devkit-ext-btmbar-wrapper .devkit-ext-btmbar,
		.devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar {
			display: -ms-grid;
			display: grid;
  -ms-grid-columns: 1fr (24px 1fr)[11];
  grid-template-columns: 1fr repeat(11, 24px 1fr);
			-ms-grid-rows: auto;
			grid-template-rows: auto
		}

			.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content {
				-ms-grid-column: 1;
				-ms-grid-column-span: 23;
				grid-column: 1 / span 23;
				-ms-grid-row: 1;
				grid-row: 1;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-items: flex-start;
				justify-content: space-between;
				padding: 0
			}
					.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper img, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper img {
						width: 96px;
						height: 96px;
					}
					.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-content .logo-addr-wrapper .faa-addr, .devkit-ext-btmbar-wrapper .devkit-ext-fw-btmbar .btmbar-content .logo-addr-wrapper .faa-addr {
						padding-left: 6px;
					}
			.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .logo-addr-wrapper {
				margin-left: 24px;
			}
			.devkit-ext-btmbar-wrapper .devkit-ext-btmbar .btmbar-col:last-of-type {
				margin-right: 24px;
			}
}
/* END - FOOTER Styles got from devkitAll.css  */

/* NS-1005: Modify colors for footer links. These styles were moved from ns.css to this file */
div.devkit-ext-btmbar-wrapper div.devkit-ext-btmbar div.btmbar-content div.logo-addr-wrapper div.faa-addr p a:link {
  color: #0076c0;
}
div.devkit-ext-btmbar-wrapper div.devkit-ext-btmbar div.btmbar-content div.logo-addr-wrapper div.faa-addr p a:visited {
  color: #7a0098;
}
div.devkit-ext-btmbar-wrapper div.devkit-ext-btmbar div.btmbar-content div.logo-addr-wrapper div.faa-addr p a:hover {
  color: #333333;
}
div.devkit-ext-btmbar-wrapper div.devkit-ext-btmbar div.btmbar-content div.logo-addr-wrapper div.faa-addr p a:active {
  color: #333333;
}

/* NS-1029: Changed the table headings color to #0076c0 to comply with the FAA Table defaults template */
.faa-table-heading {
	background-color: #0076c0 !important;
	border-color: #0076c0 !important;
}