@import "bootstrap/bootstrap.less";
@import "variables.less";

@import "details.less";
@import "elements.less";
@import "service-sidebar.less";
@import "service-tree.less";
@import "typeahead.less";
@import "typography.less";

html, body, #map {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

body {
  overflow: hidden;
}

#app-container {
  width: 100%;
  height: 100%;
}

#map {
  .title-control {
    position: absolute;
    bottom: 0;
    right: 40px;

    img {
      width: 120px;
    }
  }

  .leaflet-control-attribution {
    display: none;
  }
}

.cloud {
  position: absolute;
  width: 100%;
  .transition(all 0.4s ease-in)
}

.cloud-top {
  top: -70%;
  left: 0;
}

.cloud-bottom {
  bottom: -70%;
  left: 0;
}

.landing {
  .cloud-top {
    top: 0;
  }

  .cloud-bottom {
    bottom: 0;
  }
}

@import "bootstrap/bootstrap.less";
@import "variables.less";

@import "details.less";
@import "elements.less";
@import "service-sidebar.less";
@import "service-tree.less";
@import "typeahead.less";
@import "typography.less";

html, body, #map {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

body {
  overflow: hidden;
}

#app-container {
  width: 100%;
  height: 100%;
}

#map {
  .title-control {
    position: absolute;
    bottom: 0;
    right: 40px;

    img {
      width: 120px;
    }
  }

  .leaflet-control-attribution {
    display: none;
  }
}

.cloud {
  position: absolute;
  width: 100%;
  pointer-events: none;
  .transition(all 0.4s ease-in)
}

.cloud-top {
  top: -70%;
  left: 0;
}

.cloud-bottom {
  bottom: -70%;
  left: 0;
}

.landing {
  .cloud-top {
    top: 0;
  }

  .cloud-bottom {
    bottom: 0;
  }
}

Fix map dragging under clouds issue
Fix map dragging under clouds issue

This solution works at least on Chrome, Firefox and Safari.
IE needs another workaround but that can be implemented once we
start supporting IE.
