StyleSheet for custom widget inherited from `QSlider`

[Please_Help_me_D]

Hi,

I'm trying to apply stylesheet to the custom widget ctkRangeSlider.

It is a slider with two control ticks and it inherits QSlider. Below the picture of it.

Using QSlider::groove:horizontal I can change the color of grey part (using QSlider::groove:horizontal) in the picture. But I can't change the blue part of ctkRangeSlider to the orange like in the QSlider.

QSlider::groove:horizontal {
	height: 5px;
background: rgb(181,181,181);
}

QSlider::handle:horizontal {
	background: #b1b1b1;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(207,207,207);
	width: 6px;
	margin: -5px 0;
	border-radius: 2px;
}

QSlider::add-page:horizontal {
  background: rgb(181,181,181);
}

QSlider::sub-page:horizontal {
  background-color: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #ffa02f, stop: 0.5 #d7801a, stop: 1 #ffa02f);
}