.sliderContainer {
    display: inline-block;
    position: absolute;
    right: 32px;
    width: 455px;
    z-index: 9;
  }

  /* Based on https://github.com/prajwalkman/angular-slider */
  slider {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 100%;
    vertical-align: middle;
  }
  slider span {
    white-space: nowrap;
    position: absolute;
    display: inline-block;
  }
  slider span.slider-value, slider span.slider-subtext {
    position: relative;
    display: inline;
  }
  slider span.slider-subtext {
    opacity: 0.6;
  }

  slider span.base {
    width: 810%;
    height: 100%;
    padding: 0;
  }
  slider span.bar {
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-border-radius: 1em/1em;
    border-radius: 1em/1em;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(1, #8d8d8d));
    background: -webkit-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
    background: -moz-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
    background: -o-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
    background: -ms-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
    background: linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
    -webkit-box-shadow: inset 2px 1px 5px;
    box-shadow: inset 2px 1px 5px;*/
    background: none;
    background-color: rgb(50,118,177);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  slider span.bar.selection {
    width: 0%;
    z-index: 1;
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #13b6ff), color-stop(1, #00a8f3));
    background: -webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
    background: -moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
    background: -o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
    background: -ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
    background: linear-gradient(top, #13b6ff 0, #00a8f3 100%);*/
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  slider span.pointer {
    cursor: pointer;
    width: 22px;
    height: 22px;
    top: -8px;
    background-color: #fff;
    border: 1px solid rgb(100,100,100);
    z-index: 2;
    -webkit-border-radius: 1em/1em;
    border-radius: 1em/1em;
  }
  slider span.pointer:after {
    content: '';
    background-color: #808080;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 7px;
    -webkit-border-radius: 1em/1em;
    border-radius: 1em/1em;
  }
  slider span.pointer:hover:after {
    background-color: rgb(100,100,100);
  }
  slider span.pointer.active:after {
    background-color: #f00;
  }
  slider span.bubble {
    cursor: default;
    /*top: -26px; will put the label on top*/
    /*top: -100%; will center the label on the bar*/
    /*margin-left: 20px;*/
    bottom: -26px;
    padding: 1px 3px;
    font-size: 0.9em;
  }
  slider span.bubble.selection {
    top: 15px;
  }
  slider span.bubble.limit {
    color: #808080;
  }
  slider span.bubble.value {
  }
  slider span.bubble.limit.start {
  }
  slider span.bubble.limit.end {
  }