#map {
    height: 100%;
}

/* html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
} */

#right-panel {
    font-family: 'Roboto', 'sans-serif';
    line-height: 30px;
    padding-left: 10px;
}

#right-panel select,
#right-panel input {
    font-size: 15px;
}

#right-panel select {
    width: 100%;
}

#right-panel i {
    font-size: 12px;
}

#right-panel {
    height: 100%;
    float: right;
    width: 25%;
    overflow: auto;
}

/* #map {
    margin-right: 400px;
} */

@media print {
    #map {
        height: 500px;
        margin: 0;
    }

    #right-panel {
        float: none;
        width: auto;
    }
}

@media only screen and (max-width: 800px) {
  #map{
    width: 100%;
    float: none;
  }
  #right-panel{
    width: 100%;
    float: none;
  }
  #maproute{
      overflow: auto;
  }
}