<div class="col-sm-8 col-md-8 col-lg-8 clearfix padding0" id="personal_info" >
    <h4>Personal Info</h4>
    <input id="image_path0" name="image_path" value="" type="hidden"> 
    <!-- Driver First Name Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Name<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-6">
                <input id="driver_first_name" name="driver_first_name" class="driver_name form-control uppercase" placeholder="First Name" type="text" >
                <!--<label id="driver_first_name-error" class="error col-lg-offsets-5" for="driver_first_name" generated="true"></label>-->

            </div>

            <div class="col-sm-6">
                <input id="driver_last_name" name="driver_last_name" class="driver_name col-sm-6 col-lg-5 inputfild form-control uppercase" type="text" placeholder="Last Name">

                <label id="driver_last_name-error" class="error col-lg-offsets-5" for="driver_last_name" generated="true" ></label>

            </div>
        </div>
    </div>
    <!-- Driver First Name Starts Here -->

    <!-- Fathers Name Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Father's Name<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input id="dfName" name="dfName" class="driver_name form-control uppercase" type="text" required>                                                        

        </div>
    </div>
    <!-- Fathers Name Ends Here -->

    <!-- Driver Email Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Email<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input id="driver_email" name="dr_email" class="form-control" value="" placeholder="dfds@dfkdfj.com" type="email" required>                                                        
            <input id="driver_email2" name="driver_email" class="col-sm-6 col-lg-5 inputfild form-control" value="" type="hidden">
        </div>
    </div>
    <!-- Driver Email Ends Here -->

    <!-- Referenced By Starts Here -->
    <div class="form-group clearfix spance">

        <label class="control-label col-sm-3 col-lg-3">Refrenced By</label>
        <div class="col-sm-9">
            <input id="drefName" name="drefName" class=" form-control uppercase" type="text" required>

        </div>
    </div>
    <!-- Referenced By Ends Here -->

    <!-- DOB Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Date Of Birth<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input id="dreDateOfBirth" name="dreDateOfBirth" class="form-control hasDatepicker" type="date" required>                                                       

        </div>
    </div>
    <!-- DOB Ends Here -->

    <!-- Gender Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">Gender<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-6">
                <div class="funkyradio">
                    <div class="funkyradio-primary">
                        <input type="radio" name="dregender" value="Male" id="Male" />
                        <label for="Male"> Male</label>
                    </div>

                </div>
            </div>

            <div class="col-sm-6">
                <div class="funkyradio">
                    <div class="funkyradio-primary">
                        <input type="radio" name="dregender" value="FeMale" id="FeMale" />
                        <label for="FeMale"> Female</label>
                    </div>

                </div>
            </div>
            <label id="dregender-error" class="error col-lg-offsets-5" for="dregender" generated="true"></label>
        </div>
    </div> 

    <!-- Gender Ends Here -->

    <!-- Residential Address Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-lg-3">Residential Address<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-7">
                <textarea rows="5" id="driver_adds" name="dAd" cols="8" class="form-control uppercase" required ></textarea>

            </div>

            <div class="col-sm-5">

                <input name="file" style="width:95%" type="file" class="form-control">
                <span style="font-weight:bold;color: indianred;"><small>Upload Your Residential Proof</small></span>

                <div class="fa fa-spinner fa-spin fa-1_5x" style="position: absolute;color: #378D18; display:none" id="driver_resident_loder"></div>
                <div class="loder" style="display:none" id="driver_resident"></div>
                <input id="driver_addsH" name="driver_addsH" type="hidden" class="form-control" required>
            </div>
            <label id="driver_adds-error" class="error col-lg-offsets-5" for="driver_adds" generated="true" style="margin-left:32%;margin-top:-5px;"></label>
        </div>
    </div>

    <!-- Residential Address Ends Here -->
    <div class="form-group clearfix spance apend_country">
        <label class="control-label col-sm-3 col-lg-3"> Select City<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input class="ui-autocomplete-input form-control" id="driver_city" name="term" style="text-transform:uppercase;" type="text" required>
            <input name="driver_country" id="driver_country_name_value" type="hidden">
            <input name="driver_state" id="driver_state_name_value" type="hidden">
            <input name="city" id="driver_city_value" type="hidden">

        </div>
    </div>

    <!-- Driver City Ends Here -->

    <!-- Driver Pincode Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Pin Code<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">
            <input id="dpincode" class="form-control uppercase" name="dpincode" type="text">

        </div>
    </div>

    <!-- Driver Pincode Ends Here -->

    <!-- Driver Mobile No Starts Here -->
    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Mobile No.<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-2">
                <input name="driver_mob_isd" id="driver_mob_isd" class="form-control" disabled="true" value="+91" type="text" required>
            </div>
            <div class="col-sm-10">
                <input pattern="[0-9]{10,10}" title="Enter valid Mobile No" id="driver_no" name="driver_no" class=" form-control" type="text" required>

                <input pattern="[0-9]{10,10}" title="Enter valid Mobile No" id="driver_no2" name="dNo" class=" col-sm-6 col-lg-5 inputfild" type="hidden">
                <input id="driver_passwd" name="driver_passwd" class="driver_name col-sm-6 col-lg-5 inputfild" value="123456" type="hidden">
            </div>
        </div>
    </div>

    <!-- Driver Mobile No Ends Here -->

    <!-- Driver Alt No Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3 col-lg-3">Alternate Contact No. </label>
        <div class="col-sm-9 padding0">
            <div class="col-sm-2">
                <input name="driver_alt_mob_isd" id="driver_alt_mob_isd" class="form-control" disabled="true" value="+91" type="text" required>
            </div>

            <div class="col-sm-10">
                <input id="driver_Altno" name="dAno" class=" form-control" type="text" required>

            </div></div>
    </div>

    <!-- Driver Alt No Ends Here -->

    <!-- License State Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">License State<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9 ">
            <select id="driverLicState" name="driverLicState" class="form-control driver_pref_city uppercase"> 
                <option value="" selected="selected">Select State</option>
                <option value="1">Haryana</option><option value="2">Delhi</option><option value="3">Uttar Pradesh</option><option value="4">Maharashtra</option><option value="5">Rajasthan</option><option value="6">Himanchal</option><option value="7">Uttarakhand</option><option value="8">Jammu &amp; Kashmir</option><option value="9">Punjab</option><option value="10">Gujarat</option><option value="11">Orissa</option><option value="12">Kerala</option><option value="13">Madhya Pradesh</option><option value="14">Andhra Pradesh</option><option value="15">Karnataka</option><option value="16">Tamilnadu</option><option value="17">Sikkim</option><option value="18">Goa</option><option value="19">West Bengal</option><option value="20">Bihar</option></select>		

        </div>

    </div>

    <!-- License State Ends Here -->

    <!-- Driver License Starts Here -->

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3">License Proof.<span class="mandat_star" style="color:red;">*</span></label>
        <div class="col-sm-9">

            <input name="file_badge" type="file" class="form-control">
            <span style="font-weight:bold;color: indianred;"><small>Upload Your License Proof </small></span>
            <div class="fa fa-spinner fa-spin fa-1_5x" style="position: absolute;color: #378D18;display:none;" id="driver_badge_loder"></div>
            <div class="loder" style="display:none" id="driver_badge"></div>
            <input id="file_badgeH" name="file_badgeH" type="hidden">
        </div>
        <label id="driverBadge-error" class="error col-lg-offsets-5" for="driverBadge" generated="true"></label>
        <input name="user_role" id="user_role" value="4" type="hidden">
    </div>

    <div class="form-group clearfix spance">
        <label class="control-label col-sm-3"></label>
        <div class="col-sm-9">
            <input id="DriverTerms" name="DriverTerms" type="checkbox" >
            <a href="#" style="color:#333 !important;">
                Accept Terms &amp; Conditions</a><span class="mandat_star" style="color:red;">*</span>
            <label id="DriverTerms-error" class="error col-lg-offsets-5" for="DriverTerms" generated="true" style="margin-left:16%;display:block;"></label>			 
        </div>
    </div>

    <div class="col-lg-12">
        <div class="fa fa-spinner fa-spin fa-2x" style="position: absolute;color: #378D18;right: 170px;top: 29px;display:none" id="registerbtnloader"></div>
        <button type="submit" class="btn btn-primary btn-lg pull-right" id="personal_detail">Register </button></div>

</div>