/*
  Rules which style the webpage when it is rendered as a printable document.
*/
#breadcrumbs, #topbar, #site_corner, #logo_container, #menu, #frame > div.panel.context:first-child,
#footer a, #footer div:nth-child(2), .qtip, .ops_page_tooltip, .tooltip, .ops_datagrid_options, #tabs,
#debug, #page_note, .ops_noprint, .noprint
{
	display: none !important;
}

html {
	font-size: 12px ;
}

body {
	background: #FFFFFF !important;
}

.panel, .headed_box {
	border: none;
	background: none;
	box-shadow: none;
}

.small {
	max-width: 25rem;
}

.table-container {
	max-height: none;
	max-width: none;
}

#content_wrapper, #content, .table-container, form {
	overflow: visible;
}

body.horizontal_content {
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	page-break-before: always;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


div.dashboard > div:not(.small) {
	min-width: 95vw;
}

.break {
	break-before: always;
	break-inside: avoid;
}

.avoid-breaking, .avoid-breaking * {
	break-inside: avoid !important;
}

.table-container, .datagrid-container {
	max-height: none ;
}

/**
	Datagrids
**/

/* Without the override below printed datagrids lose heading position
where user has already scrolled down */
th {
	position: initial !important;
}
/* Drop hover style */
.datagrid tbody tr:hover {
	background-color: inherit !important ;
}
#cookie-notice {
	display: none;
}

/**
	MIS Agreement
**/

.mis-agreement {
	max-width: 70em;
}

#content > .mis-agreement {
	padding: 0;
}

/**
	Exam ResultCard
**/

.result-card:not(.expanded) > .content,
.result-card:not(.expanded) .title
{
	max-height: 1000px; /* Ensure this is visible */
}
.result-card {
	margin-bottom: 2em;
}
.results-container {
	/* Flex (and flex wrapping) does not page-break correctly. Use block layout instead, having each
	   block use 100% screen width. */
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

.certificate-notice {
	/* Bring this notice to the top of the page on print: */
	order: -1;
}

