.slider {

  width: 100%;

}



.result{

 background: #f2f2f2;

}



.emi{

 background: #f2f2f2;

 border: 5px solid #496805;

 padding: 10px;

 text-align:center;

}



.slider > .dragger {

  background: #8ac538;

  background: -webkit-linear-gradient(top, #8ac538, #8ac538);

  background: -moz-linear-gradient(top, #8ac538, #8ac538);

  background: linear-gradient(top, #8ac538, #8ac538);

  

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 20px;

  border: 1px solid #085dad;

  width: 16px;

  height: 16px;

}



.slider > .dragger:hover {

  background: -webkit-linear-gradient(top, #8ac538, #8ac538);

}





.slider > .track, .slider > .highlight-track {

  background: #ccc;

  background: -webkit-linear-gradient(top, #dee7f2, #e2e7ee);

  background: -moz-linear-gradient(top, #bbb, #ddd);

  background: linear-gradient(top, #bbb, #ddd);

  

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

  border: 1px solid #dee7f2;

  height: 8px;

}



.slider > .highlight-track {

  background-color: #8DCA09;

  background: -webkit-linear-gradient(top, #8DCA09, #72A307);

  background: -moz-linear-gradient(top, #8DCA09, #72A307);

  background: linear-gradient(top, #8DCA09, #72A307);

  

  border-color: #496805;

}