@page {
	size: A4 landscape;
	margin: 0;
}

.report-title {
	display: none;
}

.app-container.theme-print-standard {
	width: 1188px;
	min-width: 1188px;
	background: #ffffff;
	pointer-events: none;
}

.app-container.theme-print-standard ::-webkit-scrollbar {
	display: none;
}

.app-container.theme-print-standard .report-title {
	display: block;
	height: 70px;
	overflow: hidden;
}

.app-container.theme-print-standard footer,
.app-container.theme-print-standard .navbar,
.app-container.theme-print-standard .navbar-left,
.app-container.theme-print-standard .navbar-right,
.app-container.theme-print-standard nav[aria-label="breadcrumb"],
.app-container.theme-print-standard .widget-controls,
.app-container.theme-print-standard .dashboard-actions {
	display: none !important;
}

.app-container.theme-print-standard .navbar.top {
	position: relative;
	background-image: url("images/logo_domoticalabs_simple.png");
}

.app-container.theme-print-standard .breadcrumb-item {
	display: none;
}

.app-container.theme-print-standard .breadcrumb-item.active {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #444444;
	line-height: 60px;
	position: fixed;
	top: 60px;
	left: 0px;
	width: 100%;
}

.app-container.theme-print-standard .breadcrumb-item.active::before {
	display: none;
}

.app-container.theme-print-standard .dashboard-mqtt-widget {
	display: none;
}

.app-container.theme-print-standard .dashboard-widget-type-4 .widget-name {
	color: #ffffff;
}

.app-container.theme-print-standard .card:not([transparent="true"]) {
	background: #dddddd;
	border-radius: 0px;
}

.app-container.theme-print-standard .card.thing {
	display: none !important;
}

.app-container.theme-print-standard .card .body .data-table table thead th {
	background-color: #dddddd !important;
}

.app-container.theme-print-standard .card[transparent="false"] .table tr:nth-child(even) {
	background-color: rgb(241, 243, 244) !important;
}
.app-container.theme-print-standard .card[transparent="false"] .table tr:nth-child(odd) {
	background-color: rgb(221, 221, 221) !important;
}

.app-container.theme-print-standard section.content.main {
	background: #ffffff;
	position: relative;
	top: 0px;
}

.app-container.theme-print-standard .grid-cell .card[size="2x1"] .body .indicator .value,
.app-container.theme-print-standard .grid-cell .card[size="3x1"] .body .indicator .value {
	margin-top: -10px;
}
.app-container.theme-print-standard .grid-cell .card .body .indicator.slider .value {
	top: 115px;
	color: #5b626b;
}

.app-container.theme-print-standard .grid-cell .card .body .indicator.slider .unit {
	top: 165px;
	color: #5b626b;
}

/* This rule makes sure that, if the user has a widget in the last row, it will be displayed 
without cuts in print mode */
.app-container.theme-print-standard #dashboard {
	padding-bottom: 500px;
}

.app-container.theme-print-standard .print-view-loader {
	display: block;
	position: absolute;
	left: 50%;
	top: 100px;
	z-index: 99999;
}

.app-container.theme-print-standard .print-view-loading {
	opacity: 0.5;
	pointer-events: none;
}

.page-break {
	position: absolute;
	border: 1px dashed #ddd;
	left: 0px;
	height: 1px;
	right: 0px;
	z-index: 2;
}

/* Useful only for data-table-full-height tables, ignored in fixed-height tables */
.app-container.theme-print-standard .dashboard-widget-type-6 > .body {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.app-container.theme-print-standard .dashboard-widget-type-6 > .body > .table {
	/* margin-bottom: 0px; */
	margin-bottom: 40px;
}

/* Useful only for fixed-height tables tables, ignored in data-table-full-height */
.app-container.theme-print-standard .dashboard-widget-type-6 .data-table {
	top: 50px;
}

/*
Add this at the end of css file to override any style in this file
*/
@media print {
	/* Specifically target 'td' element because Bootstrap by default has a '!important' rule that
	set 'transparent' to all 'tr' elements background */
	.card[transparent="false"] .table tr.et-tr:nth-child(even) td {
		background-color: rgb(241, 243, 244) !important;
	}
	.card[transparent="false"] .table tr.et-tr:nth-child(odd) td {
		background-color: rgb(221, 221, 221) !important;
	}
}