.ct-legend {
    position: relative;
    z-index: 10;
}
.ct-legend li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 3px;
    list-style-type: none;
}
.ct-legend-inside {
    position: absolute;
    top: 20px;
    right: 0;
}
.ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px;
}

.ct-legend li.inactive:before {
    background: transparent;
}



/* This is override of the colors in the legends and the pie chart. */
.ct-legend .ct-series-0:before {
    background-color: #F8A11F;
    border-color: #F8A11F;
}
.ct-series-a .ct-slice-pie {
    fill: #F8A11F;
}

.ct-legend .ct-series-1:before {
    background-color: #FFB94E;
    border-color: #FFB94E;
}
.ct-series-b .ct-slice-pie {
    fill: #FFB94E;
}

.ct-legend .ct-series-2:before {
    background-color: #FDD79C;
    border-color: #FDD79C;
}
.ct-series-c .ct-slice-pie {
    fill: #FDD79C;
}
.ct-legend .ct-series-3:before {
    background-color: #1A8BA5;
    border-color: #1A8BA5;
}
.ct-series-d .ct-slice-pie {
    fill: #1A8BA5;
}

.ct-legend .ct-series-4:before {
    background-color: #4FA9BE;
    border-color: #4FA9BE;
}
.ct-series-e .ct-slice-pie {
    fill: #4FA9BE;
}


.ct-legend .ct-series-5:before {
    background-color: #96D3E1;
    border-color: #96D3E1;
}
.ct-series-f .ct-slice-pie {
    fill: #96D3E1;
}

.ct-series-a .ct-bar {
    stroke: #FFB94E;
}

.ct-slice-pie {
    stroke: #FFF;
    stroke-width: 1px;
}

.ct-bar {
    stroke-width: 20px;
}
.ct-chart .ct-grid {
    stroke-dasharray: none;
}

.ct-series-a > line {
    cursor: pointer;
}