
.rangeslider__fill {
    display: block;
    position: absolute;
    height: 10px;
}

#marker100yr {
    position: absolute;
    height: 10px;
    border-top: 2px dotted rgba(0,0,0,0.3);
    width: 161px;
    bottom: 8px;
    left: 42px;
    z-index: 5;
}

.rangeslider {
  position: relative;
}

.rangeslider--horizontal {
  height: 10px;
  width: 93%;
	background-color:#b0bcc7;
	border-radius:6px;
	margin-left:10px;
}

.rangeslider--vertical {
  width: 203px;
  height:192px;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  border-radius:6px;
	background-color:#71c1f0;
}
.rangeslider--vertical .rangeslider__fill {
	width:161px;
	bottom:0;
	left:42px;
	max-height:229px;
	background:#71c1f0;
	border-radius:0 0 6px 6px;
}

.rangeslider__handle {
    cursor: pointer;
    position: absolute;
    background-color:none;
    /*background-image: url('../../images/waterLevel.png');*/
    background-repeat:no-repeat;
    background-size:205px;
    width:203px;
    height:18px;
	margin-left:0; 
    left:0;
}
.rangeslider__handle:after {
  content: "";
  display: block;

  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;


 
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
 /* background-image: url('../images/waterLevel.png');*/

 
}
.rangeslider--horizontal .rangeslider__handle {
	width:15px;
	height:15px;
  /*background-image: url('../../images/dropHandle.png');*/  
  touch-action: pan-y;
  -ms-touch-action: pan-y;
  top:-3px;
  border-radius:8px;
  background-color: #092940;
}
.rangeslider--vertical .rangeslider__handle {
background-image: url('../../images/waterLevel2.png');
width:203px;
height:18px;

  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, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/*#houseHolder {
	width:250px;
	height:400px;
	margin:10px;
	padding:0;
	background:url(../../images/floodHouse_crop.png) no-repeat;
    background-size:auto;
	position:relative;
}*/


output {
	font-size:20px;
    font-weight:bold;
}

#js-example-change-value {
	/*position:absolute;
	top:65px;
	left:-9px;
	background:none;*/
    padding-top: 54px;
}
