/* minimal CSS reset all */
/* last edit: 2018-01-18 */

* {margin: 0; padding: 0; border: 0;}

/* important for Panoramas (PTGUI) */
html, body {width: 100%; height: 100%;}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
*, *:before, *:after {box-sizing: border-box;}

html {font-family: Roboto, Verdana, Arial, sans-serif;font-size: 62.5%;/*font-size:10px;*/}

body {
	/*font-size:62.5%;*/
	font-size: 10px; /* 1.6rem=16px */ 
	/*font-size: 1rem;*/ /* 1.6rem=16px */ 
	font-style: normal;
	font-weight: 400;
	text-align: left;
	/* color: #111; */
	background-color: #666;
}

a:link, a:visited, a:active {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-image-width:0;
	table-layout: fixed;
}

#wrapper {height:100%;}

#maintable {height:100%; width: 100%;border-spacing: 0px;}
/*th {width: 33.33%}*/
#middletd {height:100%; width: 100%; text-align: center;}
#map, #mypanoviewer {height:100%; width: 100%;}

#maintable {/* padding-left: 20px; padding-right: 20px;*/}

#topL1 {width:auto; 
	font-size: 1.4rem;
/*	font-weight: 400;*/
	white-space: nowrap;
	/*word-wrap:break-all;*/
}

#topRow {
/*width:100%;*/
	color: #fff;
	/*background-color: #666;*/
	height:4.8rem; /* 48px, size of icon */
	border-bottom:1px solid #000;
}

/*.kmldata {height: 1rem; line-height: 1rem;}	*/

#topR1 {
	width: auto;
	white-space: nowrap;
	padding-right: 1rem;
	/*
	width: 500px;
	max-width: 650px;*/
	/*min-width:13%;*/
}

#topR1 span{font-size:1.0rem;}
/* #topRow {border-top-width: 1px; border-top-style: solid;} */

#hamburgerLeft {
	/*position:absolute;
	left: 0px;*/
	/*min-width:2% !important;
	max-width:3% !important;*/
	/*width:3% !important;*/
	/*width:45px;*/
	width: 6rem;
}

.tblLeft {text-align:left;/* width:129px;*/}
.tblRight {text-align:right;/* width:129px;*/}

/* only when displaying a Panorama */
/*.left {text-align:left;}*//*width:27%;*/
/*.center {text-align:left;}*//*center*/
/*.right {text-align:left;}*//*right;*/ /*width:27%;*/

/*#toptd {text-align: center;*/ /*padding: 10px 20px 10px 20px;}*/
/*
#notice, #notice a:link, #notice a:visited,
#notice a:active, #notice a:hover {
	font-size: 0.9rem;
	color: rgb(156,156,156);
	text-align: center;
	padding-right: 5px;
	text-decoration: none;
	height:0;
}
#notice a:hover {text-decoration: underline;}
*/

/* place icon next to external links. selective */
span[data-filetype="extUrl"] {background: url("/assets/icons/url_icon3.gif") no-repeat; width:30px; height:16px; padding-left:17px;}


ul {list-style: none;}

.title-bottom {
	/*line-height: 2.2rem;*/
	font-size: 1.0rem;
	border-top: 1px solid #000;
	color: #fff;
	padding: 0.4rem 1rem 0.4rem 1rem;
	}

.title-bottom>span{font-size: 1.6rem;}

/* for testing only */
#section20, #section21, #section22, #section23 {display: none;}

 
/*---- MEDIA Break Points ----- MEDIA Break Points ----- 
/* settings for NEXUS7 horizontal */
@media screen and (max-width: 960px) and (max-height: 528px) {
}

/* ======= media query A2 ===== */
/* settings for NEXUS7 vertical */
@media screen and (max-width: 600px) and (max-height: 960px) {
#topR1 {display: none;}
}

/* ======= media query B1 ====== */
/* settings for REDMI Mi A1 horizontal */ /* 1080 x 1920 pixels, 16:9 ratio (~403 ppi density)*/
@media screen and (max-width: 640px) and (max-height: 340px) {
#topR1 {display: none;}
}

/* ====== media query B2 ====== */
/* settings for RED Mi note3 vertical */ /* spec: 720 x 1280 pixels, 16:9 ratio (~267 ppi density)*/
@media screen and (max-width: 360px) and (max-height: 620px) {
#topR1 {display:none; width:1px;}
}