@media print {
	.commonNote-NoPrint
	{
		display: none !important;
	}
	html {
		height: auto !important;
		min-height: auto !important;
	}
	body {
		background: #fff;
		font-family: 'Open Sans', sans-serif;
		color: #4e4e4e;
		line-height: 22px;
		height: auto !important;
		overflow-wrap: all;
		overflow-y: visible !important;
		
	}
	.chart-header {
		background-color: #2A5467;
		color: #FFFFFF;
		border-bottom: 1px solid #d9d9d9;
		padding: 5px;
	}
	ul,ol {
		margin-top: 0;
		margin-bottom: 10px;
	}
	/*
		regarding the charts
	*/
	.chartResponse {
		position: relative;
		float: left;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.chartjs-render-monitor {
		width: 100% !important;
		height: 100% !important;
	}
	.chart-legend {
		margin-top: 15px !important;
		padding: 15px !important;
	}
	#chartJobCount,#chartJobGrowth {
		display: inline;
		width: 100%;
	}
	/*
	colouring chart legend tags 
	*/
	div.chart-legend>ul>li:first-child:before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(0, 135, 203) !important;
	}
	div.chart-legend>ul>li:nth-child(2):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(255, 195, 0) !important;
	}
	div.chart-legend>ul>li:nth-child(3):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(156, 15, 95) !important;
	}
	div.chart-legend>ul>li:nth-child(4):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(196, 192, 6) !important;
	}
	div.chart-legend>ul>li:nth-child(5):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(217, 217, 217) !important;
	}
	div.chart-legend>ul>li:nth-child(6):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(0, 113, 169) !important;
	}
	div.chart-legend>ul>li:nth-child(7):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(255, 137, 0) !important;
	}
	div.chart-legend>ul>li:nth-child(8):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(204, 55, 149) !important;
	}
	div.chart-legend>ul>li:nth-child(9):before {
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(255, 137, 0) !important;
	}
	div#employmentCharSection>div:nth-child(3)>div>div>ul>li:nth-child(3):before
		{
		content: "\00a0";
		height: 10px !important;
		width: 10px !important;
		background-color: rgb(217, 217, 217) !important;
	}

	/*
	specifying the font colour to print the web page. 
	(the font colour in the table is white and its background-colour is dark-blue)
	*/
	.row-color-dark-blue {
		color: black !important;
	}
	/*
	table coloum arrangement and design
	*/
	.col-md-4 {
		width: 33.33333333% !important;
		float: left;
	}
	.col-sm-6 {
		float: left;
	}
	.col-xs-12 {
		float: left;
	}
	.col-md-8 {
		width: 66.66666666666666%;
		float: left;
	}
	.col-md-6 {
		width: 50%;
		float: left;
	}
	
	/*
	When printing the web page, the map image is easily broken by two pages.
	So it is better to load and show the map in the next print page.  
	*/
	#locationsSection {
		page-break-before: always;
	}
	#employmentCharSection {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.bold-label {
		font-weight: bold !important;
		display: inline-block !important;
	}
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
	.add-margin-top {
		margin-top: 15px !important;
	}
	.remove-padding {
		padding: 0px !important;
	}
	.flex-content-vertical {
		flex-flow: column wrap;
	}

	.remove-padding {
		padding: 0px !important;
	}
	.flex-content-vertical {
		flex-flow: column wrap;
	}
	#navbar {
		display: none;
	}
	#banner {
		display: none;
	}
	ul .menu {
		display: none;
	}
	#tab_menu_services {
		display: none;
	}
	#left_column {
		display: none;
	}
	#homemenu {
		display: none;
	}
	#explore {
		display: none;
	}
	#contacts {
		display: none;
	}
	.leftnav {
		display: none;
	}
	.leftnav H2 {
		display: none;
	}
	.leftnav .header {
		display: none;
	}
	.pageFind {
		display: none;
	}
	.more {
		display: none;
	}
	.spacerTop {
		display: none;
	}
	.promo {
		display: none;
	}
	.small {
		display: none;
	}
	.thick {
		display: none;
	}
	.leftnav .menu {
		display: none;
	}
	.row img {
		display: none;
	}
	#left_navigation {
		display: none;
	}
	#tcu {
		display: none;
	}
	img {
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		border-bottom-style: none;
	}
	a {
		color: #000000;
		text-decoration: none;
	}
	#arc {
		background: url(/graphics/tcu/ministry_header.gif);
		width: 100%;
		height: 36px;
	}
	#arcf {
		background: url(/graphics/tcu/ministry_headerf.gif);
		width: 100%;
		height: 36px;
	}
	#arc form {
		display: none;
	}
	#arcf form {
		display: none;
	}
	#wrapper {
		width: 100%;
	}
	TABLE {
		width: 100%;
	}
	#header {
		width: 100%;
	}
	#header1 {
		width: 100%;
	}
	#header img {
		margin: 0px 10px;
	}
	#textlinks {
		display: none;
	}
	#nav {
		display: none;
	}
	#generic {
		display: none;
	}
	#apprentice {
		display: none;
	}
	.bookmarks {
		display: none;
	}
	#p_actions {
		display: none;
	}
	.rowheader {
		vertical-align: top;
	}
	caption {
		display: none;
	}
	.hide-print {
		display: none !important;
	}
	.footer-swoosh {
		display: none !important;
	}
	#footer {
		bottom: 0 !important;
		position: relative !important;
		height: auto !important;
		padding: 0 !important;
	}
	#content_area {
		margin-bottom: 0px !important;
	}
	.pagination,.pagination-sm {
		display: none;
	}
	a[href]::after {
		content: "";
	}
	#projectedJobOpeningLegend li span{
		background: unset !important;
	}
	.mobile-sidebar{
		display: none !important;
	}
	.remove-padding-left {
		padding-left: 10px !important;
	}
	.remove-padding {
		padding: 10px !important;
	}
	#mainbody {
		margin: 25px !important;
	}
	.sidebar-floatBtn {
		display: none;
	}
	
	.printRedacted {
		display: none !important;
	}
	
	.printMask {
		display: block !important;
		content: url("../images/blackbox.png") !important;
		width: 80% !important;
		height: 20px !important;
	}
	.printMask::after {
		display: block !important;
		content: url("../images/blackbox.png") !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 20px !important;
		max-height: 20px !important;
		margin: 2px !important;
		padding: 2px !important;
	}
	.collapse {
		display: block !important;
		height: auto !important;
	}
	.requiredNotificationPrompt {
		display: block !important;
	}
	
	#showHideNotificationPrompts{
		display: none;
	}
	#stepPanelClose {
		display:none;
	}
	
	div.div-table {
		display: table;
		width: 95% !important;
	}
	div.div-table-row{
		display: table-row;
	}
	div.div-table-heading{
		display: table-header-group;
	}
	
	div.div-table-body{
		display: table-row-group;
	}
	div.div-table-cell {
		display: table-cell;
	}
	div.div-table-head {
		display: table-cell;
	}
	
	div.individualDetails {
		display: table-row !important;
	}
	div.categoryDetails {
		display:table-row !important;
	}
	div.notificationDetails {
		display: table-row !important;
	}
	
	.navbar {
		display: block !important;
	}
	#ontarioHeaderLogo {
		display: block;
		background-image: url(../images/ontario-logo-2019-black.png) !important;
		content: url(../images/ontario-logo-2019-black.png) !important;
		background-color: white: U !important;	
		-webkit-print-color-adjust: exact;	
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 153px !important;
		height: 38px !important;
		margin-left: 10px !important;
	}
	#headerForm > div.col-xs-10.remove-padding.header-cust-width > div > div {
		display: none !important;
	}
	
	#headerForm > div.col-xs-2.remove-padding.nav-cust-width > div.collapse.navbar-collapse {
		display: none !important;
	}
	#headerForm > div.col-xs-2.remove-padding.nav-cust-width > div.navbar-header.module-header {
		display: none !important
	}
	div > a > span.invisibleText {
		display: inline-block !important;
		color: transparent !important;
		max-height: 0px !important;
		max-width: 0px !important;
	}
	
	.btn {
		display: none !important;
	}
	
	#menu1 {
		display: none !important;
	}
	#headerForm\:menuSection {
		display:none !important;
	}
	
	div.panel>.panel-heading {
		background-color: #EDEDED !important;
		border-bottom-color: transparent !important;
		border-left-color: #8A8A8A !important;
		border-left-width: 15px !important;
	}
	h2.panel-title {
		font-size: 24px;
	}
	h3.panel-title {
		color: black !important;
		font-size: 30px;
	}
	.glyphicon-chevron-up {
		display: none;
	}
	.panel {
		border-color: white !important;
	}
	ol.breadcrumb>li:last-child {
		font-weight: bold !important;
	}
	.toc-line {
		display: none;
	}
	.sidebar-floatBtn {
		display: none;
	}

	.printRedacted {
		display: none;
	}
}

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.printMask {
		display: block !important;
		content: url("../images/blackbox.png") !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 20px !important;
	}
	
	.printMask::after {
		display: block !important;
		content: url("../images/blackbox.png") !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 20px !important;
		max-height: 20px !important;
		margin: 2px !important;
		padding: 2px !important;
	}
	
}

div.probationOfficerNotification {
	display: none !important;
}

.language {
	display:none !important;
}

.odsheaderrow {
	display:none !important;
}