@media print {
	#sideBar,
	#rangeSelectorId,
	#printBtn,
	#downloadBtn,
	#detailsLink,
	#dashboardHeader,
	#mobileHeader,
	#productTitle {
		display: none;
	}
	@page {
		size: landscape;
		margin: -200px -150px 0 -150px;
		padding: 0px;
	}
	.chartTitle {
		text-align: left;
		font-size: 18px;
		font-family: 'Open Sans', sans-serif;
		color: #333; 
		font-weight: 400;		
	}
	.printOnly{
		display: block;
	}
	.schoolName {
		text-align: left;
		font-size: 26px;
		font-family: 'Playfair Display', serif;
		color: #18579a; 
		font-weight: 700;
		padding: 0 0 20px 0;		
	}
	#tabpanelProfile {
		transform: scale(.7);
	}
	#topChart{
	}
	#dataSummary{
	}
	#stat1, #stat2, #stat3 {
		font-family: 'Open Sans', sans-serif;
		color: #91be4d;
		font-size: 20px;
		font-weight: 700;
	}
}


@media print {
	.printChart {
		width: 19cm;
	}
	@page {
		size: portrait;
		margin: 1cm;
		padding: 0;
		zoom: 1;
	}

	tr {
		-webkit-print-color-adjust: exact; 
	}

	.printChart table {
		width: 19cm;
	}
	.dx-cell-focus-disabled th {
		background-color: rgb(0, 0, 0) !important;
		color: #ffffff !important;
	}
}
.printChart {
     padding: 25px 40px 25px 40px;
 }
 
 #reportHeader {
     height: 76px;
     text-align: right;
     border-bottom: solid 3px darkgray;
 }
 
 #reportLogo {
	height: 70px;
	float: left;
	margin-top: -13px;
 }
 #reportTitle {
     font-size: 30px;
     margin-top: -16px;
	 font-family: Georgia Arial Times;
	 width: 50%; 
	 float: right;
	 text-align: right;
 }
 
 #reportSchool {
     font-size: 13px;
     font-family: Georgia Arial Times;
     font-weight: bold;
	 width: 50%; 
	 float: right;
	 text-align: right;
 }
 
 #reportSubTitle {
     font-size: 13px;
     font-family: Georgia Arial Times;
	 width: 50%; 
	 float: right;
	 text-align: right;
 }
 
 #reportChart {
     margin-top: 30px;
 }
 
 #reportChartImage {
 width: 100%;
 margin-top: 30px;
 margin-bottom: 30px;
 }
 
 .printChart table {
     background-color: White;
     width: 100% !important;
     text-align: left; 
	 border-collapse: collapse; 
     }
 .printChart td, th {
     border: 1px solid Black;
     padding: 6px;
     }
 .printChart table tbody td {
     border: 1px solid Black;
     font-size: 16px; 
     padding: 6px;
     }
 .printChart table tr:nth-child(even) {
     background: rgb(236, 236, 236);
     }
 .printChart .dx-header-row .dx-datagrid-action .dx-cell-focus-disabled {
	 border-bottom: 2px solid #444444;
     }
 .printChart table thead th .dx-datagrid-action .dx-cell-focus-disabled {
     font-size: 19px;
	 font-weight: bold;
     border-left: 2px solid #D8E0F5;
	 }
.dx-cell-focus-disabled{
		background-color: rgb(0, 0, 0) !important;
		color: #ffffff !important;}

 .printChart table th:first-child {
     border-left: none;
     }

	 