.page-header
{
    margin: 3px 5px;
}

.page_section h3 {
    font-size: 22px !important;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
	text-transform: none !important;

}

.page_section .section-show h3 {
  background: #367D6F !important;
  color: #fff !important;
  margin-bottom: 20px !important;
}


/**
	START - #43106 - SCAN - Portal - Read the details of 'Recommendations' and 'Subject Children' on information forms without scrolling
	This is special styling for when an Information Form is displayed inside a modal window, as when viewing from within a meeting session 
	agenda item, scrolling to the very bottom, and viewing or editing the information form
**/
@media(max-width: 767px) {
	#content_form table:not(.table-condensed) > tbody > tr > td:nth-child(odd) {
		padding-right: 0px !important;
	}

	fieldset[aria-label="Recommendations"] .entity-grid .view-grid>table,
	fieldset[aria-label="Section"] .entity-grid .view-grid>table {
		table-layout: auto;
	}

	fieldset[aria-label="Recommendations"] .table-fluid thead,
	fieldset[aria-label="Section"] .table-fluid thead {
		display: block;
	}
	
	fieldset[aria-label="Recommendations"] .table-fluid tr,
	fieldset[aria-label="Section"] .table-fluid tr {
		display: flex;
	}

	fieldset[aria-label="Recommendations"] .table-fluid th,
	fieldset[aria-label="Recommendations"] .table-fluid td,
	fieldset[aria-label="Section"] .table-fluid th,
	fieldset[aria-label="Section"] .table-fluid td {
		flex: 1;
		padding-bottom: 25px !important;
		padding-right: 0px !important;
	}

	fieldset[aria-label="Recommendations"] .table-fluid td:last-child,
	fieldset[aria-label="Section"] .table-fluid td:last-child {
		padding-bottom: 25px !important;
		padding-right: 0px !important;
	}

	fieldset[aria-label="Recommendations"] .table-fluid td:before,
	fieldset[aria-label="Recommendations"] .table-fluid td:after,
	fieldset[aria-label="Section"] .table-fluid td:before,
	fieldset[aria-label="Section"] .table-fluid td:after {
		content: unset;
	}

	.entity-grid .view-grid {
		height: 300px;
	}

	.view-grid .table > thead >tr > th,
	.view-grid .table > thead >tr > td {
		flex: 1;
	}

	html[dir=ltr] .table-fluid td {
		padding-left: 0px !important;
	}

	html[dir=ltr] {
		overflow-y: hidden;
	}

	fieldset[aria-label="Section"] div.view-grid {
		width: 1150px;
	}
}

@media(max-width: 900px) {
	#content_form table:not(.table-condensed) > tbody > tr > td:nth-child(odd) {
		padding-right: 0px !important;
	}
}

iframe[data-controlid="RecommendationView"],
iframe[data-controlid="Subject Children"] {
	height: 325px !important;
}
/**
	END - #43106 - SCAN - Portal - Read the details of 'Recommendations' and 'Subject Children' on information forms without scrolling
**/

/**
	START - #49463 - SCAN Portal Cannot Save Agency Response
	--------------------------------------------------------
	When a form is shown as a modal (in this case, a modal inside another modal) the html element of 
	the inner modal applies a style to disable vertical scroll. This means content that extends beyond 
	the bottom of the displayed real-estate area is cut off. When this ends with white-space it appears 
	as though the form is simply missing content. In the above case, the submit button was hidden.
	This style ensures that when a form is displayed inside an iframe, its scroll is changed from hidden to auto.
**/
html.is-in-iframe {
	overflow-y: auto;
}
/**
	END - #49463 - SCAN Portal Cannot Save Agency Response
**/