.slider-container {
    position: relative;
    height: 60px;
	margin-top:20px;
}

.slider-min-value {
    position: absolute;
    bottom: 3px;
}

.slider-max-value {
    position: absolute;
    bottom: 3px;
    right: 10px;
}

  #slider {
    float: left;
    clear: left;
   /*   width: 349px; */
	width:80%;
      margin: -15px 15px 0px 33px;
      background: #b9b9b9;
  }
.claim-winnings  #slider {
	width:350px;
}


 #slider  .ui-slider-range {
         background: #582178;

        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;

}
.ui-slider-horizontal{
 border-radius: 10px;
}

#slider .ui-slider-handle {
    border: 1px solid #999;
    /* width: .6em; */
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    background: #e6e6e6 !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 14px;
    height: 14px;
    top: -3px; 
    border: none;
    outline: none;
}

@media only screen and (max-width:1024px){
 #slider  .ui-slider-handle {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 20px;
    height: 20px;
    top: -6px;
 }
}


@media only screen and (max-width:680px){
 #slider  .ui-slider-handle {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 30px;
    height: 30px;
    top: -10px;
 }
}



#slider .ui-corner-all {
}

 #slider.ui-widget-content {
    border: 1px solid #AAA !important;
}

.scale-points div.available-points {  max-width: 425px;  background-color: white;  border: 1px solid #b7b7b7;  clear: both;  font-family: 'Open Sans', "Arial", sans-serif;/*    height: 136px; */     overflow: auto;     padding: 0px 15px 15px 15px;     margin-bottom: 5px;     border-radius: 7px 7px 7px 7px;     margin-top: 20px;     font-size: 14px;     color: #333333; }
.scale-points div.claim-winnings.available-points {   margin-left: 20px;    height: 70px;       margin-top:0px; }
.scale-points div.halfcol p { font-family: "Open Sans";   color: #333333;    font-size: 15px;    font-weight: bold;    margin-top: 0;    margin-bottom: 20px; }
.scale{ display:none; background: url(/images/scale.png);   /* width: 349px; */ width:80%;  height: 18px;  margin-top: 10px;  margin-left: 35px; background-repeat:no-repeat; }
.claim-winnings .scale {width:350px; }
.slider-minus { background: url(../images/scale_min.png);  width: 17px; height: 17px; display: inline-block;  cursor: pointer;  float: left; }
.slider-plus{ background: url(../images/scale_plus.png);  width: 17px;    height: 17px;     display: inline-block;     cursor: pointer;     right:0px; 	position:absolute; }
.claim-winnings .slider-plus { 	right:30px; }


@media only screen and (max-width: 1024px) {
        .scale-points div.available-points { overflow: hidden; }
        .slider-container { position: relative;  height: 80px; margin-left:-10px; }
        .slider-plus, .slider-minus{ position: absolute; width: 20%; background-size: 30px; background-repeat: no-repeat; height: 40px; width: 20%; background-size: 40px;     background-repeat: no-repeat;  height: 40px; width: 20%; background-size: 30px; height: 30px; background-image: none; background: #582178; border-radius: 50%; width: 30px;     font-size: 40px; color: white; text-align: center; display: block; line-height: 30px; font-weight: lighter; margin-top: -3px; }
        .slider-plus {  right: 10px; }
        .slider-minus {     font-size: 50px; color: white; line-height: 18px; left : 10px; }
        .scale { width: 70% !important; margin-left: 15%; }
        #slider {  height: 10px;  width: 70% !important;  margin-left: 12%; margin-top: 5px; }
        #slider .ui-slider-range { background: #582178; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
        #slider .ui-slider-handle { border: 1px solid #999; width: .6em; border-top-right-radius: 7px; border-top-left-radius: 7px; height: 35px; width: 15px; height: 30px;        width:30px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;   border-bottom-right-radius: 15px; margin-top:-5px; }
        .scale-points div.claim-winnings.available-points { margin-left: 0px;  height: 120px; }
        #slider-container { width:90%; }
        .claim-winnings .slider-plus {  right:17px; }
}

@media only screen and (max-width: 680px) {
	.scale-points div.available-points { overflow: hidden; }
	.slider-container { position: relative;  height: 80px; margin-left:-10px; }
	.slider-plus, .slider-minus{ position: absolute; width: 20%; background-size: 30px; background-repeat: no-repeat; height: 40px; width: 20%; background-size: 40px;     background-repeat: no-repeat;  height: 40px; width: 20%; background-size: 30px; height: 30px; background-image: none; background: #582178; border-radius: 50%; width: 30px;     font-size: 40px; color: white; text-align: center; display: block; line-height: 30px; font-weight: lighter; margin-top: -3px; }
	.slider-plus { 	right: 10px; }
	.slider-minus {     font-size: 50px; color: white; line-height: 18px; left : 10px; }
	.scale { width: 70% !important; margin-left: 15%; }
	#slider {  height: 10px;  width: 65% !important;  margin-left: 15%; margin-top: 5px; }
	#slider .ui-slider-range { background: #582178; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	#slider .ui-slider-handle { border: 1px solid #999; width: .6em; border-top-right-radius: 10px; border-top-left-radius: 10px; height: 45px; width: 15px; height: 30px;        width:30px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;   border-bottom-right-radius: 15px; margin-top:-1px; i
	.scale-points div.claim-winnings.available-points { margin-left: 0px;  height: 120px; }
	#slider-container { width:90%; }
	.claim-winnings .slider-plus { 	right:5px; }
}

