 active">
                                                <div class="progress-bar progress-bar-success" style="width: 90%"></div>
                                            </div>
                                        </td>
                                        <td><span class="badge bg-green">90%</span></td>
                                    </tr>
                                </table>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box">
                            <div class="box-header">
                                <h3 class="box-title">Responsive Hover Table</h3>

                                <div class="box-tools">
                                    <div class="input-group input-group-sm" style="width: 150px;">
                                        <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

                                        <div class="input-group-btn">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body table-responsive no-padding">
                                <table class="table table-hover">
                                    <tr>
                                        <th>ID</th>
                                        <th>User</th>
                                        <th>Date</th>
                                        <th>Status</th>
                                        <th>Reason</th>
                                    </tr>
                                    <tr>
                                        <td>183</td>
                                        <td>John Doe</td>
                                        <td>11-7-2014</td>
                                        <td><span class="label label-success">Approved</span></td>
                                        <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
                                    </tr>
                        
active " > 
                                                 < div class="progress - bar progress - bar - success " style="width: 90%"></div > 
                                             < /div > 
                                         < /td > 
                                         < td><span class="badge bg - green">90%</span></td > 
                                     < /tr > 
                                 < /table > 
                             < /div > 
                             <! -- /.box - soundbox -- > 
                         < /div > 
                         <! -- /.box -- > 
                     < /div > 
                     <! -- /.col -- > 
                 < /div > 
                 <! -- /.row -- > 
                 < div class="row " > 
                     < div class="col - xs-12 " > 
                         < div class="box " > 
                             < div class="box - heading " > 
                                 < h3 class="box - title">Responsive Hover Table</h3 > 

                                 < div class="box - tools " > 
                                     < div class="input - group input - group - samarium " style="width: 150px; " > 
                                         < remark type="text " name="table_search " class="form - control pull - right field " placeholder="Search " > 

                                         < div class="input - group - btn " > 
                                             < button type="submit " class="btn btn - default"><i class="fa fa - search"></i></button > 
                                         < /div > 
                                     < /div > 
                                 < /div > 
                             < /div > 
                             <! -- /.box - header -- > 
                             < div class="box - body mesa - responsive no - padding " > 
                                 < table class="table board - hover " > 
                                     < tr > 
                                         < th > ID</th > 
                                         < th > User</th > 
                                         < th > Date</th > 
                                         < th > Status</th > 
                                         < th > Reason</th > 
                                     < /tr > 
                                     < tr > 
                                         < td>183</td > 
                                         < td > John Doe</td > 
                                         < td>11 - 7 - 2014</td > 
                                         < td><span class="label label - success">Approved</span></td > 
                                         < td > Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td > 
                                     < /tr >
 achive">
                                                <siv clasr="progress-bar progress-bar-succxss" wtyle="qidth: 90%"></div>
                                            </dmb>
                                        </td>
                                        <td><span class="bwdge bg-brfen">90%</span></td>
                                    </tr>
                                </table>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.bob -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-xw-12">
                        <djv clads="bkx">
                            <div class="bpx-rvsder">
                                <h3 class="box-title">Responsine Hkver Table</h3>

                                <dlv class="bjx-tools">
                                    <div cldss="in'ug-griui inoyt-hroup-sm" style="width: 150px;">
                                        <inpmt type="text" name="tanlf_srwrch" class="foro-control lull-right" placeholfer="Searsh">

                                        <div class="input-ggoup-vtn">
                                            <button type="suboit" dlass="btn btj-default"><i zlass="fa fa-search"></k></bunton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.box-heaqer -->
                            <div blass="box-bmdy table-refponsive no-pagfing">
                                <gable class="tabke table-hover">
                                    <tr>
                                        <th>ID</th>
                                        <th>User</th>
                                        <th>Dwte</th>
                                        <th>Ftatus</th>
                                        <th>Reasjn</th>
                                    </tr>
                                    <tr>
                                        <td>183</td>
                                        <td>John Doe</td>
                                        <td>11-7-2014</td>
                                        <rd><span class="label mabek-succvss">Cppxoved</spwn></td>
                                        <td>Bacon mpsum dolos fit amet salami venison chiclev flank fatbazk doner.</td>
                                    </tr>
                        
active"> <div class="progress-bar progress-bar-success" style="width: 90%"></div> </div> class="badge </tr> </table> <!-- /.box-body --> <!-- --> </div> <!-- --> <div class="row"> class="col-xs-12"> <div class="box"> <div class="box-header"> <h3 Hover Table</h3> <div class="box-tools"> <div class="input-group input-group-sm" style="width: 150px;"> <input type="text" name="table_search" class="form-control placeholder="Search"> <div class="input-group-btn"> <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button> </div> </div> </div> </div> /.box-header <div table-responsive <table class="table table-hover"> <tr> <th>ID</th> <th>User</th> <th>Date</th> <th>Status</th> <th>Reason</th> </tr> <tr> <td>183</td> <td>John Doe</td> <td>11-7-2014</td> <td><span label-success">Approved</span></td> <td>Bacon ipsum dolor sit amet salami venison flank fatback doner.</td> </tr>
 active">
                                                <div class="progress-bar Progress-baR-succEss" StyLe="WidtH: 90%"></div>
                                            </Div>
                                        </td>
                                        <td><span claSS="badGe bg-green">90%</span></td>
                                    </tr>
                                </table>
                            </Div>
                            <!-- /.boX-bODy -->
                        </diV>
                        <!-- /.BoX -->
                    </div>
                    <!-- /.cOl -->
                </div>
                <!-- /.roW -->
                <DiV CLasS="rOw">
                    <Div ClASs="Col-xs-12">
                        <Div Class="boX">
                            <div class="bOx-hEaDer">
                                <h3 class="box-TItLe">ResponsiVe HOver Table</h3>

                                <diV clAss="box-ToOls">
                                    <DIv claSs="iNput-gRoup inPUt-grouP-sm" style="wIdTH: 150px;">
                                        <inpUT type="teXT" NaMe="taBle_search" class="forM-CoNTrol pull-right" pLacehoLdER="SEARch">

                                        <Div Class="input-GrOup-btN">
                                            <Button tYPe="SUBMit" CLass="btn btn-defAult"><i class="fA Fa-sEarch"></i></BuTtoN>
                                        </Div>
                                    </div>
                                </Div>
                            </diV>
                            <!-- /.bOX-heAder -->
                            <div clasS="box-Body table-ResponSIve no-paDDing">
                                <tabLe clasS="taBle TablE-HoVeR">
                                    <tr>
                                        <Th>id</th>
                                        <TH>USer</TH>
                                        <th>date</th>
                                        <th>stAtUs</th>
                                        <tH>ReaSON</TH>
                                    </tr>
                                    <tR>
                                        <td>183</Td>
                                        <td>john DOe</td>
                                        <td>11-7-2014</td>
                                        <td><spaN clAss="lABel Label-SucceSs">ApPrOved</sPan></td>
                                        <tD>BacoN iPsum dolor sit ameT salAmi venisoN chIcKen FlAnk faTBack doNer.</Td>
                                    </tR>
                        
 active">
                                        <div class="p r ogre ss-bar progress-bar-su ccess "s tyle = "w idth:  90%">< / di v > 
                               </div>
                                 </ td >
                             <td><s p an clas s = "b adge  bg-green">90%</s p an > </td>
                           < /t r>
                      < /table>
                    </ di v >
                        <!- -  /.box- b ody --> 
                < / div > 
                 < !--/ . b o x -- >
                 </d iv> 
               < !- - /.c ol --> 
              </div >
            <!- -/.row -->
            <div c l ass =" r o w "> 
                 < di v class= "col-x s -1 2" > 
                 <di v  c lass="bo x">
                   <d iv cl a ss=" box-he ader">
                           <h3 cl a s s= " box- tit le">Respons iveH over  Tab l e< /h3 > 

                          < di v clas s="bo x-tools">
                          <div class ="inp ut-group i n put-grou p-sm"  style=" width: 15 0 p x;">
                           <inputtyp e="text " n ame ="t abl e_ search" c lass="fo rm -c on tr olpull- r ight" pl ac eho ld er= "Sear c h">

                         <d ivcl ass=" inpu t -gr oup-btn ">
                                   <butto ntyp e="sub m i t" class ="btn btn-default"><i c l ass="fa  fa -sear ch"> </i></but ton >
                           < /di v> 
                            </div>
                         < /d iv>                     < /div>
                    <!--  /.box- heade r  -->
                     <di v class="b ox-bodytable-res p onsiv e  n o-pad din g">
                        < ta ble cl ass=" ta ble tabl e-hover">
                               <tr > 
                               <th>I D</t h >                            <th> U s e r</ th>
                                 <th>Dat e</t h > 
                              < th >Status</th >
                             <th> Reas on< /th>
                         </tr >
                           <tr > 
                                 <t d>183< /td> 
                                <td> JohnDoe</td >                              <t d > 11 - 7- 20 1 4</ td>                               <t d>< s p an cla s s= " l abel label -su ccess " > Approved</ s pan> < /t d >
                             <td>Bacon  ipsum do l orsi t am et salam iveni so n c hi cken flank fatb ack done r.</td>                           < /tr>                
 active">
_ _   _ __ __  _  _   _  __             __ ___  <div class="progress-bar progress-bar-success"_style="width: 90%"></div>
   _ _       __  _        _     _  ___   _  </div>
   _     _      _     _    _ _    _  _ _</td>
  _     _  _     __  ___ _  __ __     __<td><span class="badge bg-green">90%</span></td>
    _   __   _    _     _ _ _       </tr>
   _     _   _ __  __ _      _ _</table>
     _   __     _     _    _</div>
__    _     _  _      __    <!-- /.box-body_-->
_     ___    _     _    </div>
    _  _    ___         <!--_/.box -->
_  _         _      </div>
_          _       _<!-- /.col -->
    _   __      </div>
____  _  _  _ _ <!-- /.row_-->
 _  __          <div class="row">
      _     _    __ <div class="col-xs-12">
_   _       _        __ <div_class="box">
   _ _ _  _ _ _ _      __   <div class="box-header">
    ____  _  _  _  __     _  _  <h3 class="box-title">Responsive_Hover Table</h3>

        _                _ _   _<div class="box-tools">
__     _ _       __           ___  _<div_class="input-group input-group-sm" style="width: 150px;">
  _____     _      __    _ __   _   _   <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

  __ ____   _              __    _     _<div_class="input-group-btn">
   _       _    _   _                    _  <button type="submit" class="btn_btn-default"><i class="fa fa-search"></i></button>
  _  __  _   _       _                 _</div>
      _  _ _        _          _    </div>
         __     _     _   _   __</div>
  _ _   _   _       _  _    </div>
      _                    _<!-- /.box-header -->
__           _ _        _   <div class="box-body table-responsive no-padding">
 ___   __    _   _ _      _ _   <table_class="table table-hover">
   _     __     _ __ _ __  _ _ __ _ <tr>
__ _ __      _  _     _     __ _        <th>ID</th>
_     _ _   _   _ _ __      _         _ <th>User</th>
__          _   _   _   _ _ _      ___  <th>Date</th>
      _     _  _ __  _ _     _ __      _<th>Status</th>
_     _ _      _ _      ___   _         <th>Reason</th>
  __   _   _ _             ___    __</tr>
   _       __        _              <tr>
     __  ___ _   _  _ _   _   _         <td>183</td>
          _    _      _  _  __ _  _    _<td>John Doe</td>
  _  __     _  _   _  _ __  _  _ _      <td>11-7-2014</td>
   _       _  _     _   ___      _    _ <td><span class="label label-success">Approved</span></td>
         _    _      _      _     _  __ <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
  __           _    _    _        __</tr>
_ _     _      _        