.pbaslider {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  padding-left: 25px;
  padding-right: 25px;
}
.pbaslider .bar {
  position: relative;
  top: 15px;
  height: 20px;
  width: 100%;
  background-color: #b0d6ff;
  border: solid 1px #477cb5;
  border-radius: 20px;
}
.pbaslider .knobcontainer {
  position: relative;
  height: 100%;
  top: -20px;
  width: calc(100% - 25px);
}
.pbaslider .knob {
  position: absolute;
  top: 0px;
  height: 50px;
  width: 25px;
  border-radius: 50px;
  background-color: #305bd0;
  border: solid 1px #11369a;
  cursor: pointer;
}
.pbaslider .knob:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 50px;
  border: solid 1px #11369a;
  background-color: black;
  opacity: 0;
}
.pbaslider .knob:hover:after,
.pbaslider .knob.moving:after {
  opacity: 0.5;
}