body, html {
  overflow-right: hidden;
}
 #map{
  cursor: default;
  -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease;
 }

#mapSideBar{
  height: 100%;
  width: 25%;
  overflow: scroll;
  background-color: rgba(229, 237, 253, .9);
  position: fixed;
  top: 0;
  left: 100%;
  padding: 40px;
  padding-top: 100px;
  -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease;
    z-index: 1000;
}


.mapSideBarContent{
  position: absolute;
  overflow: scroll;
  -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    transition: .5s ease;

}

.mapSideBarContent ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
}