#areaGradient .ct-series .ct-area {
  fill-opacity: .2;
  fill: #fff!important;
  stroke-width: 0px;
}

#areaGradient .ct-series-a .ct-area {
  fill-opacity: 1;
  fill: url(#area-gradient)!important;
  stroke-width: 0px;
}

#areaGradient .ct-series .ct-line {
	stroke-width: 0px;
}


#areaGradient .ct-series-b .ct-point {
  stroke-width: 0px;
}


#areaGradient .ct-point-circle {
	fill: #7396ff;
	stroke-width: 7;
	stroke: #fff;
	opacity: 0;
	transition: opacity .3s linear;
}

#areaGradient .ct-point-circle.point_active{
	opacity: 1!important;
}

#areaGradient .ct-point-circle:hover {
	opacity: 1;
}

.areaGradientShadow {
  -webkit-filter: drop-shadow(0px -8px 4px rgba(115, 150, 255, 0.2));
  filter: drop-shadow(0px -8px 4px rgba(115, 150, 255, 0.2));
}

#gradient-line-chart .ct-series.ct-series-a .ct-line {
  stroke: url(#linear6) !important;
  stroke-width: 4px; }

#gradient-line-chart .ct-series.ct-series-a .ct-point-circle {
  fill: url(#linear6) !important;
  stroke-width: 9;
  stroke: #fff; }

#gradient-line-chart .ct-series.ct-series-b .ct-line {
  stroke: url(#linear7) !important;
  stroke-width: 4px; }


.GradientlineShadow {
  -webkit-filter: drop-shadow(0px -8px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px -8px 4px rgba(0, 0, 0, 0.2));
  /* Same syntax as box-shadow, except
                                                       for the spread property */ }

#gradient-line-chart1 .ct-series.ct-series-a .ct-line {
  stroke: url(#lineLinear1) !important;
  stroke-width: 8px; }

#gradient-line-chart1 .ct-series.ct-series-a .ct-point-circle {
  fill: url(#lineLinear1) !important;
  stroke-width: 9;
  stroke: #fff; }

#gradient-line-chart1 .ct-series.ct-series-b .ct-line {
  stroke: url(#lineLinear1) !important;
  stroke-width: 4px; }

.GradientlineShadow1 {
  -webkit-filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.2));
  /* Same syntax as box-shadow, except
                                                       for the spread property */ }

#donut-gradient-chart .ct-slice-donut-solid {
  fill: url(#donutGradient1); }

#donut-gradient-chart .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 30px;
  font-weight: 700;
  fill: #fd636b; }

#donut-gradient-chart .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

.donutShadow {
  -webkit-filter: drop-shadow(0px 20px 8px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(4px 20px 8px rgba(0, 0, 0, 0.3));
  /* Same syntax as box-shadow, except
                                               for the spread property */ }

#donut-gradient-chart1 .ct-slice-donut-solid {
  fill: url(#donutGradient2); }

#donut-gradient-chart1 .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 30px;
  font-weight: 700;
  fill: #6967ce; }

#donut-gradient-chart1 .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

#donut-gradient-chart2 .ct-slice-donut-solid {
  fill: url(#donutGradient3); }

#donut-gradient-chart2 .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 30px;
  font-weight: 700;
  fill: #19afd0; }

#donut-gradient-chart2 .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

#donut-gradient-chart3 .ct-slice-donut-solid {
  fill: url(#donutGradient4); }

#donut-gradient-chart3 .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

#donut-gradient-chart3 .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 45px;
  font-weight: 700;
  fill: #fd636b; }

#donut-gradient-chart4 .ct-slice-donut-solid {
  fill: url(#donutGradient5); }

#donut-gradient-chart4 .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

#donut-gradient-chart4 .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 45px;
  font-weight: 700;
  fill: #6967ce; }

#donut-gradient-chart5 .ct-slice-donut-solid {
  fill: url(#donutGradient6); }

#donut-gradient-chart5 .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px; }

#donut-gradient-chart5 .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 45px;
  font-weight: 700;
  fill: #19afd0; }

#vertical-bar .ct-series-a .ct-bar {
  stroke: url(#barGradient2); }

#vertical-bar .ct-series-a .ct-slice-pie {
  fill: #fd636b; }

.BarChartShadow {
  -webkit-filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, 0.3));
}

#vertical-bar1 .ct-series-a .ct-bar:nth-of-type(4n+1) {
  stroke: #fd636b; }

#vertical-bar1 .ct-series-a .ct-slice-pie:nth-of-type(4n+1) {
  fill: #fd636b; }

#vertical-bar1 .ct-series-a .ct-bar:nth-of-type(4n+2) {
  stroke: #6967ce; }

#vertical-bar1 .ct-series-a .ct-slice-pie:nth-of-type(4n+2) {
  fill: #6967ce; }

#vertical-bar1 .ct-series-a .ct-bar:nth-of-type(4n+3) {
  stroke: #fd636b; }

#vertical-bar1 .ct-series-a .ct-slice-pie:nth-of-type(4n+3) {
  fill: #fd636b; }

#vertical-bar1 .ct-series-a .ct-bar:nth-of-type(4n+4) {
  stroke: #6967ce; }

#vertical-bar1 .ct-series-a .ct-slice-pie:nth-of-type(4n+4) {
  fill: #6967ce; }

#vertical-bar2 .ct-series-a .ct-bar {
  stroke: url(#barGradient1); }

#vertical-bar2 .ct-series-a .ct-slice-pie {
  fill: #fd636b; }

#vertical-bar3 .ct-series-a .ct-bar {
  stroke: url(#barGradient3); }

#vertical-bar3 .ct-series-a .ct-slice-pie {
  fill: #843cf7; }

#stacked-bar1 .ct-series-a .ct-bar {
  stroke: url(#stackedBarGradient) !important; }

#stacked-bar1 .ct-series-b .ct-bar {
  stroke: #ecf0f1; }

.StackChartShadow {
  -webkit-filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, 0.2));
  /* Same syntax as box-shadow, except
                                               for the spread property */ }

.ct-point-circle-transperent {
  fill: transparent;
}

.ct-point-circle-transperent:hover {
  fill: url(#lineLinear1) !important;
  stroke-width: 9;
  stroke: #fff;
}

.ct-chart-line .ct-labels .ct-horizontal {
    /*margin-left: -50%;*/
    text-align: center!important;
}

/* Visitor week */
#visitor-week-chart .ct-series-a .ct-bar {
  stroke: url(#barGradient2); }

#visitor-week-chart .ct-series-a .ct-slice-pie {
  fill: #f96f9b; }

/* Average daily visitors */
.bl_average_visitors p{
	padding-bottom: 15px!important;
	margin-top: 15px;
}

#chart_average_visitors .ct-slice-donut-solid {
  fill: url(#donutGradient5);
}

#chart_average_visitors .ct-chart-donut .ct-series {
  stroke: #fff;
  stroke-width: 0px;
}

#chart_average_visitors .ct-label {
  text-anchor: middle;
  alignment-baseline: middle;
  font-size: 45px;
  font-weight: 700;
  fill: #fd636b;
}

#visitor-month-year-chart .ct-series-a .ct-line {
    stroke: #7396ff!important;
}

#visitor-month-year-chart .ct-series-a .ct-point-circle-transperent:hover {fill:#7396ff!important;}