@import url("../node_modules/bxslider/dist/jquery.bxslider.css");
html, body {
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  margin: 0;
  padding: 0px; }
  html #street-view, body #street-view {
    height: 100%; }
  html #map, body #map {
    width: 15em;
    height: 15em;
    position: absolute;
    left: 1em;
    bottom: 0.5em;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8); }
  html #streetControls, body #streetControls {
    position: absolute;
    top: 1em;
    right: 3em;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1em; }
    html #streetControls ul, body #streetControls ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      html #streetControls ul li, body #streetControls ul li {
        list-style-type: none; }
  html #floating-panel, body #floating-panel {
    position: absolute;
    top: 5em;
    left: 10%;
    z-index: 5;
    margin-left: -100px; }
    html #floating-panel #pano-navigation, body #floating-panel #pano-navigation {
      background-color: rgba(50, 50, 50, 0.85); }
      html #floating-panel #pano-navigation ul, body #floating-panel #pano-navigation ul {
        margin: 0;
        padding: 0.5em;
        list-style-type: none; }
        html #floating-panel #pano-navigation ul li.level2, body #floating-panel #pano-navigation ul li.level2 {
          padding-left: 0.5em; }
        html #floating-panel #pano-navigation ul li.level3, body #floating-panel #pano-navigation ul li.level3 {
          padding-left: 1em; }
        html #floating-panel #pano-navigation ul li a, body #floating-panel #pano-navigation ul li a {
          color: white;
          padding: 0.5em; }
    html #floating-panel #info, body #floating-panel #info {
      cursor: move;
      position: absolute;
      border: 2px solid grey;
      padding: 0.5em;
      width: 7em;
      height: 7em;
      z-index: 6;
      top: 15em;
      left: 15em;
      display: none;
      color: white;
      background-color: rgba(50, 50, 50, 0.9); }
      html #floating-panel #info .name, body #floating-panel #info .name {
        color: green; }
      html #floating-panel #info .description, body #floating-panel #info .description {
        color: grey; }
      html #floating-panel #info .close, body #floating-panel #info .close {
        cursor: pointer;
        margin-top: 0.3em;
        text-align: center;
        color: red;
        background-color: rgba(80, 80, 100, 0.9); }
  html #imageMenuShowHideButton, body #imageMenuShowHideButton {
    position: absolute;
    margin: 0 auto 0 auto;
    left: calc(50% - 120px);
    bottom: 0.5em;
    z-index: 10; }
  html #imageNavigation, body #imageNavigation {
    position: absolute;
    margin: 0 auto 0 auto;
    left: calc(50% - 120px);
    bottom: 0.5em;
    z-index: 10; }
    html #imageNavigation #ImageMenuInnerShowHideButton, body #imageNavigation #ImageMenuInnerShowHideButton {
      position: relative;
      bottom: -1.3em;
      display: block;
      text-align: right;
      z-index: 11; }
    html #imageNavigation ul, body #imageNavigation ul {
      margin: 0;
      padding: 0;
      position: relative;
      left: -50%;
      list-style: none; }
      html #imageNavigation ul li, body #imageNavigation ul li {
        display: inline-block;
        vertical-align: middle; }
        html #imageNavigation ul li img, body #imageNavigation ul li img {
          width: 7em;
          max-height: 8em;
          overflow: hidden;
          transition: opacity 0.4s ease-in 0.3s;
          opacity: 0.6; }
          html #imageNavigation ul li img:hover, body #imageNavigation ul li img:hover {
            opacity: 1; }

.bx-wrapper {
  margin-bottom: 0; }

/*# sourceMappingURL=main.css.map */