/*Print CSS*/

#print-now-btn{
	margin-top: 10px;
}

.print-page-wrap{
	text-align: center;
	width: 100%;
	margin-top: 5px;
	top: 25px;
}

#fancyprint-container{
	text-align: center;
	display: inline-block;
	position: relative;
}

.print-details {
	position: relative;
}

#basic-print-info{
	text-align: left;
}

#print-show-map{
	display: block;
}

#print-show-map button{
	margin-bottom: 5px;
}

#print-show-map p{
	margin-bottom: 15px;
}

#print-map{
	height: 500px;
	width: 100%;
	margin-bottom: 20px;
	display: none;
}

#print-map.print-map-visible{
	display: block;
}

#print-map.print-size-map{
	width: 794px;
}

.print-hide-map-btn-wrap{
	position: fixed;
	bottom: 5px;
	left: 5px;
	z-index: 100;
}

.is-ios .print-hide-map-btn-wrap{
	position: sticky;
}

.turn-wrapper .title-for-trip{
	float: left;
}

.turn-wrapper{
	position: relative;
	height: 235px;
	width: 160px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
    overflow: hidden;
	page-break-inside:avoid;
}

.turn-map{
	height: 160px;
	width: 160px;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.map-rotater{
	height: 210px;
	width: 210px;
	position: absolute;
	top: -30px;
	left: -20px;
	
}


.print-page-wrap.actual-print-style{
	text-align: center;
	width: 826px;
	left: 50%;
	margin-left: -413px;
}

.print-page-wrap.actual-print-style #print-map{
	height: 500px;
	width: 794px;
}


@media screen and (min-width: 767px){
	#print-map{
		display: block;
	}
	
	#print-show-map{
		display: none;
	}
}

@media screen and (min-width: 825px){
	#print-now-btn{
		position: relative;
		left: 50%;
		margin-left: -413px;
		margin-top: 0px;
	}
	
	.print-page-wrap{
		position: relative;
		text-align: center;
		width: 826px;
		left: 50%;
		margin-left: -413px;
	}
	
	#print-map{
		height: 500px;
		/*width: 794px;*/
		width: 826px;
	}
	
	.turn-wrapper{
		height: 235px;
		width: 160px;
	}

	.turn-map{
		height: 160px;
		width: 160px;
	}

	.map-rotater{
		height: 210px;
		width: 210px;
	}
}

@media print and (min-width: 1px){
	#print-map{
		height: 500px;
		width: 794px;
		display: block;
	}
	
	#print-show-map{
		display: none;
	}
	
	.turn-wrapper{
		height: 235px;
		width: 160px;
	}

	.turn-map{
		height: 160px;
		width: 160px;
	}

	.map-rotater{
		height: 210px;
		width: 210px;
	}
}

.turn-map .leaflet-control-container{
	display: none !important;
}

#images{
	text-align: left;
	
}

.title-for-trip{
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 5px;
	page-break-after:avoid;
}