<div>
  <div class="row">
    <div class="col-md-6">
      <h1 class="page-header">
        Screen Playback Setting
      </h1>
    </div>
    <div class="col-md-6">
      <div class="pull-right">
        <a href="dashboard?action=sessionSetting#/sessionSetting/newScreenShot" title="Create New Campaign">
          <button type="button" class="btn btn-primary m-r-5 m-b-5">New Playback Setting</button>
        </a>
      </div>
    </div>
  </div>

  <div id="content" class=" content-container">
    <div class="row" style="padding-left:10px;padding-right:10px;">
      <div class="panel panel-inverse panel-with-tabs" data-sortable-id="ui-unlimited-tabs-1">
        <div class="tab-content" style="padding-top: 0px;">
          <div class="tab-pane fade active in" id="active">
            <div class="panel-body">
              <div class="table-responsive margin-top-15">
                <table class="table table-bordered" id="playbackSetting">
                  <thead>
                    <th>Audience</th>
                    <th>Start Date</th>
                    <!--<th>End Date</th>-->
                    <th>Action</th>

                  </thead>
                  <tbody></tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- end #content -->
  </div>
</div>
