/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 08 2018 | 10:57:20 */
/******* ddpp_Transport *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 28 2018 | 19:04:41 */


/* .rgroups path { stroke: black; } FOR LINE GRAPH */

/* SETTING up legend/bars colors for different graphs */

/* Other */
.other * { fill: #d0d1d2; stroke: #d0d1d2;}

/*ddpp_Transport*/

.oil_air * {fill: #b01731; stroke: #414042;}
.oil_road * {fill: #d6344a; stroke: #414042;}
.oil_rail * {fill: #f1919c; stroke: #414042;}
.natural_gas * {fill: #fad1ce; stroke: #414042;}
.electricity * {fill: #a0ccd8; stroke: #414042;}
.h2_and_biofuels * {fill: #dadada; stroke: #414042;}

.population * {fill: #0292a9; stroke: #0292a9;}
.individual_mobility * {fill: #a5ced8; stroke: #a5ced8;}
.mobility_energy_efficiency * {fill: #df4250; stroke: #df4250;}
.carbon_intensity * {fill: #878787; stroke: #878787;}


.metropolitan * {fill: #1692a8; stroke: #0292a9;}
.nonmetropolitan * {fill: #99c5cf; stroke: #0292a9;}

.metrop_constrained * {fill: #1692a8; stroke: #0292a9;}
.metrop_nonconstrained * {fill: url(#hash4_4) ; stroke: #0292a9;}
.nonmetropolitan_constrained * {fill: #99c5cf; stroke: #0292a9;}
.nonmetropolitan_nonconstrained * {fill: url(#hash4_4_light); stroke: #0292a9;}

.private_mobility * {fill: #d6344a; stroke: #414042;}
.air * {fill: #b01731; stroke: #414042;}
.nonmotorized_transport * {fill: #dadada; stroke: #414042;}
.public_transport * {fill: #f1919c; stroke: #414042;}

/*indicators*/
.time_metrop * {fill: #333; stroke: #333;}
.time_non_metrop * {fill: #666; stroke: #666;}
.distance_metrop * {fill: #1692a8; stroke: #1692a8;}
.distance_non_metrop * {fill: #99c5cf; stroke: #99c5cf;}
.budget_metrop * {fill: #d6344a; stroke: #d6344a;}
.budget_non_metrop * {fill: #f1919c; stroke: #f1919c;}


.mconstrained * {fill: #d6344a; stroke: #d6344a;}
.mnonconstrained * {fill: url(#hash4_4); stroke: #d6344a;}
.nmconstrained * {fill: #f1919c; stroke: #f1919c;}
.nmnonconstrained * {fill: url(#hash4_4_light); stroke: #f1919c;}

.lineGraph .budget_mconstrained * { stroke: #d6344a;}
.lineGraph .budget_mnonconstrained *  { stroke: #f1919c;} 
.lineGraph .budget_nmconstrained * { stroke: #333;}
.lineGraph .budget_nmnonconstrained * { stroke: #999;}

.budget_mconstrained * {fill: #d6344a; stroke: #d6344a;}
.budget_mnonconstrained * {fill: #f1919c; stroke: #f1919c;} 
.budget_nmconstrained * {fill: #333; stroke: #333;}
.budget_nmnonconstrained * {fill: #999; stroke: #999;}


/*energy*/
.average_carbon_content {fill: #333; stroke: #333;}

.liquid_fossil {fill: #d4374d; stroke: #d4374d;}
.natural_gas {fill: #f9d1cf; stroke: #f9d1cf;}
.liquid_biofuels {fill: #b2b2b2; stroke: #b2b2b2;}
.electricity {fill: #1692a8; stroke: #1692a8;}
.biogas {fill: #dddcdc; stroke: #dddcdc;}
.hydrogen {fill: #99c5cf; stroke: #99c5cf;}
.renewable_hydrogen {fill: #62b0c1; stroke: #62b0c1;}

/*CAR*/
.liquid_ice {fill: #d4374d; stroke: #d4374d;}
.gas_ice {fill: #f9d1cf; stroke: #f9d1cf;}
.bev {fill: #1692a8; stroke: #1692a8;}
.phev {fill: #99c5cf; stroke: #99c5cf;}
.fcev {fill: #62b0c1; stroke: #62b0c1;}

.total_car_stock {fill: #333; stroke: #333;}
.average_of_new_sales {fill: #333; stroke: #333;}

g.legend text {stroke-width: 0;}

/* LINE GRAPH SETTINGS */
.lineGraph g.series path {fill: none;}
.lineGraph .passenger * { fill:#216a9f; stroke:#216a9f; }

.lineGraph .population * { stroke:#1692a8; }
.lineGraph .individual_mobility * { stroke:#a5ced8; }
.lineGraph .mobility_energy_efficiency * { stroke:#df4250; }
.lineGraph .carbon_intensity * { stroke:#878787; }

.lineGraph .time_metrop * {stroke: #333;}
.lineGraph .time_non_metrop * {stroke: #666;}
.lineGraph .distance_metrop * {stroke: #1692a8;}
.lineGraph .distance_non_metrop * {stroke: #99c5cf;}
.lineGraph .budget_metrop * {stroke: #d6344a;}
.lineGraph .budget_non_metrop * {stroke: #f1919c;}



.horizontalBar text.value1 { fill: white; }
.horizontalBar text.value2 { fill: white; }
.horizontalBar text.value3 { fill: white; }
.horizontalBar text.value4 { fill: white; }
.horizontalBar text.value5 { fill: white; }

.graph1 .horizontalBar rect {fill:#d6344a;}
.graph1 .horizontalBar rect {stroke:#d6344a;}
.graph1 .horizontalBar text.unit {fill:#d6344a;}
.graph1 .horizontalBar rect.background {fill:#e9e9e9;stroke:white;}

.graph2 .horizontalBar rect {fill:#0292a9;} 
.graph2 .horizontalBar rect {stroke:#0292a9;}
.graph2 .horizontalBar text.unit {fill:#0292a9;}
.graph2 .horizontalBar rect.background {fill:#a0ccd8;stroke:0px;}

.graph17 .horizontalBar rect {fill:#d6344a;}
.graph17 .horizontalBar rect {stroke:#d6344a;}
.graph17 .horizontalBar text.unit {fill:#d6344a;}
.graph17 .horizontalBar rect.background {fill:#e9e9e9;stroke:white;}

/*
F5b .metrop_constrained * {fill: #1692a8; stroke: #0292a9;}
F5b .metrop_nonconstrained * {fill: url(#hash4_4) ; stroke: #0292a9;}
F5b .nonmetropolitan_constrained * {fill: #99c5cf; stroke: #0292a9;}
F5b .nonmetropolitan_nonconstrained * {fill: url(#hash4_4_light); stroke: #0292a9;}
*/