.layer-graphic-container {
    /*height: 200px;*/
    /*border-right: 1px solid #c8c8c8;*/

    margin-top: 10px;
}

.chart-container {
    height: 100%;
}

.ColoredBarValueLabel.outside-bar {
    color: #000000 !important;
    opacity: .8;
}

.ColoredBarValueLabel.bg-light {
    color: #333333 !important;
    text-shadow: -1px 0 #f2f2f2, 0 1px #f2f2f2, 1px 0 #f2f2f2, 0 -1px #f2f2f2 !important;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    font-weight: bold !important;
    /*letter-spacing: 1px;*/
}
.ColoredBarValueLabel.bg-dark {
    color: #ffffff !important;
    text-shadow: -1px 0 #303030, 0 1px #303030, 1px 0 #303030, 0 -1px #303030 !important;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    font-weight: bold !important;
    /*letter-spacing: 1px;*/
}

.BarValueLabel {
    left: 10px !important;

    color: #333333;
    /*opacity: .8;*/
}

.BarValueLabel > span {
    background-color: white;
}