/*##########   Enable list and buttons this was a bug somehow..   #########*/
#sceneList{
	display: block !important;
	opacity: 0;
}
#sceneList.enabled{
	display: block !important;
	opacity: 1;
}
#sceneListToggle{
	display: block !important;
}


/*##########   Bars and buttons   #########*/
#titleBar{ right: 0px !important; left: 0px !important; box-shadow: -0px 5px 20px 3px #000000;}
#titleBar, #autorotateToggle, #fullscreenToggle { height: 60px; }
#autorotateToggle{ right: 60px !important }
body.mobile #autorotateToggle{ right: 50px !important }
#autorotateToggle, #fullscreenToggle, #sceneListToggle { width: 60px; height: 60px; }
#autorotateToggle .icon, #fullscreenToggle .icon, #sceneListToggle .icon { height: 50px; width: 50px; }
.mobile #autorotateToggle .icon,.mobile #fullscreenToggle .icon,.mobile #sceneListToggle .icon { right: 1px; top: 0px; height:97%; width: unset;}
#titleBar .sceneName{ line-height: 46px; font-size: 40px;}
.mobile #titleBar .sceneName{ font-size: 16px;}
#titleBar img {
	position: absolute;
    left: 77px;
    top: 0px;
    height: 60px;
}
body.mobile #titleBar img{
	left: 46px;
	height: 40px;
	top: 6px;
}
#sceneList{
	padding-top: 60px;
	transition: margin-left 1.5s, display 2s, opacity 0.5s, visibility 2s;
}
a.scene{
    height: 38px !important;
}
a.scene li{
	line-height: 39px !important;
}

/*##########   COLORS   #########*/
/*
babyBlue	#edf1fb
mediumBlue	#85A3E0
darkBlue	#153c65  for text
*/

#titleBar .sceneName{ background-color: #85A3E0; }
.info-hotspot-header { background-color: #153c65 !important; }
.info-hotspot-text{	background-color: #495867 !important; }
#sceneListToggle, #autorotateToggle, #fullscreenToggle, .viewControlButton{ background-color: #5684c3 !important; }
#sceneListToggle:hover, #autorotateToggle:hover, #fullscreenToggle:hover, .viewControlButton:hover{ background-color: #27486f !important; }
ul.scenes a:nth-child(odd){ background-color: #5684c3 !important; }
ul.scenes a:nth-child(even){ background-color: #7495c3 !important; }
ul.scenes a:hover{ background-color: #27486f !important}
ul.scenes a {
	border-radius: 0px 20px 20px 0px;
	transition: background-color 0.3s;
	/*box-shadow: inset -70px 7px 52px -26px #5ba1ff;*/
	box-shadow: 5px 4px 6px -8px #000, -73px 7px 52px -26px #5ba1ff inset
	/*box-shadow: 8px 0px 1px 3px #5ba1ff, -73px 7px 52px -26px #5ba1ff inset*/
}
#sceneList .scenes{background-color: transparent !important; }


/*##########   Controls   #########*/
.viewControlButton{
	width: 45px;
    height: 45px;
	bottom: 25px !important;
	border-radius: 20px !important;
}

.viewControlButton .icon{
	position: initial !important;
	margin: 3px !important;
}



/*##########   HOTSPOT - Large   #########*/

.hotspot.info-hotspot.visible{
  width: 500px !important;
  height: 800px !important;
}
.info-hotspot-header{
  width: 90% !important;
}
.mobile .info-hotspot-header{
  width: 95% !important;
}

.info-hotspot .info-hotspot-text {
  width: 90% !important;
  height: 100% !important;
  overflow: inherit;
  display: table;
}

.info-hotspot-title-wrapper{
  width: 92% !important;
}
.info-hotspot-close-wrapper{
  left: 82% !important;
}
.mobile .info-hotspot-close-wrapper{
  left: 86% !important;
}
.info-hotspot .info-hotspot-icon{
	margin-left: 0px;
}