.slider {
width: 100%;
}
.result{
background: #f2f2f2;
}
.emi{
background: #f2f2f2;
border: 5px solid #496805;
padding: 10px;
text-align:center;
}
.slider > .dragger {
background: #f51f8a;
background: -webkit-linear-gradient(top, #f51f8a, #f51f8a);
background: -moz-linear-gradient(top, #f51f8a, #f51f8a);
background: linear-gradient(top, #f51f8a, #f51f8a);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 20px;
border: 1px solid #bb0d64;
width: 16px;
height: 16px;
}
.slider > .dragger:hover {
background: -webkit-linear-gradient(top, #f51f8a, #f51f8a);
}
.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;
}