<ul class="stepper horizontal horizontal-fix linear">

  <li class="step">

                <div class="step-title waves-effect waves-dark">O. prescripteurs</div>

                <div class="step-new-content">

                    <h4 class="text-primary mb-5"><i class="fal fa-building mr-2"></i>Sélectionnez le ou les organismes prescripteurs associés</h4>

                    <table class="table table-striped table-bordered table-sm btn-table dataTables" cellspacing="0" width="100%">

                        <thead>

                        <tr><th class="th-sm">Organismes prescripteurs</th></tr>

                        </thead>

                        <tbody>

                            <tr>

                                <td>

                                    <div class="form-check">

                                        <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                                        <label class="form-check-label" for="op-{{ op.id }}">test</label>

                                    </div>

                                </td>

                            </tr>

                          <tr>

                                <td>

                                    <div class="form-check">

                                        <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                                        <label class="form-check-label" for="op-{{ op.id }}">test</label>

                                    </div>

                                </td>

                            </tr>

                          <tr>

                                <td>

                                    <div class="form-check">

                                        <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                                        <label class="form-check-label" for="op-{{ op.id }}">test</label>

                                    </div>

                                </td>

                            </tr>

                          <tr>

                                <td>

                                    <div class="form-check">

                                        <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                                        <label class="form-check-label" for="op-{{ op.id }}">test</label>

                                    </div>

                                </td>

                            </tr>

                          <tr>

                                <td>

                                    <div class="form-check">

                                        <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                                        <label class="form-check-label" for="op-{{ op.id }}">test</label>

                                    </div>

                                </td>

                            </tr>

                        </tbody>

                    </table>

                    <div class="step-actions">

                        <button type="button" class="btn btn-primary btn-rounded mr-0 next-step">Etape suivante<i class="fal fa-arrow-alt-right ml-2"></i></button>

                        <button type="button" class="btn btn-blue-grey btn-rounded mr-0 previous-step"><i class="fal fa-arrow-alt-left mr-2"></i>Etape précédente</button>

                    </div>

                </div>

            </li>

</ul>