body.page-project-map-tool-maps-routes{
    font-family: 'Arial' !important;
    padding-top: 0;
}

body.page-project-map-tool-maps-routes .block-switchtheme{
    float:left;
}
body.page-project-map-tool-maps-routes div.template .summary th, div.template .summary td {
    font-size: 13px;
    padding: 0;
    width: 30% !important;
    text-align: left;
}
.geocoders-buttons .fa-plus-circle:before{font-size: 25px !important;}

.map {
    position: absolute;
    width: 100%;
    height: 100%;
}

.routing-profiles input {
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.icon-duration {
    /*background-image: url(../images/duration.svg);*/
	background-image: url(../images/time_orange.png);
}

.icon-distance {
	/* margin-top: 7px;
	background-image: url(../images/distance.svg);*/
	background-image: url(../images/distance_grey.png);
}

input[type="radio"]:checked+ label{ background-image: url(../images/distance_white.png); } 

.icon-distance:checked{
	background-image: url(../images/distance_white.png);
}

.icon-fuel {
    /*background-image: url(../images/fuel.svg);*/
	background-image: url(../images/fuel_green.png) !important;
}

.leaflet-routing-container .h2 {
    font-size: 14px;
    font-weight: bold;
}

.leaflet-routing-collapse-btn {
    cursor: pointer;
}

.routing-profiles input:active + .profile-radio {
    opacity: .9;
	/*background-image: url(../images/fuel_white.png);*/
}

.routing-profiles input:checked + .profile-radio {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.leaflet-routing-alt {
    border-style: solid;
    border-top-width: 14px;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}

.leaflet-routing-alt-description {
    margin-top: -14px;
    margin-bottom: 0;
    color: white;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 14px;
}

.leaflet-routing-alt-duration {
    border-color: #d39c2f;
}

.leaflet-routing-alt-distance {
    border-color: #444444;
}

.leaflet-routing-alt-fuel {
    border-color: #00a174;
}

.icon-summary {
    display: inline-block;
    width: 30px;
    margin-right: 5px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.color-icon-duration {
	margin-top: 5px;
    background-color: white!important;
    /*-webkit-mask: url(../images/duration.svg) no-repeat;
		mask: url(../images/duration.svg) no-repeat;
		-webkit-mask:  url(../images/time_orange_50.png) no-repeat;
	mask: url(../images/time_orange_50.png) no-repeat;*/
	background-image: url(../images/time_orange_50.png);
	border-image-width: 0px !important;
	border-bottom-color: #fff !important;
	border-width: 0px !important;
	border-top-color: #fff !important;
}


.color-icon-distance {
    margin-top: 5px;
	/*background-color: blue;
		-webkit-mask: url(../images/distance.svg) no-repeat;
	mask: url(../images/distance.svg) no-repeat; */
    background-color: white!important;
	background-image: url(../images/distance_grey_50.png);
	border-image-width: 0px !important;
	border-bottom-color: #fff !important;
	border-width: 0px !important;
	border-top-color: #fff !important;
	
	
}

.color-icon-fuel {
	margin-top: 5px;
    background-color: green;
    /*-webkit-mask: url(../images/fuel.svg) no-repeat;
	mask: url(../images/fuel.svg) no-repeat;*/
	background-color: white!important;
	background-image: url(../images/fuel_green_50.png);
	border-image-width: 0px !important;
	border-bottom-color: #fff !important;
	border-width: 0px !important;
	border-top-color: #fff !important;
}

.icon-profile-radio {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    vertical-align: bottom;
	/**/
	-webkit-filter: inherit !important;
    -moz-filter: inherit !important;
    filter: inherit !important;
}




.circle-duration {
	/* background-color: red;*/
}

.circle-distance {
	/*  background-color: blue;*/
}

.circle-fuel {
	/*  background-color: green;*/
}

.circle {
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    width: 55px;
    height: 55px;
    margin: 0 10px 0 10px;
}

.profile-radio {
    cursor: pointer;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
	/**/
    -webkit-filter: brightness(0.9) grayscale(0.5) opacity(.9);
    -moz-filter: brightness(0.9) grayscale(0.5) opacity(.9);
    filter: brightness(0.9) grayscale(0.5) opacity(.9);
	
}

.profile-radio:hover {
	/*
		-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
		-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
		filter: brightness(1.2) grayscale(.5) opacity(.9);
	*/
}

/* font container */
body, .leaflet-container {
    font-family: 'Maven Pro', sans-serif;
}

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
    max-height: none;
    border-bottom: 0 solid #ccc;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* car settings*/
.settings {
    background-color: #0064A0;
    width: 100%;
    display: inline-block;
    padding: 0;
}
.settings1{
    background-color: #0064A0;
    width:100% !important;
    display: inline-block;
    padding: 0;
	
}
.leaflet-touch .leaflet-bar .settings1 a {
	width: 100% !important;
	height: 30px;
	line-height: 30px;
	background-color: #0064A0;
	color: #fff;
}

th {
	margin-left:15px !important;
}

.leaflet-routing-geocoders {
    padding: 0;
}

.car_icon {
    display: inline-block;
    width: 30px ;
    height: 30px;
    background-image: url(../images/car.svg);
}

.leaflet-routing-container {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.leaflet-routing-container-hide {
    overflow: hidden !important;
}

.leaflet-control-container .leaflet-routing-container-hide {
    width: 55px;
    height: 55px;
/*    background-color: #0064A0;*/
/*    -webkit-border-radius: 34px;*/
}

/*.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
    position: relative;
    left: 2px;
    top: 2px;
    display: block;
    width: 55px;
    height: 55px;
    background-size: 50px 50px;
    background-image: url(../images/logo.svg);
	background-image: url(../images/starsflag.svg);
	 background-repeat: no-repeat;
    -ms-transform: rotate(180deg);  IE 9 
    -webkit-transform: rotate(180deg);  Chrome, Safari, Opera 
    transform: rotate(180deg); 
}*/

.leaflet-routing-container-hide .leaflet-routing-collapse-btn{
    background-image: url(../../../images/arrow-right.png) !important;
}


.leaflet-routing-collapse-btn:after {
    content: '' !important;
}
span.leaflet-routing-collapse-btn{
    background-image: url(../../../images/arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    width: 50px !important;
    float: left !important;
    height: 78px !important;
    display: inline-block !important;
    right: -51px !important;
    background-color: #fff;
    background-position: center;    
    border-radius: 5px;
}


.logo {
    /*-ms-transform: rotate(180deg);*/ /* IE 9 */
    /*-webkit-transform: rotate(180deg);*/ /* Chrome, Safari, Opera */
    /*transform: rotate(180deg);*/
    position: absolute;
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
	top:10px;
	left:5px;
   /* background-image: url(../images/logo.svg);*/
/*	background-image: url(../images/starsflag.svg);*/
}

.total_standard_icon {
    width: 10px;
    height: 20px;
    background-size: 20px 20px;
   /* background-image: url('../images/driver_mode.png');*/
	padding: 5px 0px 5px 0px;
}

img {
	vertical-align: text-bottom !important;
}
.leaflet-bar a, .leaflet-bar a:hover {
	border-bottom:0px !important;
}

.leaflet-routing-alt .total {
    width: 100%;
}

.total_eco_icon {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url('../images/cruise_control.png');
}

.inliner {
    display: inline-block;
}

.carsettings {
    background-color: #0064A0;
    display: inline-block;
    padding: 0;
    width: calc(100% - 40px);
    left: 10px;
    position: relative;
}

.carsettings .form-control {
    cursor: pointer;
    background-color: #0064A0;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: 30px;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.leaflet-control-container .leaflet-routing-container-hide .header {
    display: none;
}

/* header controller */
.leaflet-control-container .leaflet-routing-container-hide .header {
    display: none;
}

/*.header {
    background-color: #0064A0;	
}*/

.routing-profiles {
    padding-left: 10px;
    width: 100%;
    text-align: center;
    padding-right: 25px;
    padding-top: 5px;
}

.routing-profiles, .icon-profile, .logo {
    display: inline-block;
}

/* controller position*/
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 0;
	margin-bottom:5px;
}

.leaflet-left {
    z-index: 600 !important;
/*    overflow-y:auto;
    overflow-x: hidden;*/
}

.leaflet-left .leaflet-control {
    margin-left: 0;
}

.leaflet-top .leaflet-control {
    margin-top: 0;
}

.leaflet-control-container {
    overflow: auto;
}

.leaflet-routing-container {
    width: 356px;
    padding-top: 0;
}

.leaflet-top .leaflet-routing-reverse-waypoints {
    background: rgba(0, 0, 0, 0) url("../images/leaflet_icon.png") no-repeat scroll -48px 0;
    border: medium none;
    height: 30px;
    width: 30px;
	outline: none;
}

.leaflet-top .leaflet-routing-add-waypoint {
/*background-size: 30px 30px; */
    border: none;
    /* height: 30px; */
    /* width: 30px; */
    /* outline: none; */
    font-size: 24px;
    background: no-repeat;
    color: #bfd0e4;
    border: none;
    font-size: 30px;
    margin-left: 0px;
}
.routes .routesimg,.routes .routespan{display: none;}
.geocoders {
    width: 100%;
    display: inline-flex;
/*    background-color: #0064A0;*/
}

.geocoders-buttons {
    width: 30px;
    height: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 100%;
}

.leaflet-routing-geocoders input {
    /*width: calc(100% - 20px);*/
    width: 240px;
}

.leaflet-routing-add-waypoint:after, .leaflet-routing-reverse-waypoints:after {
    font-weight: normal;
    content: '';
	outline: none;
}

.leaflet-routing-geocoders button.leaflet-routing-add-waypoint:hover,
.leaflet-routing-geocoders button.leaflet-routing-reverse-waypoints:hover {
    background-color: transparent;
	outline: none;
}

/* geocoder format */
/*.leaflet-routing-container .geocoder-handle {
    margin-left: -37px;
    margin-right: 3px
}*/

label.salesman-icon input#salesman_id, label.salesman-icon-checked input#salesman_id{
    display: none;
}

.salesman-icon::before{
    content: url("../images/salesman.svg");
}

.salesman-icon-checked::before{
    content: url("../images/salesman-checked-check.svg");
}

.salesman-icon {
    /*height: 30px;
    width: 30px;*/
    /*content: url("../images/salesman.svg");*/
    content: unset;
	background-image: url("../images/salesman.svg");
    cursor: pointer;
	outline: none;
	margin-left:5px;
    background-repeat: no-repeat;
}

.salesman-icon-checked {
    /*content: url("../images/salesman-checked-check.svg");*/
    content: unset;
	outline: none;
	background-image: url("../images/salesman-checked-check.svg");
	margin-left:5px;
    background-repeat: no-repeat;
	/*height: 30px;
    width: 30px;*/
}



.leaflet-routing-container .waypoint-icon {
   padding: 0;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    background: #bfd0e4;
    line-height: 20px;
    text-align: center;
    color: #004494;
    color: black;
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #4073af;
}

.leaflet-routing-geocoder {
    margin-left: 40px;
}

/*.leaflet-routing-geocoders {
    background-color: #0064A0;
}*/

.leaflet-routing-collapsible .leaflet-routing-geocoders {
    margin-top: 0;
}

.leaflet-top .leaflet-routing-geocoder {
    position: relative;
    color: #000;
    font-size: 16px;
}

.leaflet-top .leaflet-routing-geocoders {
    margin-bottom: 0;
    /*width: calc(100% - 30px);*/
}

.btn-primary {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    bottom: 7px;
    color: #333;
    font-size: 12px;
    margin-left: 20px;
    padding: 0 20px 0 0;
    position: relative;
    outline: none !important;
}

.btn-primary::after {
    content: "î?²";
    font-family: "Glyphicons Halflings";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: -1px;
}

.btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary.focus,
.btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
}

div.shown .btn-primary::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.map_print {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDQuMjMzMzI5OCAzLjcwNDE3IgogICBoZWlnaHQ9IjMuNzA0MTdtbSIKICAgd2lkdGg9IjQuMjMzMzI5OG1tIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjMuMzcxNDMsLTE4MC4yNDMxNSkiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC4wMDgyNjgyMyIKICAgICAgIGQ9Im0gMTI0LjQyOTc2LDE4MC4yNDMxNSBoIDIuMTE2NjcgdiAwLjY1OTA5IEggMTI0LjQ0NiBaIG0gMi45MTA0MiwwLjc5Mzc1IGggLTMuNzA0MTcgYyAtMC4xNDU1MiwwIC0wLjI2NDU4LDAuMTE5MDcgLTAuMjY0NTgsMC4yNjQ1OSB2IDEuMzIyOTEgYyAwLDAuMTQ1NTIgMC4xMTkwNSwwLjI2NDU5IDAuMjY0NTgsMC4yNjQ1OSBoIDAuNzkzNzUgdiAxLjA1ODMzIGggMi4xMTY2NyB2IC0xLjA1ODMzIGggMC43OTM3NSBjIDAuMTQ1NTIsMCAwLjI2NDU4LC0wLjExOTA3IDAuMjY0NTgsLTAuMjY0NTkgdiAtMS4zMjI5MSBjIDAsLTAuMTQ1NTIgLTAuMTE5MDYsLTAuMjY0NTkgLTAuMjY0NTgsLTAuMjY0NTkgeiBtIC0xLjE1NTc3LDIuNjc4MzIgLTEuMzc2MzgsLTAuMDE2MiAtMC4wMTYyLC0wLjc4Njk5IGggMS4zNzYzOCB6IgogICAgICAgaWQ9InBhdGg4NDE3IiAvPgogICAgPGcKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA4MjY4MjMsMCwwLDAuMDA4MjY4MjMsMTIzLjM3MTQzLDE3OS45Nzg1NykiCiAgICAgICBpZD0iZzg0MjEiIC8+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMDgyNjgyMywwLDAsMC4wMDgyNjgyMywxMjMuMzcxNDMsMTc5Ljk3ODU3KSIKICAgICAgIGlkPSJnODQyMyIgLz4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjAwODI2ODIzLDAsMCwwLjAwODI2ODIzLDEyMy4zNzE0MywxNzkuOTc4NTcpIgogICAgICAgaWQ9Imc4NDI1IiAvPgogICAgPGcKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA4MjY4MjMsMCwwLDAuMDA4MjY4MjMsMTIzLjM3MTQzLDE3OS45Nzg1NykiCiAgICAgICBpZD0iZzg0MjciIC8+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMDgyNjgyMywwLDAsMC4wMDgyNjgyMywxMjMuMzcxNDMsMTc5Ljk3ODU3KSIKICAgICAgIGlkPSJnODQyOSIgLz4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjAwODI2ODIzLDAsMCwwLjAwODI2ODIzLDEyMy4zNzE0MywxNzkuOTc4NTcpIgogICAgICAgaWQ9Imc4NDMxIiAvPgogICAgPGcKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA4MjY4MjMsMCwwLDAuMDA4MjY4MjMsMTIzLjM3MTQzLDE3OS45Nzg1NykiCiAgICAgICBpZD0iZzg0MzMiIC8+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMDgyNjgyMywwLDAsMC4wMDgyNjgyMywxMjMuMzcxNDMsMTc5Ljk3ODU3KSIKICAgICAgIGlkPSJnODQzNSIgLz4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjAwODI2ODIzLDAsMCwwLjAwODI2ODIzLDEyMy4zNzE0MywxNzkuOTc4NTcpIgogICAgICAgaWQ9Imc4NDM3IiAvPgogICAgPGcKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA4MjY4MjMsMCwwLDAuMDA4MjY4MjMsMTIzLjM3MTQzLDE3OS45Nzg1NykiCiAgICAgICBpZD0iZzg0MzkiIC8+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMDgyNjgyMywwLDAsMC4wMDgyNjgyMywxMjMuMzcxNDMsMTc5Ljk3ODU3KSIKICAgICAgIGlkPSJnODQ0MSIgLz4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjAwODI2ODIzLDAsMCwwLjAwODI2ODIzLDEyMy4zNzE0MywxNzkuOTc4NTcpIgogICAgICAgaWQ9Imc4NDQzIiAvPgogICAgPGcKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDA4MjY4MjMsMCwwLDAuMDA4MjY4MjMsMTIzLjM3MTQzLDE3OS45Nzg1NykiCiAgICAgICBpZD0iZzg0NDUiIC8+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMDgyNjgyMywwLDAsMC4wMDgyNjgyMywxMjMuMzcxNDMsMTc5Ljk3ODU3KSIKICAgICAgIGlkPSJnODQ0NyIgLz4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjAwODI2ODIzLDAsMCwwLjAwODI2ODIzLDEyMy4zNzE0MywxNzkuOTc4NTcpIgogICAgICAgaWQ9Imc4NDQ5IiAvPgogICAgPHJlY3QKICAgICAgIHk9IjE4MS4zOTY2MSIKICAgICAgIHg9IjEyNC41NjY3NyIKICAgICAgIGhlaWdodD0iMC4wODI0ODczNDUiCiAgICAgICB3aWR0aD0iMS44NzcwNjUyIgogICAgICAgaWQ9InJlY3Q4NDk5IgogICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MC4yNDU4NzEyNTtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIiAvPgogICAgPHJlY3QKICAgICAgIHk9IjE4MS45MDYxMyIKICAgICAgIHg9IjEyNC41NjY3NyIKICAgICAgIGhlaWdodD0iMC4wODI0ODczNDUiCiAgICAgICB3aWR0aD0iMS44NzcwNjUyIgogICAgICAgaWQ9InJlY3Q4NDk5LTAiCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDowLjI0NTg3MTI2O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEiIC8+CiAgICA8cmVjdAogICAgICAgeT0iMTgyLjQxNTY2IgogICAgICAgeD0iMTI0LjU2Njc3IgogICAgICAgaGVpZ2h0PSIwLjA4MjQ4NzM0NSIKICAgICAgIHdpZHRoPSIxLjg3NzA2NTIiCiAgICAgICBpZD0icmVjdDg0OTktMSIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjAuMjQ1ODcxMjY7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo=);
    width: 25px;
    height: 25px;
    background-size: 16px;
    background-position: center center;
    position: relative;
    display: none;
}

.shown .map_print {
    display: block;
}

.leaflet-routing-geocoder-result {
    z-index: 10000;
}

.geocoder-geolocate-btn {
    position: relative;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.geocoder-geolocate-btn i {
    position: absolute;
    display: block;
    width: 20px;
    height: 0;
    z-index: 1;
    right: 17px;
    top: 10px;
    bottom: 0;
    margin: auto;
    padding: 0;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    color: #ccc;
    background: white;
    padding-bottom: 16px;
    margin-top: -16px;
    padding-right: 4px;
    line-height: 0.5;
    font-family: 'FontAwesome' !important;
}

.geocoder-geolocate-btn i:hover {
    color: black;
}

.leaflet-routing-alt .summary {
    margin-bottom: 15px;
	
}

div.template .route_name_block span.h2 {
/*	margin-bottom: 15px;*/
    font-size: 14px !important;
    font-weight: bold;
    padding:0;
}

div.template .summary th, div.template .summary td{
    font-size: 13px;
    padding: 0;
}


/* Number slider ------------------- */

.extra-time {
    padding-right: 10px;
    background-color: #0064A0;
    padding-left: 10px;
	padding-top:8px;
	padding-bottom:8px;
}

/* Label ------------------- */

.extra-time-label {
    width: 120px;
    color: white;
    margin: 0;
}

/* Input ------------------- */

.extra-time-input {
    vertical-align: middle;
    display: inline-block !important;
    width: calc(100% - 120px) !important;
}

.loading:before {
    position: absolute;
    content: '';
    z-index: 1000;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8);
}

div.leaflet-routing-alternatives-container.loading:before{
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;    
}

div#map .loading.spinner:before{
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;    
}

/* Green Driving ---------------------------------- */

ul{
	margin-bottom: 0px;			
	-webkit-margin-after: 0px !important;
}
#fuelGD  {
   	background-image: url("../images/fuel_black.svg") no repeat !important;
}
#fuelGD:hover {
   /* background-color:#ccc;*/
}
#tabs {
	width:360px;
	/*margin:30px auto 0;*/
	list-style:none;
	/*font-weight:bold;
	background:#666;*/
	position:relative;
	padding:1.8em 0 0;
	
	height:50px;
}
#tabs b {
	margin:0 0 10px;
	font-weight:normal;
	display:block;
}
#tabs li {
	float:left;	
}
#tabs a {
	color:#000;
	text-decoration:none;
	outline:0;
	text-align:center;
	float:left;
}

a:active {
	display:block;
	visibility:visible;
}

#tabs i {
	position:absolute;
	top:0;left:0;
	/*background:#999;
	border:1px solid #000;*/
	/*background-image: url("../images/bumpedcar-white.svg");*/
	width:90px;
	height:50px;
	line-height:1.8em;
	text-align:center;
	cursor:pointer;
	font-style:normal;
	padding-top:10px;
	padding-bottom:5px;
}

#tabs li#two i {left:90px}
#tabs li#three i {left:180px}
#tabs li#four i {left:270px}

#tabs a:hover i {
	background:#fff;
	border-bottom:0;
	padding-bottom:1px;
}
#tabs:after {
	content:" "; 
	display:block; 
	clear:both; 
}
#GDtitle {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
	
/* ------------ Hide/Show Span ----------- */
#tabs span{
	/*
	position:relative;
	top:20px;
	left:-999em;
	width:360px;	
	padding:20px;
	margin-bottom: 20px;	
	border-top:0;
	cursor:auto;
	text-align:left;
	background:#fff;
	display:none;
	*/
}




#fuel_tab {	
	position:relative;
	top:20px;
	left:-999em;
	width:360px;	
	padding:20px;
	margin-bottom: 20px;	
	border-top:0;
	cursor:auto;
	text-align:left;
	background:#fff;
	display:none;
	/*display:inherit;*/	
}

 #engine_tab  {
	
	position:relative;
	top:20px;
	left:-999em;
	width:360px;	
	padding:20px;
	margin-bottom: 20px;	
	border-top:0;
	cursor:auto;
	text-align:left;
	background:#fff;
	display:none;
	
}



#traction_tab  {
	
	position:relative;
	top:20px;
	left:-999em;
	width:360px;	
	padding:20px;
	margin-bottom: 20px;	
	border-top:0;
	cursor:auto;
	text-align:left;
	background:#fff;
	display:none;
	
} 



 #journey_tab  {
	
	position:relative;
	top:20px;
	left:-999em;
	width:360px;	
	padding:20px;
	margin-bottom: 20px;	
	border-top:0;
	cursor:auto;
	text-align:left;
	background:#fff;
	display:none;
	
}

/*
	#tabs a:hover span {
	display:block;
	position:relative;
	left:0;
	}
*/
#tabs .show_tab {
	display:block;
	position:relative;
	left:0;
}
/**/
.izselected{
	background:#fff;
	border-radius: 5px 5px 0px 0px;
	fill: #000 !important;
	}
	

.blackpath path{
	fill: #064a8b !important;	
	}
.whitepath 	path{
	fill: #ffffff !important;	
	}
	

/* car segments --------------------------------*/
.description  {
font-size:13px;	
color:#fff !important;
left:100em !important;
width:290px !important;
display:block !important;
}

.selected .description  {
color:#000 !important;
}
.selected .ddlabel {
	color:#000 !important;
	}

.ddlabel {
	font-size:16px;
	font-weight:bold;
	}

textarea:focus, input:focus{
    outline: none !important;
}
*:focus {
    outline: none;
}
select.FuelTypeSelection, select.FuelPriceSelection  , select.ElectricictyPriceSelection , select.EngineCapacitySelection , select.EnginePowerSelection , select.CarWeightSelection , select.EuroStandardSelection , select.GearboxSelection , select.TractionSelection , select.StartStopSelection  , select.BERSSelection , select.DrivingStyleSelection , select.TyresClassSelection , select.NPassengersSelection , select.InternalLuggageSelection , select.AirConditioningSelection , select.RoofboxSelection
{
	border-radius:4px;
	background-color: #0064A0;
	color:#fff;
	font-size:13px;
	border-color: #0064A0;
	padding-bottom:5px;
	padding-top:5px;
	}
.btn.btn-primary:hover, .btn.btn-primary:focus{
	background:#fff !important;
	color:#000 !important;
	}
/* JRC header ------------------------------------------	*/
#map {
	top:159px;
	}
.navbarmap {
	height:0px !important;
	}
.divider {
	visibility:hidden;
	}
.navbar-fixed-top, .navbar-fixed-bottom {
	position:absolute;
	}
/* JRC FOOTER ------------------------------------------   */
.footerUsave {
	position: fixed;
    bottom: 0;
	width: 300px;
	text-align:center;	
	z-index:999999;
	background: #fff;
	border-radius: 4px;
	left: 0;
	right:0;
	margin: 0.5% auto; 
	}
.footerUsave a{	
	color: #000;
	font-weight: bold;
	}
	
/* corrections for proof of concept */
.leaflet-routing-container {
	overflow-x:inherit !important;
	overflow-y:inherit !important;
	}
	
.hideGD {
    display: none;
}	
h1.leaflet-routing-alt-description {		
	font-weight: normal !important;
	font-family: 'Maven Pro', sans-serif !important;		
}	

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.geocoder-geolocate-btn i {
		top: 5px !important;
	}
	.leaflet-routing-remove-waypoint{
		top: -4px !important;
	}
}	
	
.ui-tooltip {
    z-index: 99999999 !important;
}	
.tooltip {   
	position: fixed !important;
}	
/* scrool bar customization */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(6,74,139,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(6,74,139,0.4); 
}
/* for IE */
body {
scrollbar-base-color: #000;
  scrollbar-face-color: #064a8b;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #064a8b;
  scrollbar-track-color: #0064a0;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;	
	
	
}	



body.page-project-map-tool-maps-routes div#main.clearfix {
    width:100% !important;
}

body.page-project-map-tool-maps-routes div#content.column{
    width:100% !important;
    float: left;    
}

body.page-project-map-tool-maps-routes div#breadcrumb{
    max-width: 1210px !important;
    margin: 0 auto;    
}


body.page-project-map-tool-maps-routes table.hide{
    display: none;
}


body.page-project-map-tool-maps-routes div.leaflet-routing-container.leaflet-bar div.trips-vehicles-data{
    float: left;
}

div.leaflet-routing-container.leaflet-bar div.trips-vehicles-data a{
    width:100%;
    float:left;
    height: auto;
    padding: 7px 14px;
    cursor: pointer;
    background-color: #4073af;
}

div.trips-vehicles-data a.routes{
padding: 0px!important;
}
.trips-vehicles-data .vehicle a.editvehicle{
    width: auto !important;
    float: left !important;
    padding-left: 2px !important;
    padding-right: 0px !important;
    padding: 0px !important;
    padding-top: 7px !important;
    background: transparent !important;
}

body.page-project-map-tool-maps-routes div#map .leaflet-routing-container{background:#004494;}

body.page-project-map-tool-maps-saved-routes div#map .leaflet-routing-container{background:#4073af;}



#map .trips-vehicles-data .vehicle{
    background:#004494 !important;
}
#map .fa-location-arrow:before {
    content: "\f124";
    color: #004494;
}
#map .leaflet-routing-remove-waypoint:after{
    /*content: "\f124";*/
    color: #004494 !important;
}
div.trips-vehicles-data a::hover{
    background-color: #fff !important;
}

div.trips-vehicles-data img, div.trips-vehicles-data span{
    width:auto;
    float:left;
}

div.trips-vehicles-data span{
    padding:5px 10px;
}

div.leaflet-routing-alternatives-container{
    background: #fff;
}

div.leaflet-routing-alternatives-container > div{
    display: none;
}

div.trips-vehicles-data div.vehicle_display{
    float:left;
    padding: 10px 0;
    max-height: 250px;
    overflow-y: auto;
}
body.page-project-map-tool-maps-routes div.template .summary th, div.template .summary td {
    font-size: 13px;
    padding: 0;
    text-align: center !important;
    border-right: 2px solid #c5c5c5;
    border-bottom: none;
    color: black;
    background: white;
}

body.page-project-map-tool-maps-routes .routes table{
    margin: 4px 0 !important;
}
body.page-project-map-tool-maps-routes div.template .summary tr:not(:last-child) td{
    border-bottom: 2px solid #c5c5c5 !important;
}
body.page-project-map-tool-maps-routes div.template .summary td:nth-child(3),body.page-project-map-tool-maps-routes div.template .summary th:nth-child(3){
    border-right:none !important;
}
/*.fastest_route  .left{
    background: #f8ae21;
    color: white;
    font-weight: bold;
    font-size: 15px;
}*/
.vehicle select.vehicle_display{
    border-radius: 0px;
    /*width: 77%;*/
    float: left;
    margin-left: 9px;
    width: 195px;
    height:34px !important;
}

div#map div.trips-vehicles-data span.refresh_vehicle{
    float: left;
}

div#map div.trips-vehicles-data span.refresh_vehicle i::before{
    font-size: 25px;
    color: #fff;
}

div#map div.trips-vehicles-data span.refresh_vehicle.selected i::before{
    color: red;
}

div.trips-vehicles-data div.hide{
    display: none;
}

div.trips-vehicles-data div.vehicle_display button{
    float: left;
    background-color: #176BD4;
    color: black;
    margin-right: 10px;
    padding: 3px 15px;
}

div.trips-vehicles-data div.vehicle_display button.active{
    color:#fff;
}

div.trips-vehicles-data div.vehicle_display a{
    width:auto !important;
    float:left;
    font-size: 16px;
}

div.trips-vehicles-data .left{
    float:left;
}

div.trips-vehicles-data input[type="checkbox"], div.trips-vehicles-data input[type="checkbox"]{
    float:left;
    margin:7px 0;
}

div.trips-vehicles-data a.routes span, div.trips-vehicles-data a.trips span{
    padding : 0 5px; 
}

div.trips-vehicles-data a.routes div.routes-container span, div.trips-vehicles-data a.trips div.routes-container span{
    width: 64.33%;  
}

div.trips-vehicles-data a.routes div.routes-container span.toggle-route-display{
    width: 75%;font-size: 15px;
}

div.trips-vehicles-data a.routes div.routes-container div.template span.h2{
    width:90%;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}
div.trips-vehicles-data a.routes div.routes-container:nth-child(3) .left.template{
    background: #f8ae15 !important;
}
div.trips-vehicles-data a.routes div.routes-container:nth-child(4) .left.template{
    background: #006844 !important;
}
div.trips-vehicles-data a.routes div.routes-container:nth-child(5) .left.template{
    background: #6aba3f !important;
}
div.trips-vehicles-data a.routes div.routes-container .route_name_block{background: white;}
/*div.trips-vehicles-data .route_name_block .summary{padding:3px;}*/
div.trips-vehicles-data .route_name_block .total{background: white;}
div.routes-container div.template.truncated span.h2{
    white-space: initial !important;
    text-overflow: unset !important;
    overflow: visible !important;    
}



div.trips-vehicles-data a.routes i.fa, div.trips-vehicles-data a.trips i.fa{
    margin-right: 5px;
    font-size: 15px;
}

div.trips-vehicles-data a.routes i.fa-calculator.f{
    color:orange;
}

div.trips-vehicles-data a.routes i.fa-calculator.l{
    color:green;
}

div.trips-vehicles-data i.fa-map-marker-alt{
    color:blue;
}

div.trips-vehicles-data a.data i.fa-calculator{
    color:green;
}

div.trips-vehicles-data .routes .routes-container:nth-child(3),body.page-project-map-tool-maps-routes .routes-container:nth-child(3) .infosave{
    background: #f8ae15 !important;
    
    /*background-color: #e9ecef;*/    
}
div.trips-vehicles-data .routes .routes-container:nth-child(4),body.page-project-map-tool-maps-routes .routes-container:nth-child(4) .infosave {
    background: #006844 !important;
}/*
*/div.trips-vehicles-data .routes .routes-container:nth-child(5),body.page-project-map-tool-maps-routes .routes-container:nth-child(5) .infosave {
    background: #6aba3f !important;
}
div.trips-vehicles-data div.routes-container{
    margin-bottom: 5px;
    /*font-weight: bold;*/
    font-size: 15px;
}

body.page-project-map-tool-maps-routes div.trips-vehicles-data div.routes-container{
    color: white;
}

.trips-vehicles-data .editvehicle img{
    width: 25px;
    padding: 0px;
    margin-left: 6px;
}
.toggle-route-display img{
    width: 30px !important;
    margin-right: 5px;
}
body.page-project-map-tool-maps-routes div.trips-vehicles-data div.routes-container .text-right{
    margin-left: 20px;
}
div.trips-vehicles-data div.vehicle_display a::before{
    margin-right: 5px;
    font-size: 21px;
}


button.vehicle_button.active {
    border: 2px solid #EAEE85;
}


body.page-project-map-tool-maps-routes a.routes div.template{
    background: #fff;
    max-height: 200px;
    overflow-y: auto;    
    padding: 0 5px;
}

body.page-project-map-tool-maps-routes a.routes div.template.truncated{
    max-height: none;
    white-space: initial;    
}

body.page-project-map-tool-maps-routes div.routing-profiles .circle{
    display: none;
}


div.display-trips{
    max-height: 201px;
    overflow-y: auto;    
}

tr.total_header td{
    min-width: 349px;
    float:left;
    border : none;
}

a.data div.route_name_block, a.data div.summary{
    background: rgba(0, 0, 0, 0.063);
}

a.data tr{
    background: none;
    font-family: 'Arial' !important;
    font-size: 14px;
}


div.route_name_block i.fa{
    padding: 8px 0px;
}

div.template i.helpicon{
    padding: 0;
    position: relative;
    float: left;    
}

div.template.truncated i.helpicon{
    display: none;
}


@media (hover: hover) {
    
    div.trips-vehicles-data a{
        /*background-color : #fff !important;*/
        background-color : #4073af !important;
    }

    body.page-project-map-tool-maps-saved-routes .ecl-editor table tbody tr.total_header:hover{
        background-color: unset;
    }
    
}