body[data-mode="editLayout"] #anchorNavigationSidePanel {
	display: none;
}

#anchorNavigationSidePanel{
	width: 42px;
	height: 150px;
	position: fixed;
	z-index: 199;
	right: 0px;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateY(-50%);
	opacity: 1;
/* 	border: 1px dashed black; */
	transform-origin: right 200%; 
	transition: 0.35s;
	transition-timing-function: ease-in; 
}

#anchorNavigationSidePanel ~ .infoBubble {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

body.maxM #anchorNavigationSidePanel,
#anchorNavigationSidePanel:not(.ready) {
	opacity: 0;
	pointer-events: none;
}

@keyframes anchorNavigationDotSlideIn {
	to { transform: translateX(0); }
}

@keyframes sliderIndicatorFadeIn {
	to { opacity: 1; }
}

#anchorNavigationSidePanel .anchorNavigationDot {
	
	display: block;
	text-decoration: none;
	position: relative;
	left: 14px;
	top: 20px;
	animation-name: anchorNavigationDotSlideIn;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	transform: translateX(200%);
	transition: transform 0.5s ease-out, width 0.2s ease-out, height 0.2s ease-out;
	border: 2px solid white;
	height: 11px;
	width: 11px;
/* 	box-sizing: border-box; */
	
/* 	background-image:url(img/icon_spot.svg);
	background-repeat: no-repeat;
	background-size: cover; */
	
	background-color: #7C7C7C;
	border-radius: 50%;
	margin: 10px 0;
}

#anchorNavigationSidePanel .anchorNavigationDot:nth-child(1)  { animation-delay: 0.1s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(2)  { animation-delay: 0.2s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(3)  { animation-delay: 0.3s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(4)  { animation-delay: 0.4s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(5)  { animation-delay: 0.5s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(6)  { animation-delay: 0.6s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(7)  { animation-delay: 0.7s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(8)  { animation-delay: 0.8s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(9)  { animation-delay: 0.9s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(11)  { animation-delay: 1.1s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(12)  { animation-delay: 1.2s; }
#anchorNavigationSidePanel .anchorNavigationDot:nth-child(13)  { animation-delay: 1.3s; }

#anchorNavigationSidePanel .anchorNavigationDot.active{
	background-color: #F9C58D;
	z-index: 100;
}
#anchorNavigationSidePanel:hover{
	transform: scale(1.35);
	transition: 0.35s;
	transition-timing-function: ease-out; 
}
#anchorNavigationSidePanel .anchorNavigationDot:hover {
	background-color: #FCE4CC;
	z-index: 101;
/* 	height: 18px;
	width: 18px; 
	margin-left: -2px; */
}