QSlider::groove:horizontal {
     border: 1px solid #999999;
     height: 15px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
     background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
     margin: 2px 0;
 }

 QSlider::handle:horizontal {
     background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
     border: 1px solid #5c5c5c;
     width: 20px;
     margin: 0px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
     border-radius: 3px;
 }

QSlider::handle:horizontal:disabled {
                    background: #b1b1b1;
                        border: 1px solid #b1b1b1;
                            width: 20px;
                                margin: -0px 0;
                                    border-radius: 3px;
                                
}

QSlider::handle:horizontal:focus {
                    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
                        border: 2px solid #ee0000;
                            width: 20px;
                                margin: -1px 0;
                                    border-radius: 3px;
                                }