/* $jquery.ui
 ------------------------------------------*/

.ui-slider {
  position: relative;
  text-align: left;
  background: @progress-bg;
  margin-bottom: @padding-base;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  .square(1rem);
  .rounded(0.5rem);
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background: white;
  .box-shadow(darken(@progress-bg, 30%) 0 0 0 1px;);
  cursor: pointer;
  outline: none;
  -webkit-transition: -webkit-transform 200ms cubic-bezier(.7,0,.3,1);
  -moz-transition: -moz-transform 200ms cubic-bezier(.7,0,.3,1);
  -o-transition: -o-transform 200ms cubic-bezier(.7,0,.3,1);
  transition: transform 200ms cubic-bezier(.7,0,.3,1);
}

.ui-slider .ui-slider-handle.ui-state-active {
  .scale(2,2);
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .1875rem;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.4375rem;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.1875rem;
  height: 9.375rem;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.4375rem;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-slider-range-min,
.ui-slider-range {
  background-color: @brand-primary;
}

.slider-info {
  .ui-slider-range-min, .ui-slider-range {
    background-color: @brand-info;
  }
  .ui-slider-handle {
    .box-shadow(@brand-info 0 0 0 1px;);
  }
  .slider-handle.triangle {
    border-bottom-color: @brand-info;
  }
}

.slider-primary {
  .ui-slider-range-min, .ui-slider-range {
    background-color: @brand-primary;
  }
  .ui-slider-handle {
    .box-shadow(@brand-primary 0 0 0 1px);
  }
  .slider-handle.triangle {
    border-bottom-color: @brand-primary;
  }
}

.slider-success {
  .ui-slider-range-min, .ui-slider-range {
    background-color: @brand-success;
  }
  .ui-slider-handle {
    .box-shadow(@brand-success 0 0 0 1px);
  }
  .slider-handle.triangle {
    border-bottom-color: @brand-success;
  }
}

.slider-warning {
  .ui-slider-range-min, .ui-slider-range {
    background-color: @brand-warning;
  }
  .ui-slider-handle {
    .box-shadow(@brand-warning 0 0 0 1px;);
  }
  .slider-handle.triangle {
    border-bottom-color: @brand-warning;
  }
}

.slider-danger {
  .ui-slider-range-min, .ui-slider-range {
    background-color: @brand-danger;
  }
  .ui-slider-handle {
    .box-shadow(@brand-danger 0 0 0 1px;);
  }
  .slider-handle.triangle {
    border-bottom-color: @brand-danger;
  }
}

.rounded-handler .ui-slider-handle {
  .rounded(50%);
}