@page {
	/* margin: 0; */
	orientation: landscape;
}

@media print {
	body.template-visualize #map-wrapper {
		/* height: 100%; */
		/* width: 100%; */
	}

	body {
		/* height: 8.25in !important; */
    	/* width: 11in !important; */
	}

	body canvas {
		/* position: fixed; */
		/* top: 0; */
		/* left: 0; */
		/* z-index: 9999; */
	}
}

@media print and (orientation: landscape) {
	body.template-visualize #map-wrapper {
    	/* height: 8.25in !important; */
    	/* width: 11in !important; */
  	}
}

@media print and (orientation: portrait) {
	body.template-visualize #map-wrapper {
    	/* height: 11in !important; */
    	/* width: 8.5in !important; */
  	}
}

@media print {

	body {
	  /* -webkit-print-color-adjust: exact !important; */
	}

	/**
	 * css border hack for printing background color on IE and Edge
	 */
	body.template-visualize #left-panel div.panel-heading {
		border: 210px solid #fff;
		box-sizing: border-box;
		height: 100%;
		left: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 0;
		z-index: -2;
	}

	body.template-visualize #left-panel .panel-heading .panel-title {
		display: none;
	}

	body.template-visualize #left-panel {
		background: none !important;
		border: none;
		content: '';
		overflow: hidden;
		/* top: 24px !important; */
		height: auto !important;
		max-height: none !important;
		z-index: 9999;
		max-width: 300px;
		top: 0;
  }

  body.template-visualize #left-panel.collapsed {
	  page-break-before: always;
	  position: relative !important;
  }

	body.template-visualize #left-panel.collapsed .panel-body {
		height: 100% !important;
	}

  body.template-visualize #left-panel.collapsed #data-panel {
	  display: block !important;
  }

	body.template-visualize .sidebar-nav .nav-tabs > li.active a {
		border-bottom: none !important;
	}

	body.template-visualize .sidebar-nav .nav-tabs li {
		display: none;
	}
	body.template-visualize .sidebar-nav .nav-tabs li[data-tab=legend],
	body.template-visualize .sidebar-nav .nav-tabs li:last-of-type {
		display: block;
	}

	body.template-visualize .tab-content .tab-pane {
		overflow-y: hidden;
		overflow-x: hidden;
	}

	body.template-visualize .tab-pane {
		display: none;
	}

	body.template-visualize .tab-content #legend {
		/* display: block;
		overflow: visible;
		visibility: visible; */
	}

	#myTab h4 {
		font-size: 14px;
	}

	/* overwrite bootstrap print */
	img {
		/* max-width: none !important; */
	}

  .olTileImage {
    /* max-width: none !important; */
  }

	#map .olControlAttribution {
		font-size: 8px;
		left: 50%;
		text-align: center;
		transform: translate(-120px,0);
		width: 240px;
	}

	body.template-visualize .olControlScaleBar,
	.olControlAttribution {
		bottom: .5in;
	}

	.olControlScaleBarGraphics div {
		background: #f3f3f3 !important;
		border: 1px solid #000;
		color: #333 !important;
	}

  .gmnoscreen,
  .navicon,
  #OpenLayers.Control.MousePosition_43,
	.olControlZoom,
	#baselayers,
	#map-controls,
  .SimpleLayerSwitcher,
  #aggregated-attribute-content h4,
  #close-attribute-overlay,
	#bookmark-popover,
	#pageGuideMessage,
	.form-search,
	.modal {
		display: none;
	}

  /*.panel-open #OpenLayers\2e Map_2_OpenLayers_Container {}*/

	/* OL 6 */
	.ol-attribution {
		margin-left: 310px;
		bottom: 0;
		background-color: white;
	}

	.ol-attribution ul {
		width: 410px;
		word-wrap: break-word;
		word-break: normal;
		white-space: normal;
		text-align: left;
		bottom: 0;
		margin-top: 0 !important;
	}

	.ol-attribution button,
	.ol-attribution button span {
		display: none;
	}

	div.ol-zoom,
	div.ol-zoom button.ol-zoom-in,
	div.ol-zoom button.ol-zoom-out {
		display: none;
	}

}


/* More OL6 (LandScape overrides) */
@media print and (orientation: landscape) {
	.ol-attribution ul {
		/* margin-bottom: 40px !important; */
  }
}