html,body {
  width:100%;
  margin: 0 auto;
  background-color:#F5F5F5;
}

body > div:first-of-type {
  height:100%;
}

#__next {
  height:100%;
}

/**
 * Navbar
 */
.beta-tag {
  position: absolute;
  transform-origin: center;
  transform: rotateZ(4deg);
  right: 9px;
  bottom: 5px;
  z-index: 2;
}

/**
 * Index page
 */
.index-container {
  text-align:center;
  padding-top:100px;
}

/**
 * Viewer area selection
 */

.map-container {
  margin:auto;
  flex:1;
  width:100%;
  display:flex;
  position: relative;
}

.map-searchinput {
  /* display:none;
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); */

  /* background-color: #fff;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 30%;
  font-size:15px; */

  z-index: 100000;
  position: absolute !important;
  left: 10px;
  top: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  outline: none;

}

.map-searchinput.visible {
  display:block;
}

.map-searchinput:focus {
  border-color: #4d90fe;
}

.map-btn {
  position: absolute;
  left:40%;
  top: 15px;
  z-index:5;
  /* background-color:white !important; */
  z-index: 10000;
}


/**
 * Viewer 3d scene
 */

.scene-container {
  margin:auto;
  flex:1;
  width:100%;
  display:flex;
  position: relative;
}

.copyright {
  position: absolute;
  bottom: 3px;
  right: 3px;
  padding: 2px;
  font-size: 12px;
  background-color: hsla(0,0%,100%,.7);
  overflow: hidden;
  border-radius:3px;
}

.btn-reportpb {
  position:absolute;
  left:2px;
  bottom:2px;
}

.btn-customize {
  top: 7px;
  right: 7px;
}

.canvasElevation {
  opacity:0;
  position:absolute;
}

.canvas3D {
  flex:1;
}

.canvas3D:focus {
  outline:none;
}

/** 
 * Outdoor container
 */
.outdoor-container {
  text-align:center;
  padding:20px;
}

/**
 * Mobile page
 */
.mobile-container {
  text-align:center;
  padding-top:30px;
}

/**
 * About page
 */
.about-container {
  padding:40px;
  background-color:#F5F5F5;
}

.page-container {
  padding: 40px;
  background-color:#F5F5F5;
}