/* Scope to your slider container */
.navy-sliders .rc-slider-rail {
  background-color: #c7c7c7;   /* rail */
}

.navy-sliders .rc-slider-track {
  background-color: navy;      /* filled part */
}

.navy-sliders .rc-slider-handle {
  border: 3px solid navy;      /* handle ring */
  background-color: white;     /* handle fill */
  opacity: 1;
}

.navy-sliders .rc-slider-handle:focus,
.navy-sliders .rc-slider-handle:active,
.navy-sliders .rc-slider-handle:hover {
  border-color: navy;
  box-shadow: 0 0 0 4px rgba(0,0,128,0.15);
}

/* marks / dots (optional) */
.navy-sliders .rc-slider-dot {
  border-color: #c7c7c7;
}

.navy-sliders .rc-slider-dot-active {
  border-color: navy;
}