#fwt-journey-planner-walk
{
display:none;
}

.walk_totals {
  vertical-align:middle;
  margin-right:6px;
}

.walk_totals {
width:30px;
height:30px;

}
.walk-leg-map
{
position:relative;
 top:0px;
 left:0px;
 width:450px;
 height:300px;
 display:none;
 margin-bottom:10px 0 10px 0;
}


.walk-section-divider
{
margin-top:10px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:#c2c3c2 1px solid;
width:auto;
margin-left:20px;
margin-right:20px;
}

#walk_route
{

}

.walk-section-div
{
display: flex;
flex: 1;
flex-wrap: wrap;
width:auto;
align-items:center;
margin-top:10px;
padding-bottom:5px;
margin-bottom:10px;
}

.walk-leg-div
{
flex-grow: 1;
}

.walk-leg-div-print
{
margin: 0 0 10px 0;
width:auto;
}

.walkmarker
{
border-bottom:#a9a9a9 1px solid;
display: flex;
flex: 1;
width:100%;
padding-top:8px;
padding-bottom:8px;
}

.walk-div-title
{
background:#eff2f9;
border-top:#c7cdd9 1px solid;
border-bottom:#c7cdd9 1px solid;
height:30px;
display:table;
}

.walk-runningtime-div
{
float:left;
width:15%;
clear: left;
text-align: center;
overflow:hidden;
}

.walk-distance-div
{
width:15%;
float:left;
text-align: center;
overflow:hidden;
}

.walk-directions-div
{
width:70%;
float:left;
text-align: center;
overflow:hidden;
}

.walk-text-title
{
 font-size:70% !important;
 font-weight:bold !important;
 color:grey !important;
 display: table-cell;
 vertical-align: middle;
}

.walk-text-runningtime
{
 font-size:70% !important;
 font-weight:normal !important;
 color:grey !important;
}

.walk-text-runningdistance
{
 font-size:70% !important;
 font-weight:normal !important;
 color:grey !important;
}

.walk-text-directions
{
 font-size:75% !important;
 font-weight:normal !important;
 color:#414141 !important;
}




.ui-icon-clock-o:after {
background-color:red !important;
background-position: 4px 3px!important;
}


.ui-icon-arrow-right:after {
background-color:red !important;
background-position: 4px 2px!important;
}

.ui-icon-heart:after {
background-color:red !important;
background-position: 3px 4px!important;
}

.ui-icon-volume-up:after  {
background-color:red !important;
background-position: 3px 3px!important;
}

.ui-icon-exclamation-triangle:after  {
background-color:red !important;
background-position: 3px 2px!important;
}