iTop/css/print.css

@CHARSET "UTF-8";
@media print {
	html {
		font-size: 10px;
		break-after:auto;
	}
	.not-printable {
		display: none;
	}

	span.ui-layout-resizer {
		display: none;
	}

	#header-logo {
		display: none;
	}

	#logo {
		display: none;
	}

	div.header-menu {
		display: none;
	}

	div.footer {
		display: none;
	}

	#top-bar {
		display: none;
	}

	#inner_menu {
		display: none;
	}

	div.actions_button {
		display: none;
	}

	div.itop_popup {
		display: none;
	}

	a.tab {
		display: none;
	}

	div.itop-tab {
		border: #ccc 1px solid;
		margin-top: 1em;
		padding-bottom: 1em;
	}

	#combodo_logo {
		display: none;
	}

	div.graph_config {
		display: none;
	}

	h2.printable-tab-title {
		page-break-after: avoid;
	}

	h1 {
		page-break-after: avoid;
	}

	div#tabbedContent_0 {
		border: none;
	}

	p a, .ui-widget-content td a, p a:hover, .ui-widget-content td a:hover, p a:visited, .ui-widget-content td a:visited, td a, td a:visited, td a:hover {
		padding-left: 0;
		background: transparent;
	}

	body {
		margin: 10px;
	}

	@page {
		margin: 1cm;
	}

	.printable-tab {
		-webkit-region-break-inside: avoid;
		page-break-inside: avoid;
	}

	.printable-version legend {
		padding-left: 8px;
		background-image: none;
	}

	/**
		 *	PRINT Stylesheet
		 *
		 *	First 'neutralize' all the positioning/overflow CSS added by Layout
		 *	Then change or add cosmetic styles (borders, padding) for printing
		 *
		 *	MUST use "!important" for all size, position, margin & overflow rules,
		 *	so these will 'override' styles applied to the elements by Layout
		 */
	html, body {
		/* NEUTRALIZE 'layout container' styles */
		overflow: visible !important;
		width: auto !important;
		height: auto !important;
		position: static !important;
	}

	.ui-layout-pane,
	.ui-layout-resizer,
	.ui-layout-toggler {
		/* NEUTRALIZE 'layout element' styles */
		display: none !important; /* hide ALL by default */
		position: relative !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
	}

	/* SHOW ONLY the panes you want */
	.ui-layout-pane-center {
		display: block !important;
		left: 0 !important;
		right: 0 !important;
		/* OPTIONAL: change cosmetic styles as desired
		border:		0			!important;
		padding:	0			!important;
		background:	transparent	!important;
		*/
	}
	/* To force the printing of the background color */
	.ibo-activity-panel--tab-title-decoration, .ibo-activity-entry--main-information:before {
		-webkit-print-color-adjust: exact;
	}
	/* for firefox only : in not present print only the first page*/
	#ibo-page-container{
		overflow: inherit;
	}
}


html {
	font-size: 10px;
}
#ibo-page-container #ibo-top-bar, #ibo-page-container #ibo-main-content {
	padding-left: 0px;
	padding-right: 0px;
}
div.explain-printable {
	border: 5px solid #f8f9fa;
	background: #ffffff;
	color: #000000;
	padding: 10px;
	margin: 0;
	font-size: 12px;
}
div.explain-printable button{
	font-size: 12px;

}
.hideable-chapter {
	cursor: pointer;
}
.ibo-block-print--tablist{
	background-color: #e1e7ec;
	position: relative;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 1em;
	column-gap: 0.2em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
#hiddeable_chapters .ibo-block-print--tab span::before {
	padding-left: 10px;
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f06e";
}

#hiddeable_chapters .ibo-block-print--tab.strikethrough span {
	text-decoration: line-through;
}

#hiddeable_chapters .ibo-block-print--tab.strikethrough span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f070";
}

.printable-content .ibo-field--fullscreen-toggler,
.printable-content .ibo-activity-panel--expand-icon,
.printable-content .ibo-activity-panel--collapse-icon,
.printable-content .ibo-activity-panel--add-caselog-entry-button,
#ibo-top-container, #ibo-navigation-menu, .itop_popup {
	display: none;
}

.printable-content legend::before,
.printable-content .ibo-activity-panel--tab-toolbar-action::before{
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f06e";
}
.printable-content .strikethrough legend::before,
.printable-content .strikethrough.ibo-activity-panel--tab-toolbar-action::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f070";
}
.printable-content fieldset.strikethrough span {
	display: none;
}

.printable-content .ibo-activity-panel{
	width: 100%;
	padding: 24px 24px 16px 16px;
	background-color: white;
}

.printable-content #ibo-side-content {
	margin-left: 16px;
	margin-right: 16px;
	background-color: var(--ibo-body-background-color);
}

.ibo-panel > .ibo-panel--body > .ibo-tab-container {
	height: 100%;
}