mitrobill/ui/theme/default/styles/plugins/bootstrap-slider.css

/* =========================================================
 * bootstrap-slider.js
 *
 * Maintainers: 
 *		Kyle Kemp 
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  min-width: 220px;
  width: 100%;
  height: 4px;
}
.slider.slider-horizontal .slider-track {
  height: 2px;
  width: 100%;
  margin-top: -1px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -2px;
  margin-top: -1px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 2px 2px 2px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  min-height: 240px;
  width: 4px;
  height: 100%;
}
.slider.slider-vertical .slider-track {
  width: 2px;
  height: 100%;
  margin-left: -1px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -1px;
  left: -7px;
  margin-top: -2px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 2px 0 2px 2px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider.slider-disabled .slider-handle {
  background-color: #eeeeee;
}
.slider.slider-disabled .slider-track {
  background-color: #eeeeee;
  box-shadow: none;
  cursor: not-allowed;
}
.slider.slider-disabled .slider-selection {
  background-color: #606fc7;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -46px;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background: #eeeeee;
  box-shadow: inset 0 0 2px rgba(30, 30, 30, 0.2);
  border-radius: 2px;
}
.slider-selection {
  position: absolute;
  background: #3f51b5;
  border-radius: 2px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -8px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 4px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}