.ui-widget-content {
  border: none;
  background: #999;
  color: #1c1c1c;
}

.ui-corner-all {
  border-radius: 50%;
}

.ui-widget-content {
  width: 400px;
  margin-top: 28px;
  background-color: #999;
}

.ui-slider-horizontal {
  height: 1px;
  border-radius: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -10px;
  cursor: ew-resize;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}

.ui-slider-handle:focus {
  outline: none;
}

.ui-state-default, .ui-state-hover,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: #fff;
}

.slider-disabled {
  opacity: .5;
  filter: alpha(opacity=50);
  pointer-events: none;
  cursor: not-allowed;
}

@media screen and (max-width: 767px) {
  .ui-widget-content {
    width: 300px;
  }
}