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

.ui-mobile fieldset
{

}

#cycle_info
{
display:flex;
border :red 1px solid;
}

#cycle_elevation
{
  width:calc(100% - 20px);
  height:400px;
  display:none;
}

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

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

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


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

#cycle_route
{

}

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

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

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

.cyclemarker
{
border-bottom:#a9a9a9 1px solid;
display: flex;
flex: 1;
width:100%;
margin:3px 0 3px 0;
}

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

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

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

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

.cycle-street-div
{
width:25%;
float:left;
text-align: center;
overflow:hidden;
}

.cycle-type-div
{
width:30%;
float:left;
text-align: center;
overflow:hidden;
}

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

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

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

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

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

.cycle-type-street
{
 font-size:75% !important;
 font-weight:normal !important;
  color:#797979;
}

.cycle-type-street-Footpath
{
 color:#797979 !important;
}

.cycle-type-street-Bridleway
{
 color:#989696 !important;
}

.cycle-type-street-Pedestrianized_area
{
 color:#c984c7 !important;
}

.cycle-type-street-Cycle_path
{
 color:#32773a !important;
}

.cycle-type-street-Main_road
{
 color:#ca0000 !important;
}

.cycle-type-street-Major_road
{
 color:#ca0000 !important;
}

.cycle-type-street-Minor_road
{
 color:#ca7200 !important;
}

.cycle-type-street-Residential_street
{
 color:#ca9800 !important;
}

.cycle-type-street-Unclassified_road
{
 color:#5d5d5d !important;
}

.cycle-type-street-Footpath
{
 color:#14a526 !important;
}

.cycle-type-street-Service_Road
{
 color:#00a0f2 !important;
}

.cycle-type-street-Steps
{
 color:#5d5d5d !important;
}

.cycle-type-street-Living_Street
{
 color:#ca9800 !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;
}