/*!
 * Flexible Chart v1.0
 * Licensed under GPL2
 */
html {
      -webkit-font-smoothing: antialiased;    
}
.chart-wrapper{
    float: left;
    width: 100%;
}
.canvas-wrapper{
    float: left;
    max-width: 70%;
    padding-right: 15px;
    
}
.label-wrapper-for-group-c{
    float: left;
    max-width: 30%;
    padding-left: 15px;
    font-size: 12px;
}
.color-label-for-group-b{
    float: left;
    width: 100%;
    font-size: 12px;   
}
.color-info{
    width:20px;  
    background-color: #0f0f0f;
    margin-left:30px;
}
.label-line-height{
    line-height: 12px;
    
}
.numeric-value{
    float: left;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
}



@media screen and (max-width: 768px) and (min-width: 0px) {

.chart-wrapper{
    float: left;
    width: 100%;
}
.canvas-wrapper{
    width: 100%;
    clear: both;
    padding-right: 15px;
}
.label-wrapper-for-group-c{
    float: left;
    max-width: 100%;
    margin-top: 15px;
    padding-left: 15px;
    font-size: 12px;
}
.color-label-for-group-b{
    float: left;
    width: 100%;
    font-size: 12px;   
}
.color-info{
    width:20px;  
    background-color: #0f0f0f;
    margin-left:30px;
}
.resize-for-small-device{
    float: left;
    max-width: 300px;
}

}