#map {
    position:absolute;
    top: 0;
    left: 0;
    /* top:29px; */
    /* left:250px; */
    /* width: calc(100% - 250px); */
    /* height: calc(100% - 29px); */
    width: 100vw;
    height: 100vh;
    max-height: 1100px;
    /* height: 1500px; */
    /* max-height: 100vh; */
    z-index: 0;
    overflow: hidden;
}

@media (max-width: 600px) {
  #map {
    height: 2000px !important;
    
  }
}


.labels{
  color: red;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 60px;
  border: 2px solid black;
  white-space: nowrap;
}

       #my-listbox {
            top: auto;
            left: auto;
        }

        .my-custom-class-for-label {
          height: 26px;
          border-radius: 5px;
          white-space: nowrap;
          background: rgba(255,255,255,.8);
          background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */
          color: #000000;
          text-align: center;
          line-height: 26px;

          padding: 0 10px 0 20px;
          margin-top: -13.5px !important;
          /* font-weight: bold; */
          font-size: 14px;
          z-index: -1;
          position: relative;
          left: 50%;
        }
        .my-custom-class-for-label::before {
          height: 26px;
          line-height: 26px;
          width: 20px;
        }

        .icon{
          position: absolute;
          left: -30px;
          top: -20px;
          height: 65px;
          width: 65px;
          
        }
        .status-route .icon{
          background-image: url('/v1/img/route/route_0.png');
          
        }
        .status-0 .icon{
          background-image: url('/img/status/map/0.png');
        }
        .status-1 .icon{
          background-image: url('/img/status/map/1.png');
        }
        .status-2 .icon{
          background-image: url('/img/status/map/2.png');
        }
        .status-3 .icon{
          background-image: url('/img/status/map/3.png');
        }
        .status-4 .icon{
          background-image: url('/img/status/map/4.png');
        }
        .status-5 .icon{
          background-image: url('/img/status/map/5.png');
        }

.gm-style-mtc{
 left: 260px !important;
 /* top: 0px !important; */
 width: 150px !important;
}
.gm-style-mtc button{
  font-size: 10px !important;
}
.gm-style-mtc div{
  top: 65px !important;
}

.gm-bundled-control{
  /* display: none !important; */
  left: 260px !important;
  top: 80px !important;
  /* top: 35px !important; */
}

.gm-style button{
  top:35px !important;
}

.gmnoprint div button{
  top:0 !important;
}
.gm-style button.gm-ui-hover-effect{
  top: 0.1em !important;
}

.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div, .gm-style .gm-style-mtc li{
    font-size:10px !important;
  }
ul[role="menu"]{
  top: calc(100% + 35px) !important;
}
/* .gm-style-iw  .iw-title {
   font-size: 16px;
   font-weight: 400;
   padding: 10px;
   background-color: #48b5e9;
   color: white;
   margin: 1px;
   border-radius: 2px 2px 0 0;
} */

/* .gm-style-iw {
  width: 350px !important;
  top: 15px !important;
  left: 0 !important;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
  border: 1px solid rgba(72, 181, 233, 0.6);
  border-radius: 2px 2px 10px 10px; // apply 10px to the bottom corners of the infowindow
} */
#map div[style="background-color: white; font-weight: 500; font-family: Roboto, sans-serif; padding: 15px 25px; box-sizing: border-box; top: 5px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; left: 50%; max-width: 375px; position: absolute; transform: translateX(-50%); width: calc(100% - 10px); z-index: 1;"]{
  display: none !important;
}

.gm-style .gm-style-iw-d{
  padding: 0.1em 1em;
}