#gen-fuel-mix {
    height: 325px;
}

#load-forecast {
    height: 325px;
}

.gen-fuel-mix-heading {
    float: left;
}

.gen-fuel-mix-tab {
    float: right;
}

.gen-fuel-mix-tab {
    vertical-align: top;
    padding: 10px 5px;
}

    .gen-fuel-mix-tab > ul.nav-pills > li.active > a {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }

    .gen-fuel-mix-tab .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: underline;
        background-color: #fff;
    }

    .gen-fuel-mix-tab > .nav > li {
        border-right: 1px solid #000;
    }

    .gen-fuel-mix-tab .nav > li:last-child {
        border-right: 0;
    }

    .gen-fuel-mix-tab .nav > li > a {
        padding: 2px 5px;
    }

    .gen-fuel-mix-tab > ul.nav {
        margin-bottom: 5px;
    }

        .gen-fuel-mix-tab > ul.nav li:first-child a {
            padding-left: 0;
        }

.div-gen-fuel-mix-total {
    position: relative;
    float: right;
    top: 0;
}

.highcharts-shadow {
    display: none;
}

.highcharts-legend-item text {
    font-weight: normal !important;
    font-family: Trebuchet MS !important;
}

    .highcharts-legend-item text:hover {
        text-decoration: underline;
    }

.gen-total-active {
    color: #ffffff;
}

.container-gen-total {
    background: white;
    padding: 2px;
}

    .container-gen-total div {
        display: inline-block;
    }

        .container-gen-total div.left {
            width: 75px;
        }

        .container-gen-total div.right {
            width: 85px;
            font-weight: bold;
            text-align: right;
        }

#gfmchartallfuels .highcharts-container,
#gfmchartrenewables .highcharts-container {
    margin-top: -30px;
    margin-bottom: -15px;
}

#lfchart .highcharts-container,
#lfchart .highcharts-plot-background,
#lfchart .highcharts-background {
    height: auto;
    width: 375px !important;
}

@media (min-width: 667px) and (max-width: 991px) {

    #gen-fuel-mix {
        height: 425px;
    }

    #load-forecast {
        height: 425px;
    }

    #lfchart .highcharts-legend {
        transform: translate(60px,360px) !important;
    }
}

@media(max-width:666px) {
    #gen-fuel-mix {
        height: 425px;
    }

    #load-forecast {
        height: 425px;
    }

    #lfchart .highcharts-legend {
        transform: translate(60px,360px) !important;
    }
}


/* Extra Small */
@media (max-width: 666px) {
    #lfchart .highcharts-container, #lfchart .highcharts-plot-background, #lfchart .highcharts-background {
        height: auto;
    }
}

/* Small */
@media (min-width: 667px) and (max-width: 991px) {
}

/* Medium */
@media (min-width: 992px) {
    #gen-fuel-mix {
        height: auto;
    }

    #load-forecast {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #lfchart .highcharts-legend {
        transform: translate(60px,360px) !important;
    }
}