/*******************chart-vertical********************/
/* Link the series colors to axis colors */
.highcharts-color-0 {
    fill: #7cb5ec;
    stroke: #7cb5ec;
}

.highcharts-axis.highcharts-color-0 .highcharts-axis-line {
    stroke: #7cb5ec;
}

.highcharts-axis.highcharts-color-0 text {
    fill: #7cb5ec;
}

.highcharts-color-1 {
    fill: #90ed7d;
    stroke: #90ed7d;
}

.highcharts-axis.highcharts-color-1 .highcharts-axis-line {
    stroke: #90ed7d;
}

.highcharts-axis.highcharts-color-1 text {
    fill: #90ed7d;
}

.highcharts-yaxis .highcharts-axis-line {
    stroke-width: 2px;
}

/*********************************************************/

#circleSolid .highcharts-series-0 .highcharts-color-0 {
    fill: #5971bb;
    stroke: #ffffff;
}

#circleSolid .highcharts-series-2 .highcharts-color-0 {
    stroke: #ffffff;
    fill: #a8b7e2;
}

#circleSolid .highcharts-series-1 .highcharts-color-0 {
    stroke: #ffffff;
    fill: #768ed8;
}


/*******************circle 3d****************************/

.chart-part {
    height: calc(100% - 45px);
    overflow: auto;
}

.highcharts-figure {
    border-radius: 5px;
    padding: 10px 35px 10px 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    direction: rtl;
    position: relative;
}

    .highcharts-figure > .title {
        position: absolute;
        top: 0;
        right: 0;
        background: #f5f5f5;
        border-left: solid 1px #ddd;
        transform-origin: top right;
        width: 30px;
        height: 100%;
    }

        .highcharts-figure > .title b {
            position: absolute;
            right: -50%;
            top: calc(50% - 9px);
            white-space: nowrap;
            transform-origin: center;
            transform: rotate(90deg) translate(0px, -20px);
            width: 100px;
            text-align: center;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .highcharts-figure .box {
        height: 100%
    }

    .highcharts-figure svg {
        height: 100%;
        fill: #fbfbfd;
    }

    .highcharts-figure .highcharts-container {
        height: 100% !important
    }

    .highcharts-figure.half {
        float: right;
        width: 48%;
        height: 46%;
        margin: 1%;
    }

    .highcharts-figure.full {
        width: 98%;
        height: 97%;
        float: right;
        margin: 1%;
    }

    .highcharts-figure .highcharts-container .highcharts-background {
        fill: #f9f9f9;
    }

    .highcharts-figure .highcharts-credits {
        display: none
    }

    .highcharts-figure .highcharts-title,
    .highcharts-figure .highcharts-axis-label,
    .highcharts-figure .highcharts-xaxis-labels,
    .highcharts-figure .highcharts-text-outline {
        stroke: #8c8c8c;
        stroke-width: 0px;
        fill: #000;
    }