/*["Black Coal", "Brown Coal","Gas", "Water", "Wind", "Natural Gas", "Other"];*/
#GenCharts .ct-series-a .ct-bar,
#GenCharts .ct-series-a .ct-slice-donut,
#GenCharts .series-legend-black-coal{
    stroke:#4D4D4D;
    background-color:#4D4D4D;
}
#GenCharts .ct-series-b .ct-bar,
#GenCharts .ct-series-b .ct-slice-donut,
#GenCharts .series-legend-brown-coal{
    stroke:#9E6A10;
    background-color:#9E6A10;
}
#GenCharts .ct-series-c .ct-bar,
#GenCharts .ct-series-c .ct-slice-donut,
#GenCharts .series-legend-gas{
    stroke:#C56394;
    background-color:#C56394;
}
#GenCharts .ct-series-d .ct-bar,
#GenCharts .ct-series-d .ct-slice-donut,
#GenCharts .series-legend-water{
   stroke:#316690;
    background-color:#316690;
}
#GenCharts .ct-series-e .ct-bar,
#GenCharts .ct-series-e .ct-slice-donut,
#GenCharts .series-legend-wind{
    stroke:#508C43;
    background-color:#508C43;
}
#GenCharts .ct-series-f .ct-bar,
#GenCharts .ct-series-f .ct-slice-donut,
#GenCharts .series-legend-natural-gas{
    stroke:#FF8040;
    background-color:#FF8040;   
}
#GenCharts .ct-series-g .ct-bar,
#GenCharts .ct-series-g .ct-slice-donut,
#GenCharts .series-legend-other{
    stroke: #B7B7B7;
    background-color: #B7B7B7;
}
#GenCharts .ct-label
{
    font-size:11px;
}

#GenCharts ul.my-legends-list{
    list-style:none;
    text-align:center;
}
#GenCharts .my-legends-list li{
    display:inline-block;
    padding:0 10px;
}
#GenCharts .my-legends-list li span{
    display:inline-block;
    width:30px;
    height:10px;
}


/*Snapshot dashboard*/
#RegionSnapshot .ct-series-a .ct-line{
    stroke:#e74c3c;
}

#RegionSnapshot .ct-series-b  .ct-line{
    stroke:#316690;
}

#RegionSnapshot .ct-series-c  .ct-line{
    stroke:#f1c40f;
}

#RegionSnapshot .ct-series-d  .ct-line{
    stroke:#1abc9c;
}

#RegionSnapshot .ct-series-e  .ct-line{
    stroke:#9b6bcc;
}

#RegionSnapshot .funny-boxes-top-blue{
    border-top: solid 2px #316690;
}

/*Live generation*/
#LiveGenAllRegions.row{
    margin:0;
}
.gen-panel{
    margin-bottom:5px;
    border-bottom:1px solid #eee;
}
.gen-panel label{
     display:block;
     /*margin:0;*/
}
.gen-panel small{
    color: #888;
    /*display: block;*/
    /*line-height: 14px;*/
    float:left;
    position:absolute;
    left:15px;
    display:none;
}
.gen-panel .fuel-type{
    font-weight:bold;
}
.gen-panel .gen, .gen-panel .capacity{
    font-size:10px; 
    text-align:right;
    /*min-width: 25px;*/
    /*display:inline-block;*/
}
.gen-panel .gen{
   color:#CE8604;
}
 .gen-panel .capacity{
    color:#888;
}
 .fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.fadein {
    opacity: 1;
}