/* Hide the cancel reservation QR code link as we only want to show it on printing */
#qrcode {display: none;}

@media print
{
	@page
	{
		margin: 2%;
	}
	
	*
	{
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.screen-only
	{
		display: none;
	}

	html, body
	{
		overflow: visible;
	}

	body
	{
		margin: 0px !important;
		background: #fff !important;
		color: #000 !important;
	}
	
	a
	{
		color: #0000ff !important;
		text-decoration: underline !important;
	}
	
	.button
	{
		display: none !important;
	}
	
	.main
	{
		color: #000 !important;
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.banner, .content
	{
		color: #000 !important;
		border: none !important;
		width: 100% !important;
		padding: 0px !important;
		margin: 0px auto !important;
		font-size: 16px !important;
		background: transparent;
		box-shadow: none;
	}
	
	.banner img
	{
		max-width: 100% !important;
	}
	
	.content form, .content h1, .content p, .content a#viewopeningtimes, #fadeout, #response a, .footer, hr.separator, #transaction-reference
	{
		display: none !important;
	}
	
	.content p.center
	{
		display: block !important;
		width: 100% !important;
		position: absolute !important;
		left: 0px !important;
		top: 400px !important;
		margin: 0px auto !important;
		padding: 0px !important;
		line-height: 1.2 !important;
	}
	
	.content p.center:after
	{
		display: block !important;
		clear: both !important;
		content: "Copyright © - ICRTouch.com. All rights reserved.";
		margin: 0px 0px 20px 0px !important;
		font-size: 12px !important;
	}
	
	.content p.center #qrcode
	{
		display: block !important;
		text-align: center !important;
		margin: 0 auto !important;
	}

	#fadeout-container
	{
		position: relative !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	#response:before
	{
		display: block !important;
		content: "Reservation Confirmation";
		font-size: 18px !important;
		text-decoration: underline !important;
		margin-bottom: 30px !important;
	}
	
	#response
	{
		clear: both !important;
		width: auto !important;
		height: 300px !important;
		display: block !important;
		position: relative !important;
		background-color: #fff !important;
		border: none !important;
		margin: 0px !important;
		padding: 20px !important;
		border-radius: 0px !important;
		font-size: 16px !important;
		box-shadow: none !important;
	}
	
	#menu
	{
		display: none !important;
	}

	#view-reservations table td.col-desc,
	#view-reservations table td.col-input select,
	#view-reservations table td.col-input input
	{
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		font-size: 16px !important;
		height: auto !important;
		font-family: Arial !important;
		appearance: none !important;
	}
	
	#reservation-list
	{
		padding: 0px !important;
	}
	
	#reservation-list table
	{
		font-size: 10px !important;
	}
	
	#reservation-list table td
	{
		height: auto;
	}

	#reservation-list table th.print-only,
	#reservation-list table td.print-only
	{
		display: table-cell;
	}

	.col-notes.print-only.sorting
	{
		width: 25% !important;
	}

	#print-reservation-list
	{
		display: none !important;
	}

	.dataTables_scrollHead
	{
		display: none;
	}

	.dataTables_scrollBody
	{
		overflow: visible !important;
	}

	.dataTables_scrollBody > table > thead > tr,
	.dataTables_scrollBody > table > thead > tr > th,
	.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing
	{
		height: auto !important;
	}

	table.dataTable thead .sorting,
	table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc,
	table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
		background-image: none !important;
		padding-left: 5px !important;
	}
}