#google-map{
  display:block;
  height:100%;
  width:100%;
}

div.google-map-full-screen {
  position:fixed;
  top:110px;
  left:250px;
  bottom:30% !important;
  right:30px;
  background-color:#444;
  /*width: 100%;*/    
}

div.google-map-full-screen.side-menu-closed {
  position:fixed;
  top:110px;
  left:200px;
  bottom:30% !important;
  right:0;
  background-color:#444;
  /*width: 100%;*/
  height: 82% !important;
}

.customSideMenu { 
 background-color: #eee !important;
 height: 30%;
 top: 70% !important;
 left: 350px !important;
 display:block;
 position:fixed;
 overflow-x:hidden;
 overflow-y:scroll;
 border-top:solid 1px #ddd;
}

div#map{
  display:block;
  height:100%;
  width:100%;
}

div.side-menu {
  display:block;
  position:fixed;
  left: 0px;
  top:110px;
  bottom:0;
  width:250px;
  background-color:#eee;
  border-right:solid 1px #ddd;
  overflow-x:hidden;
  overflow-y:scroll;
}

.side-menu.side-menu-closed {
    left: -350px; 
     z-index: 999;   
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.customSideMenu.side-menu-closed {
    top: 100% !important;
    left: -350px !important;
    z-index: -1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.side-menu.side-menu-closed ~ .google-map-full-screen{
  left: 30px;
  bottom: 0 !important;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  right: 30px;
}

button.btn.btn-default.toggle-map-filter:hover{
  background-color:#ddd;
}

div.side-menu.padding-15{
  padding:15px;
}

button.btn.btn-default.toggle-map-filter{
  position:absolute;
  top:50%;
  left:0;
  border-radius:0;
  height:50px;
  border:none;
  margin-top:-25px;
  background-color:#eee;
  background-image:none;
}