.rangeslider,
.rangeslider__fill {
	display: block;
 
}

.rangeslider {
 
position: relative;  height:50px; 
 
}

.rangeslider--horizontal {
	height:8px;
	width: 100%;
background:#EFF0F6;

}
.dark .rangeslider--horizontal {background:#00091a;}

.rangeslider--vertical {
	width: 20px;
	min-height: 150px;
	max-height: 100%
}

.rangeslider--disabled {
	filter: alpha(Opacity=40);
	opacity: .4
}
 
.rangeslider__fill {
 
border-radius: 15px;
	position: absolute
}

.rangeslider--horizontal .rangeslider__fill {
	top:0px;
	height:8px
}

.rangeslider--vertical .rangeslider__fill {
	bottom: 0;
	width: 100%
}

.rangeslider__handle {
 border-radius:25px;
	border: 0;
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index:4;
box-shadow: 0px 2px 4px 0px #14142B14;
background:#fff; border:1px solid #D9DBE9;
}
 
.calc__range-row .rangeslider__handle {width:34px; height:34px;}
.calc__range-row .rangeslider--horizontal .rangeslider__handle {top:-9px;}
.rangeslider__fill:after {content:''; display:inline-block; position:absolute; left:0; bottom:0px; right:0; width:100%; z-index:2; height:8px;   background: #562df7;border-radius:25px; border-radius: 25px;}
.mn__range-area {margin:20px 25px;}
 
 

.rangeslider--active .rangeslider__handle,
.rangeslider__handle:active {
  border-radius:25px;
 
}

.rangeslider--horizontal .rangeslider__handle {
	top: -8px;
	touch-action: pan-y;
	-ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
	left: -10px;
	touch-action: pan-x;
	-ms-touch-action: pan-x
}

input[type=range]:focus+.rangeslider .rangeslider__handle {
	-moz-box-shadow: 0 0 8px rgba(255, 0, 255, .9);
	-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, .9);
	box-shadow: 0 0 8px rgba(255, 0, 255, .9)
}