.map-canvas{width:100%;height:auto}.infobox{box-shadow:0 2px 7px 1px rgba(0,0,0,.3);padding:10px 20px 25px 10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:8px}.infobox::after{background:linear-gradient(45deg,#fff 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);box-shadow:-2px 2px 2px 0 rgba(178,178,178,.4);content:"";height:15px;width:15px;position:absolute;top:20px;left:0;transform:translate(-50%,-50%) rotate(45deg)}.infobox-rte{font-size:13px;color:#000;font-family:Arial,sans-serif}.infobox-rte strong{display:block;font-weight:700;margin-bottom:5px}.infobox .directions .time.WALKING{background:url(../images/walking.png) left no-repeat}.infobox .directions .distance{float:right;padding-left:15px;background:url(../images/distance.png) left no-repeat}.infobox .directions .time{float:left;padding-left:20px;background:url(../images/car.png) left no-repeat}.disabled{opacity:.5}.legend{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:15px 0}.legend .category{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:#000}.legend .category:first-child{cursor:default},.legend .category:active,.legend .category:focus,.legend .category:hover{cursor:pointer;text-decoration:none;color:#000}.legend .category img{display:block;margin-left:15px;text-transform:uppercase}.legend .category span{display:block;margin-left:15px;text-transform:uppercase}