.carousel-control {
	height: 100%;
	width: 164px;
	background-color: #80808080
}

.carousel-container {
	float: right;
	height: 100%;
	width: 160px;
	position: relative;
	z-index: 10000;
	background-color: #80808080
}

.thumbnail-carousel {
	float: none;
	height: 180px;
	width: 240px;
	position: relative;
	border: 2px;
}

.thumbnail-label {
	position: absolute;
	width: 100%;
	background-color: #ffffff80;
	bottom: 0px;
}

.carousel-selector {
	float: none;
	display: inline-block;
}

button.carousel-bar-unselected {
	background-color: #80808080;
}

button.carousel-bar-selected {
	background-color: #ffffff;			
}

#carousel-bar {
	width: 160px;
}

#carousel-nav-top {
	height: 30px;
	width: 160px;
}

#carousel-nav-bottom {
	height: 30px;
	width: 160px;
}

/*
		button#slick-prev-up:before, button#slick-next-down:before {
			content: '→';
		}
*/
button#carousel-prev-up {
	float: none;
	display: inline-block;
	height: 30px;
	width: 160px;
}

button#carousel-next-down {
	float: none;
	display: inline-block;
	height: 30px;
	width: 160px;
}

button#show-path {
	float: none;
	display: inline-block;
}
button#show-poi {
	float: none;
	display: inline-block;
}
button#show-park {
	float: none;
	display: inline-block;
}


.slick-slider-vertical {
  margin-top: 0px;
}

.slick-prev-up, .slick-next-down {
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
}

.slick-prev::before, .slick-next::before {
  color: black;
}
		
.slick-next-down {
  top: unset;
  bottom: 0px;
}
.slick-prev-up {
  top: 0px;
}

.slick-current {
	border-top-width: 3px;
	border-bottom-width: 3px;	
	border-color: white;
	background-color: #ffffff80
}