@font-face {
  font-family: Noto Sans TC;
  src: url(/fonts/NotoSansTC-Regular.otf);
}
.info-box{
	right: 10px!important;
	width: 330px!important;
	bottom: 95px!important;
	box-shadow: unset;
}
#nofly_info_name{
	max-height: 100px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
}
#nofly_info_name::-webkit-scrollbar{
    width: 5px;
    background-color: rgba(255,255,255,0);
}
#nofly_info_name::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: rgba(255,255,255,0.1);
}
#nofly_info_name::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #333333;
}
#terrain_hight{
	font-size: 0.85em!important;
	left: 53%!important;
}
#airport_hight{
	font-size: 0.85em!important;
	margin-left: -5px!important;
}
.info-box__div--body{
	overflow: hidden!important;
}
#uav-desc-contianer{
	display: none;
}
.earthbook-log__image{
	display: none;
}
.location-bar{
display: none;
}
.cesium-viewer-toolbar{
	right: unset!important;
	top: 10px!important;
	left: 265px!important;
}
#navigationContainer,#zoom-tools{
	top: unset;
	width: 100%;
}
#zoom-tools{
	opacity: 0;
}
.cesium-zoom {
	position: absolute;
	left: 265px;
}
.cesium-zoom--home{
	bottom:130px;
	top: unset;
	background: rgba(21, 22, 14, 0.66);
	border: 1px solid rgba(255, 255, 255, 0.33);
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	padding-top:5px; 
	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(32px);
	border-radius: 8px;
}
.cesium-zoom--in{
	bottom:90px;
	top: unset;
	background: rgba(21, 22, 14, 0.66);
	border: 1px solid rgba(255, 255, 255, 0.33);
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	padding-top:4px;
	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(32px);
	border-radius: 8px;
}
.cesium-zoom--out{
	bottom:50px;
	top: unset;
	background: rgba(21, 22, 14, 0.66);
	border: 1px solid rgba(255, 255, 255, 0.33);
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	padding-top:4px;
	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(32px);
	border-radius: 8px;
}
.cesium-zoom--layer{
	bottom:10px;
	background: rgba(21, 22, 14, 0.66);
	border: 1px solid rgba(255, 255, 255, 0.33);
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	padding-top:5px;
	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(32px);
	border-radius: 8px;
}
.compass, .scroller, .navigation-controls, .cesium-zoom--range{
	display: none!important;
}

#distanceLegendContainer{
	right: 190px;
	bottom: 45px;
}

.cesium-geocoder-input{
	background: rgba(21, 22, 14, 0.66)!important;
	border: 1px solid rgba(255, 255, 255, 0.33)!important;
	box-sizing: border-box!important;
	/* Glassmorphism - dark mode */

	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25)!important;
	backdrop-filter: blur(32px)!important;
	/* Note: backdrop-filter has minimal browser support */

	border-radius: 8px!important;
	width: 300px!important;
	height: 40px!important;
	font-family: Noto Sans TC!important;
	font-weight: normal;
	font-size: 15px!important;
	line-height: 24px!important;
	color: #FFFFFF!important;
	padding: 0 30px 0 10px!important;
}
.search-results{
	background: rgba(21, 22, 14, 0.66)!important;

	border: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	/* Glassmorphism - dark mode */

	box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(32px);
	/* Note: backdrop-filter has minimal browser support */
	font-family: Noto Sans TC!important;
	border-radius: 8px;
}
.cesium-geocoder-searchButton{
	background: rgba(0, 0, 0, 0)!important;
	color: #FFFFFF!important;
	opacity: 0.75;
	margin-top: 7px;
}
.clearGeocoderText{
	opacity: 0;
}
.cesium-viewer-timelineContainer{
	margin-left:180px;
	margin-right: 350px;
}
.cesium-viewer-animationContainer{
	left: 300px !important;
	bottom: 20px !important;
	width: 120px !important;
}
.timeline-tools--sm{
	display: none;
}
.timeline-tools{
	font-size: 1.9em;
}
#timeline-speed{
	display: none;
}
#mode-datetime{
	bottom: 5px;
}	
#timeline-datetime{
	bottom: 6px;
	padding: 3px;
	right: -85px!important;
}