html {
	overflow-x: unset;
}

.devkit-ext-app-title {
	font-size: 1.25rem;
}

.devkit-ext-app-title a {
	display: none
}

.devkit-ext-app-title abbr {
	display: inline
}

.devkit-toolbar-wrapper, .devkit-ext-toolbar-wrapper {
	justify-content: flex-end;
}

.devkit-ext-no-footer-wrapper {
	display: block;
}

/* Help Callout */

.devkit-ext-toolbar-wrapper #devkit-help-icon-wrapper .devkit-ext-help-content-wrapper {
	padding-right: 0;
	right: 10px;
	width: 380px;
}

.devkit-ext-toolbar-wrapper #devkit-help-icon-wrapper .devkit-ext-help-content-wrapper .devkit-help-item-wrapper {
	max-height: 600px;
	overflow-y: scroll;
	padding-right: 24px; 
}

/* Reset Message wrapper and Pod-Box margin */

.devkit-success-message-wrapper, .devkit-info-message-wrapper, .devkit-warning-message-wrapper, .devkit-pod-box-wrapper {
	margin: 0 0 12px 0;
}

/* Reset Pod-Box width */

.devkit-pod-box-wrapper .devkit-pod-heading, .devkit-pod-box-wrapper .devkit-pod-body {
	width: inherit;
}

/* Remove bold from table rows on hover */
.devkit-simple-table-wrapper .devkit-table tr:hover {
	font-weight: initial;
}

/* Next 2 styles fix missing table styles for TBODY TH and TFOOT TD */

.devkit-simple-table-wrapper .devkit-table tbody th {
	padding: 10px;
	text-align: left;
	border: solid 1px #cccccc;
	border: solid 1px var(--light-grey);
	border-left: none;
	border-right: none;
	font-weight: 600;
	color: #002664;
	color: var(--dark-blue);
}

.devkit-simple-table-wrapper .devkit-table tfoot td {
	border: solid 1px #cccccc;
	border: solid 1px var(--light-grey);
	padding: 10px;
	border-left: none;
	border-right: none;
}

/* KendoUI Window/Dialog */
.k-window {
	padding: .2em;
}
/* KendoUI Window/Dialog titlebar contrast */
.k-window-titlebar {
	color: #fff;
	background-color: #0d76bd;
}
/* KendoUI Window/Dialog titlebar close button border */
.k-window-titlebar .k-window-action {
	border: solid 1px #fff !important;
}
/* KendoUI Dialog ButtonGroup alignment */
.k-window:has(.buttonCentered) .k-dialog-buttongroup {
	justify-content: center;
}

/* Fix link button in footer */
#lnkDisclaimer, #lnkPRAandPrivacyAct {
	border: none;
	color: #005690;
	font-size: 0.9375rem
}

/* Remove fieldset border */

.devkit-text-input-form-wrapper fieldset.devkit-text-input-fieldset-wrapper,
.devkit-checkradio-wrapper fieldset,
.devkit-single-select-dropdown-wrapper fieldset.devkit-single-select-fieldset-wrapper {
	border: 0;
}

/* Remove fieldset padding */

.devkit-text-input-form-wrapper fieldset.devkit-text-input-fieldset-wrapper {
	padding: 0;
}

/* Next 2 styles remove bullets from checkbox and radio button lists */

.devkit-checkradio-wrapper fieldset ul.devkit-checkbox-list, .devkit-checkradio-wrapper fieldset ul.devkit-radio-button-list {
	list-style-type: none;
	padding-left: 0;
}

.devkit-checkradio-wrapper fieldset ul.devkit-checkbox-list li, .devkit-checkradio-wrapper fieldset ul.devkit-radio-button-list li {
	align-items: center;
	margin-bottom: 0;
}

/* Fix table cell alignment for narrow screens */
@media screen and (max-width: 600px) {
	.devkit-simple-table-wrapper .devkit-table tbody td {
		text-align: inherit;
	}
}

@media screen and (min-width: 768px) {
	div.ext-header-wrapper .ext-header .devkit-ext-app-title {
		align-items: center;
		flex-direction: row;
		line-height: 1rem;
	}

	.devkit-ext-app-title a {
		display: inline;
	}

	.devkit-ext-app-title abbr {
		display: none;
	}
}

/*@media screen and (min-width: 960px) {
}*/

@media screen and (min-width: 1024px) {
	div.ext-header-wrapper .ext-header .devkit-ext-app-title {
		align-items: flex-start;
		flex-direction: column;
		line-height: 1.5rem;
	}
}

/*@media screen and (min-width: 1280px) {
}*/

/*@media screen and (min-width: 1600px) {
}*/

.nobr, a[href^="tel:"] {
	white-space: nowrap;
}

.link-button {
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.link-button:hover {
	text-decoration: underline;
}

.js .noflash {
	display: none;
}

.b, .bold {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.red {
	color: red;
}

.darkred {
	color: darkred;
}

.green {
	color: green;
}

.textCenter {
	text-align: center;
}

.hidden {
	display: none !important;
}

/* Next 5 styles are for input focus */
input:focus, select:focus, textarea:focus, img:focus, a:focus, button:focus, span:focus, div:focus {
	outline: #FA0 solid 2px !important;
	outline-offset: 2px;
}

[type=checkbox]:focus + label::before {
	outline: #FA0 solid 2px !important;
	outline-offset: 3px;
}

[type=radio]:focus + label::before {
	outline: #FA0 solid 2px !important;
	outline-offset: 6px;
}

.k-panelbar > .k-panelbar-header > .k-link.k-focus {
	box-shadow: none;
	outline: #FA0 solid 2px !important;
	z-index: 1;
}

.k-window-content:focus {
	outline: none !important;
}

/* KendoUI Tooltip */
.k-animation-container:has(.k-tooltip) {
	max-width: 300px;
	height: 50px !important;
}

.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
	padding: 10px;
	position: absolute;
	z-index: 9999;
	color: #000;
	border: 1px solid #aaa;
	background-color: #fff;
	box-shadow: -8px -8px 8px #aaa;
}

/* Announcement Info header tooltip focus */

#InfoHeader i.tooltip:focus {
	outline: 0;
}

#InfoHeader i.tooltip:focus::before {
	outline: #FA0 solid 2px !important;
	outline-offset: 2px;
	border-radius: 100%;
}

/* Timeout Warning */

#timeout-warning {
	margin: 0 0 12px 0;
}

/* Fix to allow Spinner to rotate */

.devkit-progressbar-wrapper .devkit-loading .fa-spinner {
	display: inline-block;
}

/* Questionnaire styles */

#form-qn {
	width: 100%;
}

.questionnaire .section h2 {
	border-bottom: 1px solid #999;
	color: #900;
	font-size: 1.3em;
}

.questionnaire .section > div:nth-child(even of div) {
	background: #F6F1DF;
}

.questionnaire .devkit-simple-table-wrapper .devkit-table tr.devkit-table-row:nth-child(even), .questionnaire .devkit-simple-table-wrapper .devkit-table thead tr.devkit-table-row:nth-child(odd) {
	background: #F6F1DF;
}

.questionnaire .select-wrapper {
	display: inline-block;
	position: relative;
}

.questionnaire fieldset {
	border: 0;
	margin: inherit;
}

.questionnaire legend {
	font-size: inherit;
	padding: 0;
}

.questionnaire fieldset legend {
	width: 100%
}

fieldset .questionnaire .devkit-form-row {
	display: block;
}

/* Next 2 styles make the textarea automatically expand/collapse to the width of the parent */

.questionnaire .textarea-wrapper, .questionnaire .text-wrapper {
	width: 100%;
}

.devkit-text-input-form-wrapper .questionnaire textarea, .devkit-text-input-form-wrapper .questionnaire [type="text"] {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.devkit-text-input-form-wrapper fieldset .devkit-form-row {
	margin-bottom: 0;
}

/* Next 3 styles are for a select dropdown */

.devkit-single-select-dropdown-wrapper .questionnaire .select-wrapper:after {
	color: #353535;
	content: '\f0d7';
	font-family: 'Font Awesome 5 Free';
	font-size: 1.25rem;
	font-weight: 900;
	padding: 18px 0 0 0;
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 0;
}

.devkit-single-select-dropdown-wrapper fieldset .questionnaire .devkit-form-row:nth-of-type(2n + 1):after, .devkit-single-select-dropdown-wrapper fieldset .questionnaire .devkit-form-row:nth-of-type(2n):after {
	display: none
}

@media screen and (min-width: 768px) {
	.devkit-single-select-dropdown-wrapper fieldset .questionnaire .devkit-form-row select {
		min-width: 320px;
		width: initial;
	}
}

/* Hide the Not Answered select option (placeholder) */

.questionnaire select option[value=""][disabled], .questionnaire select option[value="5"][disabled] {
	display: none;
}

/* Next 2 styles are for questionnaire error highlighting */

.devkit-text-input-form-wrapper fieldset .questionnaire .devkit-input-error, .devkit-single-select-dropdown-wrapper fieldset .questionnaire .devkit-input-error {
	border-left: 5px solid #c32026;
	border-left: 5px solid var(--red);
	margin-bottom: inherit;
	margin-top: inherit;
	max-width: inherit;
	padding-left: 18px;
	padding-top: 12px;
	position: inherit;
	right: inherit;
}

.devkit-text-input-form-wrapper fieldset .questionnaire .devkit-input-error input, .devkit-text-input-form-wrapper fieldset .questionnaire .devkit-input-error textarea, .devkit-text-input-form-wrapper fieldset .questionnaire .devkit-input-error select {
	border: 3px solid #c32026;
	border: 3px solid var(--red);
}

/* Hide checkbox and radio buttons off the left side of the page in case opacity is disabled */

[type=checkbox], [type=radio] {
	position: absolute;
	left: -10000px;
}

/* Fix KendoUI primary contrast */
.k-button-solid-primary {
	color: #fff;
	background-color: #003e7e;
}

/* Fix KendoUI button :hover color */
.k-button:hover {
	color: #fff;
	background-color: #0e76bd;
}

/* KendoUI Panelbar (Accordion) */
.k-panelbar {
	font-size: inherit;
}

.k-panelbar > .k-panelbar-item > .k-link { 
	font-weight: 700;
}

.k-panelbar > .k-panelbar-header > .k-link.k-selected {
	background: #0d76bd;
	background: var(--dialog-background);
}

.k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover,
.k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
	background: #003e7e;
	background: var(--primary-blue);
	color: #fff; 
}

.k-panelbar .k-content { 
	padding: 15px;
}

.k-panelbar .k-content p {
	margin-top: 0;
}

@media print {
	.devkit-pod-box-wrapper .devkit-pod-heading { border: solid 1px #cccccc; }
	.devkit-dot-microbar-wrapper .devkit-dot-microbar .dot-links-wrapper, #devkit-toolbar-wrapper, #timeout-warning { display: none; }
	div.ext-header-wrapper .ext-header .devkit-ext-site-logo { grid-column: 1 / span 3; grid-row: 1; margin-left: 9px; }
	.devkit-ext-site-logo { margin-top: 0; }
	.devkit-ext-site-logo img { display: inline; width: 24px; height: 24px; padding-bottom: 6px; }
	.devkit-ext-site-logo .devkit-logo-title { display: none; }
	div.ext-header-wrapper .ext-header .devkit-ext-site-logo::after { padding-left: 3px; font-size: 0.875rem; content: 'Federal Aviation Administration'; }
	div.ext-header-wrapper .ext-header .devkit-ext-app-title { grid-column: 1 / span 7; grid-row: 2; justify-content: flex-start; margin-left: 12px; }
	.devkit-ext-app-title a { display: inline; }
	.devkit-ext-app-title abbr { display: none; }
}
