.ukiCardContainer.cardDesigner.printable {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}
.ukiCardContainer.cardDesigner.printable::before {
  left: 15px;
  transform: skew(-5deg) rotate(-5deg);
}

.ukiCardContainer.cardDesigner.printable::after {
  right: 15px;
  transform: skew(5deg) rotate(5deg);
}

@media print {
	/* general settings for printing whole page */
	BODY, * { -webkit-print-color-adjust: exact; overflow: hidden; }
	.full-container, .email-wrapper { position: relative; width: 100vw; max-width: none; max-height: none; top: 0; left: 0; }
	.email-list { display: none; }
	* { max-height: none !important; }
	DIV { float: none; }
	.container { max-width: none; }
	.collapse { display: inherit; }
	.card { border: 0; page-break-inside: avoid; }
}

@media screen {
	/* Print Preview */
	#papers, #papers:before, #papers:after { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2); }
	#papers { position: relative; width: 21cm; padding: 2em; margin: 50px auto; }
	#papers:before, #papers:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: rotateZ(2.5deg); -o-transform: rotate(2.5deg); transform: rotateZ(2.5deg); z-index: -1; }
	#papers:after { -webkit-transform: rotateZ(-2.5deg); -o-transform: rotate(-2.5deg); transform: rotateZ(-2.5deg); }
	#papers h1 { font-size: 1.8em; font-weight: normal; text-align: center; padding: 0.2em 0; margin: 0; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; }
	#papers p { text-align: left; margin: 1.5em 0; }

	#papers .text-muted { color: #FFF !important; }

	#printSettings { width: 21cm; margin: 20px auto; background-color: #F0F0F8; padding: 5px 20px; border: 2px solid #EEE; border-radius: 1em; }

	#papers .printableChoice { text-align: right; border: 1px solid #BBB; border-bottom: 0; padding: 0 0.5em 0 0; }
	#papers .ukiCardContainerElement .printableChoice > .on { display: inherit; background-color: rgba(0, 255, 0, 0.1); }
	#papers .ukiCardContainerElement.noPrint .printableChoice > .on { display: none; }
	#papers .ukiCardContainerElement .printableChoice > .off { display: none; }
	#papers .ukiCardContainerElement.noPrint .printableChoice > .off { display: inherit; background-color: rgba(255, 0, 0, 0.1); }

	#papers .ukiCardContainerElement.noPrint .ukiCard { background: repeating-linear-gradient(45deg, #FFD0D0, #FFD0D0 5px, #FFFFFF 5px, #FFFFFF 25px); opacity: 0.25; }
}

#papers.compact .ukiControl.emptyValue { display: none; }
#papers.fillin .text-muted { border-bottom: 1px dashed #888; margin-top: 0.25cm; margin-bottom: 0.1cm; }
#papers.fillin .inline { align-items: center; }
#papers.fillin .infoBox .text-muted { border: 0; margin: 0; }

DIV[data-id="qr"] > * { max-width: 4em !important; max-height: 4em !important; background-color: #FFF; padding: 0.15em; }

@media print {
	/* Print Settings, esp. for ~print?record... */

	#printSettings { display: none; }

	BODY { font-family: Arial, Helv, Helvetica, sans-serif; }
	THEAD { display: table-header-group !important; }
	TFOOT { display: table-row-group !important; }
	TR { page-break-inside: avoid !important; }

	.ukiCardContainer { padding: 0; }
	.ukiCardContainer::before { content: "uki.system Datenblatt"; text-align: center; width: 100%; border-bottom: 1px solid #AAA; color: #AAA !important; }
	.ukiCardContainer .ukiCardContainerElement,
	.ukiCardContainer.air .ukiCardContainerElement,
	.ukiCardContainer .ukiCard,
	.ukiCardContainer.air .ukiCard,
	.ukiCardContainer .ukiCard .ukiControl,
	.ukiCardContainer.air .ukiCard .ukiControl { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: 0; }

	.ukiCardContainer.air .ukiCard .ukiControl LABEL { color: #888 !important; font-weight: 300; }
	.ukiCardContainer.air .ukiCard .ukiControl .ukiValue { font-weight: normal; }

	.ukiCardContainer .ukiCardContainerElement.recordHeader > *,
	.ukiCardContainer.air .ukiCardContainerElement.recordHeader > *,
	.ukiCardContainer .ukiCardContainerElement.infoBox > *,
	.ukiCardContainer.air .ukiCardContainerElement.infoBox > * { padding: 0.1cm 0; }
	.text-muted { color: #FFF !important; }

	.ukiCardContainer.air .ukiCard .ukiControl A { text-decoration: none; }
	.ukiCardContainer.air .ukiCard .ukiControl A > I { display: none; }

	.printableChoice { display: none; }
	.ukiCardContainerElement.noPrint .ukiCard { display: none; }
}