@page {
	size						: letter portrait;
	padding						: 0;
	/* Grrr...  Chrome always adds ~30px to margin-left, regardless of setting below.  This is compromise b/w Chrome & IE */
	margin						: 30px 20px 30px 10px;

	/*
	counter-increment			: page;
	@bottom-center {
		content					: "Page " counter(page);
	}
	*/
}
/*
@page :first { margin-top		: 0px; }
@page :last { margin-bottom		: 0px; }
*/
@page rotated { size			: letter landscape; }

.landscape { page				: rotated; }

@media screen
{
	.print-only, .print_only { display			: none !important; }
}
@media print
{


	/*  Special classes for printed media
		Assign these classes to elements as necessary to get the desired effect.  :)
	*/

	.do_not_print, .do-not-print { display		: none !important; }
	.nobreak { page-break-inside: avoid; }
	.page_break {
		display					: none;
		page-break-after		: always;
	}

	body {
		background				: transparent !important;
		font					: 75% Verdana, Arial, Helvetica, sans-serif !important;
		margin					: 0px;
		padding					: 0px;
		height					: auto !important;
		border					: 0px !important;
	}

	/* These two tags allow us to only show the contents of .page-wrapper & #footer */
	/*body * {
		visibility				: hidden;
	}
	.page-wrapper * {
		visibility				: visible;
	}
	#footer * {
		visibility				: visible;
	}*/


	h1, h2, h3, h4, h5, h6 {
		page-break-after		: avoid;
		page-break-inside		: avoid;
	}



	thead { display				: table-header-group; }
	tbody { display				: table-row-group; }

	tr {
		orphans					: 0;
		widows					: 0;
	}
	td {
		/*page-break-inside		: avoid;*/
	}

	/* Ensure images don't get cut when printed */
	img {
		max-width				: 100% !important;
		page-break-inside		: avoid;
	}

	/* Hide URLs of links */
	a[href]:after {
		content:"" !important;
	}

	#middlebar {
		border: 0px !important;
		text-align: left;
		overflow: hidden !important;
		width: auto !important;
		height:	auto !important;
	}

	#contentarea {
		border: 0px !important;
		text-align: left;
		overflow: hidden !important;
		width: auto !important;
		height:	auto !important;
		margin-top: 50px !important;
	}

	.contentarea-title {
		text-align		: center;
		font-variant	: small-caps;
		color			: #000;
	}

	.printborder {
		border: 1px solid #d3d3d3;
	}

	.dropshadow {
		box-shadow: none;
	}


	.ui-button				{ display:	none !important; }
	input.button			{ display:	none !important; }
	#topbar					{ display:	none !important; }
	#bottombar				{ display:	none !important; }
	#coverdiv				{ display:	none !important; }
	.mainmenu_contents		{ display:	none !important; }
	.mainmenu_item			{ display:	none !important; }
	.under-construction		{ display:	none !important; }
	#spinner				{ display:	none !important; }
	#loginDetails			{ display:	none !important; }
	#jstree-marker			{ display:	none !important; }
	#fancybox-tmp			{ display:	none !important; }
	#fancybox-loading		{ display:	none !important; }
	#fancybox-overlay		{ display:	none !important; }
	#fancybox-wrap			{ display:	none !important; }
	#ui-datepicker-div		{ display:	none !important; }
	.selectboxit-list		{ display:  none !important; }


    /*.mdl-layout--fixed-header {
        display: none !important;
    }*/


    .mdl-layout__header.mdl-layout__header--scroll,
    .mdl-mini-footer {
        display: none !important;
    }
    .rocketchat-container {
        display: none !important;
    }
    .docs-layout-content {
        background: white !important;
    }

    .mdl-layout.docs-layout {
        overflow: visible;
        height: inherit;
    }
}