#route-planner{
display:flex;
height:90vh;
}

.planner-sidebar{
width:30%;
background:#ffffff;
overflow:auto;
border-right:1px solid #ddd;
padding:10px;
}

.planner-map{
width:70%;
}

#map{
height:100%;
width:100%;
}

.route-item{
padding:10px;
border-bottom:1px solid #eee;
cursor:pointer;
}

.route-item:hover{
background:#f4f4f4;
}

.stop-item{
padding:5px 0;
}