.barchart-container {
    width: 100%;
    height: 100%;
    position: relative !important;
    display: block !important;
    border: none;
    padding: 1% !important;
    overflow: hidden;
    box-sizing: border-box !important;
}

.barchart-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box !important;
}

.barchart-padtop5 {
    padding-top: 5% !important;
}

.barchart-title {
    width: 100%;
    height: 5%;
    position: absolute;
    display: block;
    left: 0%;
    top: 0%;
    font-size: 1em;
    color: #303030;
    text-align: center;
    text-decoration: none;
    line-height: 1.2em;
    z-index: 999;
    padding-left: 10%;
    box-sizing: border-box;
}

.barchart-bardata {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    box-sizing: border-box !important;
    z-index: 99;
    padding: 0% 0% 15% 10%;
}

.barchart-xlabel {
    width: 100%;
    height: 10%;
    position: absolute;
    display: block;
    top: 90%;
    left: 20%;
    font-size: 1em;
    color: #303030;
    text-align: center;
    text-decoration: none;
    line-height: 2em;
}

.barchart-ylabel {
    width: 15%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0%;
    top: 0%;
    writing-mode: vertical-rl;
    text-align: center;
    text-decoration: none;
}

.barchart-plotbox {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border: none;
}

.barchart-xaxis {
    width: 90%;
    height: 10%;
    position: absolute;
    display: block;
    top: 90%;
    left: 10%;
    font-size: 1em;
    color: #303030;
    text-align: center;
    text-decoration: none;
    line-height: 1.5em;
}

    .barchart-xaxis span {
        width: auto;
        height: 100%;
        position: relative;
        display: block;
        font-size: 0.8em;
        font-weight: bold;
        color: #303030;
        float: left;
        padding: 0px !important;
        margin: 0px !important;
    }

.barchart-yaxis {
    width: 10%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0%;
    top: 0%;
    writing-mode: vertical-rl;
    text-align: center;
    text-decoration: none;
}

.barchart-box {
    width: 90%;
    height: 90%;
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0%;
    box-sizing: border-box;
    left: 10%;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    z-index: 9999;
}

.barchart-vcontainer {
    width: auto;
    height: 100%;
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0% 3% 0% 3%;
    text-align: center;
}

.barchart-topalign .barchart-vbox {
    border-radius: 0% 0% 0.4em 0.4em !important;
}

.barchart-vbox {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-color: #ff6a00;
    border-radius: 0.4em 0.4em 0% 0%;
}

.barchart-gridbox {
    width: 90%;
    height: 90%;
    position: absolute;
    display: block;
    top: 0%;
    box-sizing: border-box;
    left: 10%;
    border: none;
    z-index: 99;
}

.barchart-ygrid {
    width: 115%;
    height: 1em;
    position: absolute;
    display: block;
    left: -15%;
    margin-top: -0.5em;
}

.barchart-ygrid-value {
    width: 12%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0%;
    top: 0%;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
}

.barchart-ygrid-line {
    width: 87%;
    height: 1px;
    position: absolute;
    display: block;
    background-color: transparent;
    border-top: 1px dashed gray;
    box-sizing: border-box;
    left: 12.5%;
    top: 50%;
}

.barchart-ylimit-line {
    width: 87%;
    height: 2px;
    position: absolute;
    display: block;
    background-color: transparent;
    border-top: 2px solid gray;
    box-sizing: border-box;
    left: 12.5%;
    top: 50%;
    margin-top: -1px;
}

.no-padleft {
    padding-left: 0% !important;
}

.barchart-ylimit-text {
    width: 8%;
    height: 100%;
    position: absolute;
    display: block;
    left: -6%;
    font-size: 0.7em;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.5em;
}

.no-padright {
    padding-right: 0% !important;
}

.no-padtop {
    padding-top: 0% !important;
}

.no-padbottom {
    padding-bottom: 0% !important;
}

.no-padding {
    padding: 0% !important;
}

BarChart XAxis, BarChart YAxis, BarChart YGrid, BarChart ValueRange, BarChart ValueLimit {
    display: none;
}