#overlay.cart4 .only-step-cart {
	opacity: 0 !important;
	pointer-events: none;
	
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
	#overlay.cart4.step-cart .only-step-cart {
		opacity: 1 !important;
		pointer-events: auto;
	}

#overlay.cart4 .cartbtn {
	float: left;
	height: 26px;
	margin-top: 12px;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
	background: transparent;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 8px;
	font: 400 10px/24px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	color: #777;
	-webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, opacity 0.25s ease-in-out;
	transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, opacity 0.25s ease-in-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

#cart-templates {
	display: none !important;
}

body.Webkit #overlay.whiteoverlay.cart4 .footer {
	-webkit-transform: translate3d(0,0,0);
}
	#overlay.whiteoverlay.cart4 .footer .roundbutton {
		opacity: 0.9;
	}
	
	#overlay.whiteoverlay.cart4 .footer .cartbtn {
		float: left;
		margin-top: 17px;
		margin-left: 8px;
	}
		#overlay.whiteoverlay.cart4 .footer .cartbtn:first-of-type {
			margin-left: 14px;
		}
		
		#overlay.whiteoverlay.cart4 .footer #cart-footer-fotoyks:hover {
			color: white;
			background: #0066c9;
			border-color: #0066c9;
		}
		#overlay.whiteoverlay.cart4 .footer #cart-footer-sendzip:hover {
			color: white;
			background: #0066c9;
			border-color: #0066c9;
		}


/* #overlay.whiteoverlay.cart4 .content .header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: start;
	-moz-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
	#overlay.whiteoverlay.cart4 .content .header .header-nav {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	}
	#overlay.whiteoverlay.cart4 .content .header .header-right {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	} */

/* #overlay.whiteoverlay.cart4 .content .header .header-nav {
	float: left;
	text-align: left;
}
	#overlay.whiteoverlay.cart4 .content .header .header-nav .nav:first-of-type {
		border-left: none !important;
	} */





#cart-sidebar {
	font: 13px/20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
}
	@media screen and (max-width: 768px) {
		#cart-sidebar {
			display: none;
		}
		#cart-content {
			left: 0 !important;
		}
	}
	
	#cart-sidebar .cartlist {
		padding: 20px 20px 10px;
		display: none;
	}
		#cart-sidebar .cartlist:last-of-type {
			padding-bottom: 20px;
		}
	
	#cart-sidebar h2 {
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		display: block;
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		margin: 0 0 10px;
	}
	
	#cart-sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#cart-sidebar ul li {
			cursor: pointer;
			display: table;
			width: 100%;
			background: transparent;
			-webkit-backface-visibility: hidden;
			-webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
			transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
			border-radius: 2px;
		}
			#cart-sidebar ul li.cart-template {
				display: none !important;
			}
			
			#cart-sidebar ul li:hover {
				background: rgba(0,0,0,0.03);
			}
			html.csscalc #cart-sidebar ul li {
				width: -webkit-calc(100% + 8px);
				width: calc(100% + 8px);
				margin-left: -4px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0 4px;
				-webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out, width 0.15s ease-in-out, border-radius 0.15s ease-in-out, padding-right 0.15s ease-in-out;
				transition: background 0.15s ease-in-out, color 0.15s ease-in-out, width 0.15s ease-in-out, border-radius 0.15s ease-in-out, padding-right 0.15s ease-in-out;
			}
				html.csscalc #cart-sidebar ul li.active {
					width: -webkit-calc(100% + 24px);
					width: calc(100% + 24px);
					border-radius: 2px 0 0 2px;
					padding-right: 20px;
				}
			
			#cart-sidebar ul li.active {
				background: #0066c9;
				color: white;
			}
			
			#cart-sidebar ul li:not(:first-of-type) {
				margin-top: 10px;
			}
			
			#cart-sidebar ul li .info {
				display: table-cell;
			}
				#cart-sidebar ul li .info .title {
					font-size: 14px;
					color: #0066c9;
					-webkit-backface-visibility: hidden;
					-webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
					transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
					display: inline-block;
					border-bottom: 1px solid rgba(0,102,201,0);
					padding-bottom: 1px;
				}
					#cart-sidebar ul li:hover .info .title {
						border-bottom-color: rgba(0,102,201,0.3);
					}
					
					#cart-sidebar ul li.active .info .title {
						color: white;
						border-bottom-color: rgba(255,255,255,0.3);
					}
					
				#cart-sidebar ul li .info .sub {
					display: block;
					font-size: 11px;
					font-style: italic;
					opacity: 0.6;
				}
			#cart-sidebar ul li .count {
				display: table-cell;
				text-align: right;
				vertical-align: middle;
				padding-left: 10px;
			}
				#cart-sidebar ul li .count .text {
					background: #0066c9;
					color: white;
					padding: 3px 10px 4px;
					border-radius: 30px;
					font-size: 10px;
					-webkit-backface-visibility: hidden;
					-webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
					transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
				}
					#cart-sidebar ul li.active .count .text {
						background: rgba(255,255,255,0.2);
					}

#cart-items.rows {
	margin: -30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
	#cart-items .cart-items-container {
		margin: 0 auto;
	}
		#cart-items .cart-items-container.container-template {
			display: none !important;
		}
		
		#cart-items .cart-items-container.fnlist-container {
			margin-top: 44px;
		}
		
		#cart-items .cart-items-container .row-header {
			font-size: 12px;
			line-height: 12px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			display: block;
			width: 100%;
			padding-bottom: 10px;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			margin: 30px 0 10px;
		}
			#cart-items .cart-items-container.fnlist-container:not(.show) .row-header {
				border-bottom-color: rgba(0,0,0,0.04);
			}
				
			#cart-items .cart-items-container .row-header .separator {
				padding: 0 6px;
				opacity: 0.7;
			}
			#cart-items .cart-items-container .row-header .folder {
				text-transform: none;
				letter-spacing: 0;
				opacity: 0.9;
			}
				#cart-items .cart-items-container .row-header .folder.showToggle {
					-webkit-touch-callout: none;
					-webkit-user-select: none;
					-khtml-user-select: none;
					-moz-user-select: moz-none;
					-ms-user-select: none;
					user-select: none;
				}
					#cart-items .cart-items-container .row-header .folder.showToggle span {
						cursor: pointer;
						border-bottom: 1px solid #eee;
					}
						#cart-items .cart-items-container .row-header .folder.showToggle span:hover {
							color: #0066c9;
						}
						
						#cart-items .cart-items-container .row-header .folder.showToggle .showToggle-hide,
						#cart-items .cart-items-container.show .row-header .folder.showToggle .showToggle-show {
							display: none;
						}
							#cart-items .cart-items-container.show .row-header .folder.showToggle .showToggle-hide {
								display: inline;
							}
			
		#cart-items .cart-items-container .items {
			margin: 0 -15px;
		}
		
		#cart-items .cart-items-container .cart-comment {
			font: 400 13px/20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
			margin-bottom: 60px;
		}
		
		#cart-items .cart-items-container .cart-fnlist {
			font: 400 11px/20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
			cursor: text;
			color: #777;
			display: none;
		}
			#cart-items .cart-items-container.show .cart-fnlist {
				display: block;
			}
			
			#cart-items .cart-items-container .cart-fnlist span:not(:last-of-type) {
				padding-right: 5px;
			}
			/* #cart-items .cart-items-container .cart-fnlist span:nth-of-type(even) {
				color: #888;
			} */
		
		#cart-items.rows .item {
			padding: 15px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: moz-none;
			-ms-user-select: none;
			user-select: none;
			opacity: 1;
			-webkit-backface-visibility: hidden;
			-webkit-transition: opacity 0.15s ease-in-out;
			transition: opacity 0.15s ease-in-out;
		}
			#cart-items.rows .item.removing {
				opacity: 0;
			}
			
			#cart-items .item.item-template {
				display: none !important;
			}
			#cart-items.rows .item.ls {
				padding: 30px 15px;
			}
				#cart-items.rows .cart-items-container.ls .item.ls {
					padding: 15px;
				}
			#cart-items.rows .item.pano {
				padding: 60px 15px;
			}
				/* #cart-items.rows .cart-items-container.ls .item.pano {
					padding: 15px;
				} */
		
			#cart-items.rows .item .img-container {
				width: 100%;
				height: 100%;
				background: transparent;
				min-height: 190px;
				display: table;
			}
				#cart-items.rows .item.ls .img-container {
					min-height: 160px;
				}
					#cart-items.rows .cart-items-container.ls .item.ls .img-container {
						min-height: 190px;
					}
				#cart-items.rows .item.pano .img-container {
					min-height: 100px;
				}
			
				#cart-items .item .img-container-i {
					display: table-cell;
					vertical-align: middle;
					position: relative;
				}
					#cart-items .item .img-container img {
						display: block;
						margin: 0 auto;
						width: auto;
						height: auto;
						max-height: 190px;
						max-width: 100%;
					}
						#cart-items .item.ls .img-container img {
							max-height: 160px;
						}
							#cart-items .cart-items-container.ls .item.ls .img-container img {
								max-height: 190px;
							}
						#cart-items .item.pano .img-container img {
							max-height: 100px;
						}
						
					#cart-items .item .img-container .img-hover {
						position: absolute;
						top: -2px; right: -2px; bottom: -2px; left: -2px;
						color: white;
						border: 2px solid transparent;
						background: rgba(255,255,255,0);
						-webkit-backface-visibility: hidden;
						-webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
						transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
						
						cursor: -webkit-zoom-in;
						cursor: -moz-zoom-in;
						cursor: zoom-in;
					}
						#cart-items .item .img-container .file + .img-hover {
							cursor: default;
						}
						
						#cart-items .item .img-container .img-hover .title {
							display: block;
							position: absolute;
							left: 0;
							right: 0;
							bottom: -20px;
							color: #777;
							font: 400 10px/20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
							text-transform: uppercase;
							letter-spacing: 1px;
						}
							#overlay.keepcharactercase #cart-items .item .img-container .img-hover .title {
								text-transform: none;
								letter-spacing: 0;
							}
							
							#cart-items .item .img-container .img-hover .title .text {
								max-width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
								display: inline-block;
								vertical-align: top;
							}
								#cart-items .item .img-container .img-hover .title.hascomments .text {
									max-width: 70%;
									max-width: -webkit-calc(100% - 20px);
									max-width: calc(100% - 20px);
								}
						
							#cart-items .item .img-container .img-hover .title .comments {
								display: none;
								color: #0066c9;
								text-align: left;
								font-size: 7px;
								vertical-align: top;
								margin-top: 5px;
								margin-left: 3px;
								cursor: pointer;
							}
								#cart-items .item .img-container .img-hover .title.hascomments .comments {
									display: inline-block;
								}
								#cart-items .item .img-container .img-hover .title .comments .icon {
									display: block;
									line-height: 10px;
								}
							
						#cart-items .item .img-container .img-hover .actions {
							position: absolute;
							height: 28px;
							width: 100%;
							top: 10px;
							left: 0;
							right: 0;
							text-align: center;
							
							opacity: 0;
							-webkit-transform: translate3d(0,-11px,0);
							transform: translate3d(0,-11px,0);
							
							-webkit-backface-visibility: visible;
							-webkit-transition: -webkit-transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
							transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
						}
							#cart-items .item .img-container .img-hover:hover .actions {
								opacity: 1;
								-webkit-transform: translate3d(0,0,0);
								transform: translate3d(0,0,0);
							}
							
							#cart-items .item .img-container .img-hover .actions .act {
								display: inline-block;
								vertical-align: top;
								width: 27px;
								height: 27px;
								margin: 0 4px;
								background: #222;
								border-radius: 14px;
								color: white;
								font-size: 12px;
								text-align: center;
								cursor: pointer;
								-webkit-backface-visibility: hidden;
								-webkit-transition: background 0.15s ease-in-out;
								transition: background 0.15s ease-in-out;
							}
								#cart-items .item .img-container .img-hover .actions .act.addcomment {
									font-size: 14px;
								}
									#cart-items .item .img-container .img-hover .title.hascomments + .actions .act.addcomment {
										display: none !important;
									}
									
								#cart-items .item .img-container .img-hover .actions .act .icon {
									display: block;
									line-height: 30px;
								}
								
								#cart-items .item .img-container .img-hover .actions .act.addcomment:hover {
									background: #0066c9;
								}
								#cart-items .item .img-container .img-hover .actions .act.delete:hover {
									background: #ef4035;
								}
						
							
					#cart-items .item .img-container .file {
						width: 285px;
						height: 190px;
						background: #191c22;
						color: white;
						text-shadow: 0px -1px 2px rgba(0,0,0,0.3);
						text-align: center;
					}
						#cart-items .item .img-container .file .icon {
							font-size: 32px;
							line-height: 190px;
						}


/* Cart tools etc */
#cart-tools,
#cart-view-select {
	float: right;
	height: 49px;
	margin-top: 5px;
	/* border-left: 1px solid #e5e5e5; */
	text-align: center;
	margin-right: 29px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cart-view-select {
	float: left;
	border-left: 0;
	/* border-right: 1px solid #e5e5e5; */
	text-align: center;
	margin-left: 19px;
	margin-right: 0;
	padding-right: 20px;
	padding-left: 0;
}
	#cart-tools .cart-tool {
		float: left;
		margin-top: 12px;
	}
		#cart-tools .cart-tool:first-of-type {
			margin-left: 10px;
		}
		
		#cart-tools #cart-tools-save {
			color: #47b054;
			border-color: rgba(71,176,84,0.5);
		}
			#cart-tools #cart-tools-save:hover {
				color: white;
				background: #47b054;
				border-color: #47b054;
			}
			
		#cart-tools #cart-tools-delete:hover {
			color: white;
			background: #ef4035;
			border-color: #ef4035;
		}

#cart-view-select {
	margin-left: 15px;
}
	#cart-view-select .cart-view {
		float: left;
		width: 20px;
		height: 30px;
		margin-top: 10px;
		color: #777;
		-webkit-backface-visibility: hidden;
		-webkit-transition: color 0.1s ease-in-out;
		transition: color 0.1s ease-in-out;
		cursor: pointer;
		margin-left: 14px;
		font-size: 13px;
	}
		#cart-view-select .cart-view:hover {
			color: #444;
		}
		#cart-view-select .cart-view.active {
			color: #0066c9;
		}
		
		#cart-view-select .cart-view .icon {
			line-height: 32px;
		}
			body.Webkit #cart-view-select .cart-view .icon:before {
				-webkit-font-smoothing: none;
			}



/* comment tooltip */

#powerTip.commentTooltip {
	cursor: inherit;
	color: white !important;
	background: #0066c9 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: normal;
	-webkit-transform: translate3d(0,0,0);
}
	#powerTip.commentTooltip.s,
	#powerTip.commentTooltip.n {
		margin-left: -1px;
	}
	
	#powerTip.commentTooltip.n:before,
	#powerTip.commentTooltip.ne:before,
	#powerTip.commentTooltip.nw:before,
	#powerTip.commentTooltip.nw-alt:before,
	#powerTip.commentTooltip.ne-alt:before,
	#powerTip.commentTooltip.sw-alt:before,
	#powerTip.commentTooltip.se-alt:before {
		border-top-color: #0066c9;
	}
	#powerTip.commentTooltip.s:before,
	#powerTip.commentTooltip.se:before,
	#powerTip.commentTooltip.sw:before,
	#powerTip.commentTooltip.sw-alt:before,
	#powerTip.commentTooltip.se-alt:before {
		border-bottom-color: #0066c9;
	}
	#powerTip.commentTooltip.e:before {
		border-right-color: #0066c9;
	}
	#powerTip.commentTooltip.w:before {
		border-left-color: #0066c9;
	}
	
	#powerTip.commentTooltip .popup {
		font: 400 12px/20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 0 0 4px;
		min-width: 200px;
		max-width: 320px;
	}
		#powerTip.commentTooltip .popup h1 {
			font: 400 16px/22px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
			margin: 10px 40px 0 0;
		}
		
		#powerTip.commentTooltip .popup .text-label {
			margin: 10px 0 0;
			line-height: 18px;
		}
			#powerTip.commentTooltip .popup .text-label .text-label-t {
			}
			#powerTip.commentTooltip .popup .text-label .text-edit {
				display: inline-block;
				cursor: pointer;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				margin-left: 2px;
			}
				#powerTip.commentTooltip .popup .text-label .text-edit:hover {
					border-bottom-color: rgba(255,255,255,0.6);
				}
			
		#powerTip.commentTooltip .popup .text {
			margin: 6px 0 0;
		}
			/* #powerTip.commentTooltip .popup .text[contenteditable=true] {
				padding: 4px 8px;
				border: 1px solid rgba(255,255,255,0.2);
				outline: none;
			}
				#powerTip.commentTooltip .popup .text[contenteditable=true]:empty:before{
					content: attr(placeholder);
					display: block; /* Firefox ;__; *
					font-style: italic;
				} */
		
		#powerTip.commentTooltip .popup .products {
			width: 100%;
			margin-top: 16px;
			border-top: 1px solid rgba(255,255,255,0.1);
			padding-top: 16px;
			margin-bottom: 8px;
		}
			#powerTip.commentTooltip .popup .products .prod {
			}
				#powerTip.commentTooltip .popup .products .prod .name {
					font-weight: bold;
				}
				#powerTip.commentTooltip .popup .products .prod .count {
					padding-left: 6px;
					opacity: 0.85;
				}
				
				/* Print friendly overlays */

@media print {
	#overlay.cart4 {
		width: 1000px !important;
	}
	#overlay.cart4 #cart-sidebar {
		display: none !important;
	}
	#overlay.cart4 .content {
		left: 0 !important;
	}
}