.mtk-routeplanner-remove-destination {
   width: 7px;
   height: 7px;
   display: inline-block;
   background: url(https://static-cdn.maptoolkit.net/images/routeplanner/delete.png);
}

.mtk-routeplanner-tooltip {
   position: absolute;
   background: white;
   padding: 2px 5px;
   margin-left: 10px;
   white-space: nowrap;
   border: 1px solid #aaa;
   border-radius: 4px;
   opacity: .85;
}

.mtk-routeplanner-directions {
   height: 100%;
}

.mtk-routeplanner-directions-sidebar-wrapper {
   position: absolute;
   top: 120px;
   left: 0;
   right: 540px;
   bottom: 15px;
   padding: 0 10px 0 30px;
   overflow: auto;
}

.mtk-routeplanner-directions-header {
   font-weight: bold;
   font-size: 18px;
   padding-bottom: 30px;
   margin-bottom: 10px;
   border-bottom: 1px solid #aaa;
   margin-right: 15px;
}

.mtk-routeplanner-directions-header span {
   color: #666;
}

.mtk-routeplanner-directions-map {
   position: absolute;
   top: 120px;
   width: 500px;
   right: 30px;
}

.mtk-routeplanner-directions-map-reset {
   position: absolute;
   background: #ddd;
   padding: 5px;
   border-radius: 3px;
   margin: 10px;
   cursor: pointer;
   right: 0;
   z-index: 100;
}

#mtk-routeplanner-directions-interactive-map {
   background: #eee;
   width: 500px;
   height: 500px;
}

.mtk-routeplanner-directions-actions {
   margin: 10px 0;
}

.mtk-routeplanner-directions-actions a {
   display: inline-block;
   background: #ddd;
   border-radius: 3px;
   padding: 5px;
   margin-right: 10px;
   cursor: pointer;
   text-decoration: none;
   color: black;
}

.mtk-routeplanner-directions-print:before {
   content: "print";
}

.mtk-routeplanner-directions-kml:before {
   content: "kml";
}

.mtk-routeplanner-directions-gpx:before {
   content: "gpx";
}

.mtk-routeplanner-directions-start, .mtk-routeplanner-directions-end {
   margin-top: 10px;
   padding: 10px;
   background: #ddd;
   border-radius: 3px;
}

.mtk-routeplanner-directions-left {
   display: inline-block;
   margin-right: 5px;
}

.mtk-routeplanner-directions-hint {
   display: none;
}

.mtk-routeplanner-directions-expand {
   cursor: pointer;
   display: inline-block;
   margin-right: 5px;
}

.mtk-routeplanner-directions-expand:hover {
   font-weight: bold;
}

.mtk-routeplanner-directions-middle img {
   display: inline-block;
   margin-right: 5px;
}

.mtk-routeplanner-directions-right {
   float: right;
}

.mtk-routeplanner-directions-directions {
   padding: 0;
}

.mtk-routeplanner-directions-directions li {
   list-style-type: none;
}

.mtk-routeplanner-directions-directions li:hover {
   background: #eee;
   border-radius: 3px;
}

.mtk-routeplanner-directions-distance {
   padding-right: 10px;
}