/*** Line ***/
.ct-series-a .ct-bar {
    stroke: #000000;
}
.ct-series-a .ct-point, .ct-series-a .ct-line {
    stroke: #000000;
    stroke-width: 1px;
}
.ct-series-a .ct-point {
    stroke-width: 7px;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
    fill: #555555;
}
span.ct-label.ct-horizontal.ct-end {
    transform: rotate(45deg);
    transform-origin: left top;
    white-space: nowrap;
}
/*** Axis ***/
.ct-axis-title {
    font-size: 14px;
    font-style: italic;
}
/*** Gauge ***/
.ct-series-black .ct-slice-donut {
    stroke-width: 15px !important;
    stroke: #000000;
}
.ct-series-green .ct-slice-donut {
    stroke: #68B022;
}
.ct-series-red .ct-slice-donut {
    stroke: #A8252E;
}
.ct-series-yellow .ct-slice-donut {
    stroke: #FBBA00;
}
.ct-fill-donut-label .ct-label-black {
    color: #000000;
    font-style: italic;
}
.ct-fill-donut-label .ct-label-green {
    color: #68B022;
    font-weight: bold;
}
.ct-fill-donut-label .ct-label-red {
    color: #A8252E;
    font-weight: bold;
}
.ct-fill-donut-label .ct-label-yellow {
    color: #FBBA00;
    font-weight: bold;
}
/** Tooltip **/
.custom-chartist-tooltip {
    background: #ffffff;
    border: 1px solid #555555;
    border-radius: .3rem;
    color: #555555;
}
    .custom-chartist-tooltip:before {
        border-top-color: #555555;
    }
.tooltip-show {
    pointer-events: auto;
}