// ====================== High Charts =======================

.chart-legend {} .legend-item {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.nav.chart-legend > li {

    &> a {
        background: transparent;
        color: @brand-dark;
        font: 700 12px/20px 'Open Sans';
        text-transform: uppercase;
    }
    &> a:hover {
        background: transparent;
        color: @brand-primary;
    }
}

.highcharts-container .highcharts-axis-labels text {
    color: #AAA !important;
    fill: #AAA !important;
}
