/**
* asRange v0.3.4
* https://github.com/amazingSurge/jquery-asRange
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.asRange{
  position:relative;
  height:6px;
  background-color:#dfdfdf;
  border-radius:10px;
}
.asRange .asRange-pointer{
  background-color:#fff;
  border-radius:50%;
  height:17px;
  left:30%;
  margin-left:-4px;
  position:absolute;
  top: -6px;
  width:17px;
  z-index:2;
}
.asRange .asRange-pointer:before{
  background:#234DD5;
  border-radius:inherit;
  bottom:-2px;
  content:"";
  left:-2px;
  position:absolute;
  right:-2px;
  top:-2px;
}
.asRange .asRange-pointer:after{
  background:#fff;
  border-radius:inherit;
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.asRange .asRange-pointer.start{
  left:0;
  margin-left:4px;
}
.asRange .asRange-pointer.stop{
  left:100%;
  margin-left:-12px;
}
.asRange .asRange-pointer .asRange-tip{
  background-color:#DFDFDF;
  border:1px solid #DFDFDF;
  border-radius:8px;
  color:#717171;
  font-size:14px;
  height:26px;
  left:0;
  line-height:26px;
  margin-left:-22px;
  position:absolute;
  text-align:center;
  top:-40px;
  width:70px;
  -webkit-transition:opacity .3s ease-in-out 0s;
  transition:opacity .3s ease-in-out 0s
}
/*.asRange .asRange-pointer .asRange-tip:before{
  position:absolute;
  bottom:-3px;
  left:50%;
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:-3px;
  content:"";
  background-color:#5d5c58;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg)
}*/
.asRange .asRange-selected{
  position:absolute;
  left:30%;
  z-index:1;
  width:40%;
  height:6px;
  background-color:#234DD5;
  border-radius:8px
}
.asRange .asRange-scale{
  display:none;
}
.asRange-scale{
  position:relative;
  width:331px;
  height:8px;
  background-color:#cfcdc7;
  border-radius:8px;
}
.asRange-scale .asRange-pointer{
  position:absolute;
  left:30%;
  z-index:2;
  width:8px;
  height:8px;
  margin-left:-4px;
  background-color:#fff;
  border-radius:9px;
}
.asRange-scale .asRange-pointer:before{
  background:#6ba1ad;
  border-radius:inherit;
  bottom:-4px;
  content:"";
  left:-4px;
  position:absolute;
  right:-4px;
  top:-4px;
}
.asRange-scale .asRange-pointer:after{
  background:#fff;
  border-radius:inherit;
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.asRange-scale .asRange-pointer.start{
  left:0;
  margin-left:4px;
}
.asRange-scale .asRange-pointer.stop{
  left:100%;
  margin-left:-12px;
}
.asRange-scale .asRange-pointer .asRange-tip{
  background-color:#5d5c58;
  border:1px solid #5d5c58;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  height:20px;
  left:0;
  line-height:20px;
  margin-left:-15px;
  position:absolute;
  top:-33px;
  width:36px;
  text-align:center;
  -webkit-transition:opacity .3s ease-in-out 0s;
  transition:opacity .3s ease-in-out 0s;
}
.asRange-scale .asRange-pointer .asRange-tip:before{
  background-color:#5d5c58;
  bottom:-3px;
  content:"";
  display:inline-block;
  height:6px;
  left:50%;
  margin-left:-3px;
  position:absolute;
  width:6px;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.asRange-scale .asRange-selected{
  background-color:#7ebdcb;
  border-radius:9px;
  height:8px;
  left:30%;
  position:absolute;
  width:40%;
  z-index:1;
}
.asRange-scale .asRange-scale{
  background:url() no-repeat 0 center transparent;
  bottom:-22px;
  height:20px;
  left:0;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  width:100%;
}
.asRange-scale .asRange-scale li{
  height:20px;
  margin:0;
  margin-left:-15px;
  padding:0;
  position:absolute;
  text-align:center;
  top:18px;
  width:30px;
}
.asRange-scale .asRange-scale li:first-child{
  left:0;
}
.asRange-scale .asRange-scale li:nth-child(2){
  left:33.3%;
}
.asRange-scale .asRange-scale li:nth-child(3){
  left:66.6%;
}
.asRange-scale .asRange-scale li:last-child{
  left:100%;
}