#circles-slider.ui-slider {
  border-radius: 20px;
  background: #b0b0b0;
  border: none;
  height: 10px;
  margin: 0em 0em 0em; }
                    
#circles-slider .ui-slider-handle {
  cursor: pointer;
  border-radius: 23px;
  height: 23px;
  width: 23px;
  top: -9px;
  margin-left: -11px;
  background: #1e82c1;
  border: 2px solid white; }
                    
#circles-slider .ui-slider-pip {
  top: 3px; }
                    
  #circles-slider .ui-slider-pip .ui-slider-line {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    margin-left: -2px;
    background: white; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-last,
  #circles-slider .ui-slider-pip.ui-slider-pip-first {
    top: -7px; }
                    
    #circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line,
    #circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line {
      display: none; }
                    
    #circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label,
    #circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
      margin: 0; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
    left: -2em;
    text-align: right; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
    left: 2em;
    text-align: left; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    font-weight: normal; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-selected {
    font-weight: bold; }
                    
  #circles-slider .ui-slider-pip.ui-slider-pip-selected,
  #circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    color: #434d5a; }