.slider-container {
  padding:4px 10px;
  text-align:center;
  .slider.slider-horizontal {
    width: 100%;
  }
  .slider-track {
    background:$gray-light;
    box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.4);
  }
  .slider-handle {
    background:$brand-primary;
    background-image:none;
    border:1px solid $brand-primary;
    box-shadow:none;
    opacity:.9;
    &:hover,&:active,&:focus {
      opacity:1;
      background:#FFF;
      border-color:$gray-light;
    }
    &:active,&:focus {
      border-color:$brand-primary;
    }
  }
  .slider-selection {
    background: #CCC;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,0.3);
  }
  input {display: none;}
}