/**
 * Author(s): Matthias Gally
 * (c) 2014 by Gally Websolutions GmbH
 *
 **/

.panel {
	width: 0%;
}

.panel2 {
	width: 100%;
}

.canvas {
	width: 100%; 
}
  	
.canvas2 {
	width: 80%;
}

#map_canvas {
	margin: 0;
	padding: 0;
	height: 300px;
	width:100%;
}

#directionsPanel {
	width:100%;
}

.adp, .adp table{
	width:			100%;
}


.adp, .adp-substep {
    color: #fff !important;
	font-family:inherit;
	font-size: 12px;
	text-align:left;
}

.adp-substep .adp-stepicon .adp-maneuver {
    background-color: #fff;
	box-sizing:			border-box;
}


@media only screen and (max-width: 590px)  {

	.adp-stepicon, .adp-distance{
		display:					none;
	}
}