.ranges .ui-bar-a, .ui-page-theme-a .ui-bar-inherit, .ranges .ui-bar-a .ui-bar-inherit, .ranges .ui-bar-inherit, .ranges .ui-group-theme-a .ui-bar-inherit {

  background: #EEF2F6;

  border-color: #EEF2F6;

  color: #333;

  font-weight: 700;

}



.ranges .ui-btn-corner-all, .ui-btn.ui-corner-all, .ranges .ui-slider-track.ui-corner-all, .ranges .ui-flipswitch.ui-corner-all, .ui-li-count {

  border-radius:70px;

}

.ui-slider-track {

  position: relative;

  overflow: visible;

  border-width: 1px;

  border-style: solid;

  height: 6px;

  margin: 0;

  top: 6px;

}



.ranges .ui-btn-active, .ranges div.ui-slider-track.ui-body-a .ui-btn-active {

  background-color: #38c;

  border-color: #38c;

  color: #fff;

  text-shadow: 0 1px 0 #059;

}





.ui-slider-track .ui-btn.ui-slider-handle {



    font-size: .9em;

    line-height: 30px;



}

.ui-slider-track .ui-btn.ui-slider-handle {



    position: absolute;

    z-index: 1;

    top: 50%;

    width: 28px;

    height: 28px;

    margin: -15px 0 0 -9px;

    outline: 0;

    padding: 0;



}

.ranges .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, .ranges .ui-group-theme-a .ui-btn, .ranges .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, .ranges  .ui-group-theme-a .ui-btn:visited, .ranges  .ui-btn.ui-btn-a:visited {



    background: #f6f6f6;

    border-color: #ddd;

    color: #333;

    text-shadow: none;



}

.ui-btn:link {



    text-decoration: none !important;



}

.ranges .ui-btn {

  font-size: 16px;

  margin: .5em 0;

  padding: .7em 1em;

  display: block;

  position: relative;

  text-align: center;

  white-space: nowrap;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.ui-slider-track .ui-slider-bg {

  height: 100%;

}



.ui-slider-track .ui-btn.ui-slider-handle span{ background: #EEF2F6; border: 5px solid #03A9F4; border-radius: 100%; width: 20px;

height: 20px; display: inline-block;margin-left: -15px;}



.ui-slider-track .ui-btn.ui-slider-handle strong {

  font-size: 12px;

  background: #03a9f4;

  padding: 7px 11px 5px;

  color: #fff;

  position: absolute;

  bottom: -31px;

  line-height: 16px;

  border-radius: 7px;

  font-weight: normal;

  margin-left: -32px;

}