<ul class="nav nav-tabs md-tabs primary-color tabsetLoadSYOnTabClick" id="RPT_Attendance" role="tablist">

    <li class="nav-item " style="z-index: 10;">

      <a class="nav-link" id="tab_AttAbsenteeism" data-toggle="tab" href="#pnl_tab_AttAbsenteeism" role="tab" aria-controls="pnl_tab_AttAbsenteeism" onclick="HandleTabClick(this);" aria-selected="false" data-loadedsyvalue="H.S.S.-20202021">Absenteeism</a>

    </li>

    <li class="nav-item " style="z-index: 10;">

      <a class="nav-link  " id="tab_AttTrends" data-toggle="tab" href="#pnl_tab_AttTrends" role="tab" aria-controls="pnl_tab_AttTrends" onclick="HandleTabClick(this);" aria-selected="false">Trends</a>

    </li>

    <li class="nav-item " style="z-index: 10;">

      <a class="nav-link  " id="tab_AttAlerts" data-toggle="tab" href="#pnl_tab_AttAlerts" role="tab" aria-controls="pnl_tab_AttAlerts" onclick="HandleTabClick(this);" aria-selected="false">Alerts</a>

    </li>

    <li class="nav-item " style="z-index: 10;">

      <a class="nav-link  " id="tab_AttIndividual" data-toggle="tab" href="#pnl_tab_AttIndividual" role="tab" aria-controls="pnl_tab_AttIndividual" onclick="HandleTabClick(this);" aria-selected="false">Individual</a>

    </li>

    <li class="nav-item " style="z-index: 10;">

      <a class="nav-link active" id="tab_RLAttendance" data-toggle="tab" href="#pnl_tab_RLAttendance" role="tab" aria-controls="pnl_tab_RLAttendance" onclick="HandleTabClick(this);" aria-selected="true" data-loadedsyvalue="H.S.S.-20202021">Class</a>

    </li>

  <!--li class="nav-item d-flex justify-content-right" style="display: table-cell!important; width: 100%;"-->

      <li class="nav-item w-100  text-right Xmt-2 pull-right" style="margin-top: -30px; z-index:8;">

      <a class="nav-link d-inline" href="#" ><i class="fa fa-print" title="Print"></i></a>

      <a class="nav-link d-inline" href="#" ><i class="fa fa-recycle" title="Refresh"></i></a>

      </li>

    </ul>