<ul id="userTab" class="nav nav-tabs nav-tabs1 tab_ul col-sm-2" style="padding-right:0; margin-top:15px;">
    <!--<li class="active"><a href="#ManageFareAll" id="ManageFareAllPopup" data-toggle="tab" class="FareAll_head">Manage Fare</a></li>-->
    <li class=""><a href="#PackageCalculation" id="PackageCalculationPopup" data-toggle="tab" class="package_head">1. Package Calculation</a></li>
    <li class="active"><a href="#distanceVehicle" id="distanceVehiclep" data-toggle="tab" class="distance_head">2. Distance</a></li>
    <li class=""><a href="#HourVehicle" id="HourVehiclep" data-toggle="tab" class="hour_head">3. Hour</a></li>
    <li class=""><a href="#Distance_Hour" id="DistanceHourp" data-toggle="tab" class="distanceHour_head">4. Distance + Hour</a></li>
    <li class=""><a href="#Distance_Waiting" id="DistanceWaitingp" data-toggle="tab" class="distanceWaiting_head">5. Distance Waiting</a></li>
    <li class=""><a href="#basicVehicle" id="basicVehiclePopup" data-toggle="tab" class="basic_head">6. Basic</a></li>
    <li class=""><a href="#PremiumVehicle" id="PremiumVehiclep" data-toggle="tab" class="premium_head">7. Premium</a></li>
    <li class=""><a href="#Fixed_RoutesVehicle" id="Fixed_RoutesVehiclep" data-toggle="tab" class="fixedRoute_head">8. Fixed Routes</a></li>
    <li class=""><a href="#Different_Shares" id="differentShares" data-toggle="tab" class="share_head">9. Share</a></li>
</ul>