Basic Datatable
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
| Garrett Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009/01/12 | $86,000 |
| Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012/03/29 | $433,060 |
| Airi Satou | Accountant | Tokyo | 33 | 2008/11/28 | $162,700 |
| Brielle Williamson | Integration Specialist | New York | 61 | 2012/12/02 | $372,000 |
| Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012/08/06 | $137,500 |
| Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010/10/14 | $327,900 |
| Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009/09/15 | $205,500 |
| Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
| Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
| Quinn Flynn | Support Lead | Edinburgh | 22 | 2013/03/03 | $342,000 |
| Charde Marshall | Regional Director | San Francisco | 36 | 2008/10/16 | $470,600 |
| Haley Kennedy | Senior Marketing Designer | London | 43 | 2012/12/18 | $313,500 |
| Tatyana Fitzpatrick | Regional Director | London | 19 | 2010/03/17 | $385,750 |
| Michael Silva | Marketing Designer | London | 66 | 2012/11/27 | $198,500 |
| Paul Byrd | Chief Financial Officer (CFO) | New York | 64 | 2010/06/09 | $725,000 |
| Gloria Little | Systems Administrator | New York | 59 | 2009/04/10 | $237,500 |
| Bradley Greer | Software Engineer | London | 41 | 2012/10/13 | $132,000 |
| Dai Rios | Personnel Lead | Edinburgh | 35 | 2012/09/26 | $217,500 |
| Jenette Caldwell | Development Lead | New York | 30 | 2011/09/03 | $345,000 |
| Yuri Berry | Chief Marketing Officer (CMO) | New York | 40 | 2009/06/25 | $675,000 |
| Caesar Vance | Pre-Sales Support | New York | 21 | 2011/12/12 | $106,450 |
| Doris Wilder | Sales Assistant | Sidney | 23 | 2010/09/20 | $85,600 |
| Angelica Ramos | Chief Executive Officer (CEO) | London | 47 | 2009/10/09 | $1,200,000 |
| Gavin Joyce | Developer | Edinburgh | 42 | 2010/12/22 | $92,575 |
| Jennifer Chang | Regional Director | Singapore | 28 | 2010/11/14 | $357,650 |
| Brenden Wagner | Software Engineer | San Francisco | 28 | 2011/06/07 | $206,850 |
| Fiona Green | Chief Operating Officer (COO) | San Francisco | 48 | 2010/03/11 | $850,000 |
| Shou Itou | Regional Marketing | Tokyo | 20 | 2011/08/14 | $163,000 |
| Michelle House | Integration Specialist | Sidney | 37 | 2011/06/02 | $95,400 |
| Suki Burks | Developer | London | 53 | 2009/10/22 | $114,500 |
| Prescott Bartlett | Technical Author | London | 27 | 2011/05/07 | $145,000 |
| Gavin Cortez | Team Leader | San Francisco | 22 | 2008/10/26 | $235,500 |
| Martena Mccray | Post-Sales support | Edinburgh | 46 | 2011/03/09 | $324,050 |
| Unity Butler | Marketing Designer | San Francisco | 47 | 2009/12/09 | $85,675 |
| Howard Hatfield | Office Manager | San Francisco | 51 | 2008/12/16 | $164,500 |
| Hope Fuentes | Secretary | San Francisco | 41 | 2010/02/12 | $109,850 |
| Vivian Harrell | Financial Controller | San Francisco | 62 | 2009/02/14 | $452,500 |
| Timothy Mooney | Office Manager | London | 37 | 2008/12/11 | $136,200 |
| Jackson Bradshaw | Director | New York | 65 | 2008/09/26 | $645,750 |
| Olivia Liang | Support Engineer | Singapore | 64 | 2011/02/03 | $234,500 |
| Bruno Nash | Software Engineer | London | 38 | 2011/05/03 | $163,500 |
| Sakura Yamamoto | Support Engineer | Tokyo | 37 | 2009/08/19 | $139,575 |
| Thor Walton | Developer | New York | 61 | 2013/08/11 | $98,540 |
| Finn Camacho | Support Engineer | San Francisco | 47 | 2009/07/07 | $87,500 |
| Serge Baldwin | Data Coordinator | Singapore | 64 | 2012/04/09 | $138,575 |
| Zenaida Frank | Software Engineer | New York | 63 | 2010/01/04 | $125,250 |
| Zorita Serrano | Software Engineer | San Francisco | 56 | 2012/06/01 | $115,000 |
| Jennifer Acosta | Junior Javascript Developer | Edinburgh | 43 | 2013/02/01 | $75,650 |
| Cara Stevens | Sales Assistant | New York | 46 | 2011/12/06 | $145,600 |
| Hermione Butler | Regional Director | London | 47 | 2011/03/21 | $356,250 |
| Lael Greer | Systems Administrator | London | 21 | 2009/02/27 | $103,500 |
| Jonas Alexander | Developer | San Francisco | 30 | 2010/07/14 | $86,500 |
| Shad Decker | Regional Director | Edinburgh | 51 | 2008/11/13 | $183,000 |
| Michael Bruce | Javascript Developer | Singapore | 29 | 2011/06/27 | $183,000 |
| Donna Snider | Customer Support | New York | 27 | 2011/01/25 | $112,000 |
| Name | Position | Office | Age | Start date | Salary |
<div class="overflow-x-auto table-scroll">
<table id="example" class="display table pb-8" style="min-width: 845px">
<thead>
<tr class="bg-transparent">
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Name</th>
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Position</th>
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Office</th>
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Age</th>
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Start date</th>
<th class="text-dark py-5 px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Salary</th>
</tr>
</thead>
<tbody>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tiger Nixon</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">System Architect</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">61</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/04/25</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$320,800</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Garrett Winters</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Accountant</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tokyo</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">63</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/07/25</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$170,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Junior Technical Author</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">66</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/01/12</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$86,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cedric Kelly</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Senior Javascript Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">22</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/03/29</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$433,060</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Accountant</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tokyo</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">33</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/11/28</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$162,700</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brielle Williamson</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">61</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/02</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$372,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Herrod Chandler</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">59</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/08/06</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$137,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Rhona Davidson</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tokyo</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">55</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/10/14</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$327,900</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Colleen Hurst</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Javascript Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">39</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/09/15</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$205,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">23</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/13</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$103,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jena Gaines</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Office Manager</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">30</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/19</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$90,560</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Quinn Flynn</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Support Lead</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">22</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2013/03/03</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$342,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Charde Marshall</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">36</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/10/16</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$470,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Haley Kennedy</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Senior Marketing Designer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">43</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/18</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$313,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tatyana Fitzpatrick</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">19</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/17</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$385,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Michael Silva</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Marketing Designer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">66</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/11/27</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$198,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Paul Byrd</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Chief Financial Officer (CFO)</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">64</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/06/09</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$725,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gloria Little</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Systems Administrator</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">59</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/04/10</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$237,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Bradley Greer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">41</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/10/13</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$132,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dai Rios</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Personnel Lead</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">35</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/09/26</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$217,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jenette Caldwell</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Development Lead</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">30</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/09/03</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$345,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Yuri Berry</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Chief Marketing Officer (CMO)</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">40</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/06/25</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$675,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Caesar Vance</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Pre-Sales Support</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">21</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/12/12</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$106,450</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Doris Wilder</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sidney</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">23</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/09/20</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$85,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Angelica Ramos</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Chief Executive Officer (CEO)</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">47</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/10/09</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$1,200,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gavin Joyce</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">42</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/12/22</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$92,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jennifer Chang</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Singapore</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/11/14</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$357,650</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brenden Wagner</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/06/07</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$206,850</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Fiona Green</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Chief Operating Officer (COO)</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">48</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/11</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$850,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Shou Itou</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Marketing</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tokyo</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">20</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/08/14</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$163,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Michelle House</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sidney</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">37</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/06/02</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$95,400</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Suki Burks</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">53</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/10/22</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$114,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Prescott Bartlett</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Technical Author</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">27</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/05/07</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$145,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gavin Cortez</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Team Leader</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">22</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/10/26</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$235,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Martena Mccray</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Post-Sales support</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">46</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/03/09</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$324,050</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Unity Butler</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Marketing Designer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">47</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/12/09</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$85,675</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Howard Hatfield</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Office Manager</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">51</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/16</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$164,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Hope Fuentes</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Secretary</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">41</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/02/12</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$109,850</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Vivian Harrell</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Financial Controller</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">62</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/02/14</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$452,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Timothy Mooney</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Office Manager</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">37</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/11</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$136,200</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jackson Bradshaw</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">65</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/09/26</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$645,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Olivia Liang</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Singapore</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">64</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/02/03</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$234,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Bruno Nash</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">38</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/05/03</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$163,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sakura Yamamoto</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tokyo</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">37</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/08/19</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$139,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Thor Walton</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">61</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2013/08/11</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$98,540</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Finn Camacho</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">47</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/07/07</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$87,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Serge Baldwin</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Data Coordinator</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Singapore</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">64</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/04/09</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$138,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Zenaida Frank</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">63</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/01/04</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$125,250</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Zorita Serrano</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">56</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/06/01</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$115,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jennifer Acosta</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Junior Javascript Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">43</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2013/02/01</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$75,650</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cara Stevens</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">46</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/12/06</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$145,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Hermione Butler</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">47</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/03/21</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$356,250</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Lael Greer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Systems Administrator</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">London</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">21</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/02/27</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$103,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jonas Alexander</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">San Francisco</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">30</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/07/14</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$86,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Shad Decker</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">51</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/11/13</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$183,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Michael Bruce</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Javascript Developer</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Singapore</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/06/27</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$183,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Donna Snider</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Customer Support</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">New York</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">27</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/01/25</td>
<td class="text-dark bg-[#F3F0EC] dark:bg-[#151C2C] xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">$112,000</td>
</tr>
</tbody>
<tfoot>
<tr class="bg-transparent">
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Name</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Position</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Office</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Age</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Start date</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold border-b border-[#E6E6E6] dark:border-[#ffffff1a] text-left">Salary</th>
</tr>
</tfoot>
</table>
</div>
Datatable
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
| Garrett Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009/01/12 | $86,000 |
| Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012/03/29 | $433,060 |
| Airi Satou | Accountant | Tokyo | 33 | 2008/11/28 | $162,700 |
| Brielle Williamson | Integration Specialist | New York | 61 | 2012/12/02 | $372,000 |
| Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012/08/06 | $137,500 |
| Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010/10/14 | $327,900 |
| Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009/09/15 | $205,500 |
| Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
| Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
| Quinn Flynn | Support Lead | Edinburgh | 22 | 2013/03/03 | $342,000 |
| Charde Marshall | Regional Director | San Francisco | 36 | 2008/10/16 | $470,600 |
| Haley Kennedy | Senior Marketing Designer | London | 43 | 2012/12/18 | $313,500 |
| Tatyana Fitzpatrick | Regional Director | London | 19 | 2010/03/17 | $385,750 |
| Michael Silva | Marketing Designer | London | 66 | 2012/11/27 | $198,500 |
| Paul Byrd | Chief Financial Officer (CFO) | New York | 64 | 2010/06/09 | $725,000 |
| Gloria Little | Systems Administrator | New York | 59 | 2009/04/10 | $237,500 |
| Bradley Greer | Software Engineer | London | 41 | 2012/10/13 | $132,000 |
| Dai Rios | Personnel Lead | Edinburgh | 35 | 2012/09/26 | $217,500 |
| Jenette Caldwell | Development Lead | New York | 30 | 2011/09/03 | $345,000 |
| Yuri Berry | Chief Marketing Officer (CMO) | New York | 40 | 2009/06/25 | $675,000 |
| Caesar Vance | Pre-Sales Support | New York | 21 | 2011/12/12 | $106,450 |
| Doris Wilder | Sales Assistant | Sidney | 23 | 2010/09/20 | $85,600 |
| Angelica Ramos | Chief Executive Officer (CEO) | London | 47 | 2009/10/09 | $1,200,000 |
| Gavin Joyce | Developer | Edinburgh | 42 | 2010/12/22 | $92,575 |
| Jennifer Chang | Regional Director | Singapore | 28 | 2010/11/14 | $357,650 |
| Brenden Wagner | Software Engineer | San Francisco | 28 | 2011/06/07 | $206,850 |
| Fiona Green | Chief Operating Officer (COO) | San Francisco | 48 | 2010/03/11 | $850,000 |
| Shou Itou | Regional Marketing | Tokyo | 20 | 2011/08/14 | $163,000 |
| Michelle House | Integration Specialist | Sidney | 37 | 2011/06/02 | $95,400 |
| Suki Burks | Developer | London | 53 | 2009/10/22 | $114,500 |
| Prescott Bartlett | Technical Author | London | 27 | 2011/05/07 | $145,000 |
| Gavin Cortez | Team Leader | San Francisco | 22 | 2008/10/26 | $235,500 |
| Martena Mccray | Post-Sales support | Edinburgh | 46 | 2011/03/09 | $324,050 |
| Unity Butler | Marketing Designer | San Francisco | 47 | 2009/12/09 | $85,675 |
| Howard Hatfield | Office Manager | San Francisco | 51 | 2008/12/16 | $164,500 |
| Hope Fuentes | Secretary | San Francisco | 41 | 2010/02/12 | $109,850 |
| Vivian Harrell | Financial Controller | San Francisco | 62 | 2009/02/14 | $452,500 |
| Timothy Mooney | Office Manager | London | 37 | 2008/12/11 | $136,200 |
| Jackson Bradshaw | Director | New York | 65 | 2008/09/26 | $645,750 |
| Olivia Liang | Support Engineer | Singapore | 64 | 2011/02/03 | $234,500 |
| Bruno Nash | Software Engineer | London | 38 | 2011/05/03 | $163,500 |
| Sakura Yamamoto | Support Engineer | Tokyo | 37 | 2009/08/19 | $139,575 |
| Thor Walton | Developer | New York | 61 | 2013/08/11 | $98,540 |
| Finn Camacho | Support Engineer | San Francisco | 47 | 2009/07/07 | $87,500 |
| Serge Baldwin | Data Coordinator | Singapore | 64 | 2012/04/09 | $138,575 |
| Zenaida Frank | Software Engineer | New York | 63 | 2010/01/04 | $125,250 |
| Zorita Serrano | Software Engineer | San Francisco | 56 | 2012/06/01 | $115,000 |
| Jennifer Acosta | Junior Javascript Developer | Edinburgh | 43 | 2013/02/01 | $75,650 |
| Cara Stevens | Sales Assistant | New York | 46 | 2011/12/06 | $145,600 |
| Hermione Butler | Regional Director | London | 47 | 2011/03/21 | $356,250 |
| Lael Greer | Systems Administrator | London | 21 | 2009/02/27 | $103,500 |
| Jonas Alexander | Developer | San Francisco | 30 | 2010/07/14 | $86,500 |
| Shad Decker | Regional Director | Edinburgh | 51 | 2008/11/13 | $183,000 |
| Michael Bruce | Javascript Developer | Singapore | 29 | 2011/06/27 | $183,000 |
| Donna Snider | Customer Support | New York | 27 | 2011/01/25 | $112,000 |
| Name | Position | Office | Age | Start date | Salary |
<div class="overflow-x-auto table-scroll">
<table id="example2" class="display" style="width:100%">
<thead>
<tr class="bg-transparent">
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-left">Name</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-center">Position</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-center">Office</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-center">Age</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-center">Start date</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize text-base font-medium whitespace-nowrap text-center">Salary</th>
</tr>
</thead>
<tbody>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tiger Nixon</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">System Architect</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">61</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/04/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$320,800</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Garrett Winters</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Accountant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tokyo</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">63</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/07/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$170,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Junior Technical Author</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">66</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/01/12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$86,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Cedric Kelly</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Senior Javascript Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/03/29</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$433,060</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Accountant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tokyo</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">33</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/11/28</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$162,700</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Brielle Williamson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">61</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/12/02</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$372,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Herrod Chandler</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">59</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/08/06</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$137,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Rhona Davidson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tokyo</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">55</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/10/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$327,900</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Colleen Hurst</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Javascript Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">39</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/09/15</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$205,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">23</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/12/13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$103,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jena Gaines</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Office Manager</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">30</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/12/19</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$90,560</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Quinn Flynn</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Support Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2013/03/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$342,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Charde Marshall</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">36</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/10/16</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$470,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Haley Kennedy</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Senior Marketing Designer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">43</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/12/18</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$313,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tatyana Fitzpatrick</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">19</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/03/17</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$385,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Michael Silva</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Marketing Designer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">66</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/11/27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$198,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Paul Byrd</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Chief Financial Officer (CFO)</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">64</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/06/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$725,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Gloria Little</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Systems Administrator</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">59</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/04/10</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$237,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Bradley Greer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">41</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/10/13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$132,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Dai Rios</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Personnel Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">35</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/09/26</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$217,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jenette Caldwell</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Development Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">30</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/09/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$345,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Yuri Berry</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Chief Marketing Officer (CMO)</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">40</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/06/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$675,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Caesar Vance</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Pre-Sales Support</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">21</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/12/12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$106,450</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Doris Wilder</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sidney</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">23</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/09/20</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$85,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Angelica Ramos</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Chief Executive Officer (CEO)</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">47</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/10/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$1,200,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Gavin Joyce</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">42</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/12/22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$92,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jennifer Chang</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Singapore</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">28</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/11/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$357,650</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Brenden Wagner</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">28</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/06/07</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$206,850</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Fiona Green</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Chief Operating Officer (COO)</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">48</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/03/11</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$850,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Shou Itou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Marketing</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tokyo</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">20</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/08/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$163,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Michelle House</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Integration Specialist</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sidney</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">37</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/06/02</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$95,400</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Suki Burks</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">53</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/10/22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$114,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Prescott Bartlett</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Technical Author</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/05/07</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$145,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Gavin Cortez</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Team Leader</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/10/26</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$235,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Martena Mccray</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Post-Sales support</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">46</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/03/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$324,050</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Unity Butler</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Marketing Designer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">47</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/12/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$85,675</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Howard Hatfield</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Office Manager</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">51</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/12/16</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$164,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Hope Fuentes</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Secretary</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">41</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/02/12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$109,850</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Vivian Harrell</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Financial Controller</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">62</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/02/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$452,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Timothy Mooney</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Office Manager</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">37</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/12/11</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$136,200</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jackson Bradshaw</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">65</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/09/26</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$645,750</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Olivia Liang</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Singapore</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">64</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/02/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$234,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Bruno Nash</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">38</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/05/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$163,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sakura Yamamoto</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Tokyo</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">37</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/08/19</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$139,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Thor Walton</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">61</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2013/08/11</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$98,540</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Finn Camacho</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Support Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">47</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/07/07</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$87,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Serge Baldwin</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Data Coordinator</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Singapore</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">64</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/04/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$138,575</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Zenaida Frank</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">63</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/01/04</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$125,250</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Zorita Serrano</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">56</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2012/06/01</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$115,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jennifer Acosta</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Junior Javascript Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">43</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2013/02/01</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$75,650</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Cara Stevens</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">46</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/12/06</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$145,600</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Hermione Butler</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">47</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/03/21</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$356,250</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Lael Greer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Systems Administrator</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">London</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">21</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2009/02/27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$103,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Jonas Alexander</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">San Francisco</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">30</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2010/07/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$86,500</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Shad Decker</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Edinburgh</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">51</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2008/11/13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$183,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Michael Bruce</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Javascript Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Singapore</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">29</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/06/27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$183,000</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Donna Snider</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">Customer Support</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">New York</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">2011/01/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize xl:text-[15px] text-[13px] font-normal text-left">$112,000</td>
</tr>
</tbody>
<tfoot>
<tr class="bg-transparent">
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Name</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Position</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Office</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Age</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Start date</th>
<th class="border-t-0 pt-2.5 pr-[18px] pb-[6px] pl-[18px] text-dark dark:text-white text-sm font-semibold text-left">Salary</th>
</tr>
</tfoot>
</table>
</div>
Profile Datatable
| Name | Department | Gender | Education | Mobile | Joining Date | Action | ||
|---|---|---|---|---|---|---|---|---|
 |
Tiger Nixon | Architect | Male | M.COM., P.H.D. | 123 456 7890 | info@example.com | 2011/04/25 | |
 |
Garrett Winters | Accountant | Female | M.COM., P.H.D. | 123 456 7890 | info@example.com | 2011/07/25 | |
 |
Ashton Cox | Junior Technical | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2009/01/12 | |
 |
Cedric Kelly | Developer | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/03/29 | |
 |
Airi Satou | Accountant | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2008/11/28 | |
 |
Brielle Williamson | Specialist | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/12/02 | |
 |
Herrod Chandler | Sales Assistant | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2012/08/06 | |
 |
Rhona Davidson | Integration | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/10/14 | |
 |
Colleen Hurst | Javascript Developer | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2009/09/15 | |
 |
Sonya Frost | Software Engineer | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2008/12/13 | |
|
Jena Gaines | Office Manager | Female | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2008/12/19 | |
|
Quinn Flynn | Support Lead | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2013/03/03 | |
|
Charde Marshall | Regional Director | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2008/10/16 | |
|
Haley Kennedy | Senior Marketing | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/12/18 | |
|
Tatyana Fitzpatrick | Regional Director | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/03/17 | |
|
Michael Silva | Marketing Designer | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2012/11/27 | |
|
Paul Byrd | Financial Officer | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/06/09 | |
|
Gloria Little | Systems Administrator | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2009/04/10 | |
|
Bradley Greer | Software Engineer | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/10/13 | |
|
Dai Rios | Personnel Lead | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2012/09/26 | |
|
Jenette Caldwell | Development Lead | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2011/09/03 | |
|
Yuri Berry | Marketing Officer | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2009/06/25 | |
|
Caesar Vance | Pre-Sales Support | Male | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2011/12/12 | |
|
Doris Wilder | Sales Assistant | Female | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/09/20 | |
|
Angelica Ramos | Executive Officer | Male | B.COM., M.COM. | 123 456 7890 | info@example.com | 2009/10/09 | |
|
Gavin Joyce | Developer | Female | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/12/22 | |
|
Jennifer Chang | Regional Director | Male | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/11/14 | |
|
Brenden Wagner | Software Engineer | Female | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2011/06/07 | |
|
Fiona Green | Operating Officer | Male | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/03/11 | |
|
Shou Itou | Regional Marketing | Female | B.COM., M.COM. | 123 456 7890 | info@example.com | 2011/08/14 |
<div class="overflow-x-auto table-scroll">
<table id="example3" class="display table" style="min-width: 845px">
<thead>
<tr class="bg-transparent">
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left"></th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Name</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Department</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Gender</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Education</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Mobile</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Email</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Joining Date</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Action</th>
</tr>
</thead>
<tbody>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic1.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tiger Nixon</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Architect</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">M.COM., P.H.D.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/04/25</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic2.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Garrett Winters</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Accountant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">M.COM., P.H.D.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/07/25</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic3.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Junior Technical</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/01/12</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic4.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cedric Kelly</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/03/29</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic5.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Accountant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/11/28</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic6.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brielle Williamson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Specialist</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/02</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic7.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Herrod Chandler</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/08/06</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic8.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Rhona Davidson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Integration</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/10/14</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic9.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Colleen Hurst</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Javascript Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/09/15</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic10.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/13</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic1.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jena Gaines</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Office Manager</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/19</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic2.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Quinn Flynn</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Support Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2013/03/03</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic3.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Charde Marshall</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/10/16</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic4.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Haley Kennedy</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Senior Marketing</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/18</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic5.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tatyana Fitzpatrick</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/17</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic6.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Michael Silva</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Marketing Designer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/11/27</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic7.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Paul Byrd</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Financial Officer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/06/09</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic8.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gloria Little</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Systems Administrator</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/04/10</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic9.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Bradley Greer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/10/13</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic10.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dai Rios</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Personnel Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/09/26</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic1.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jenette Caldwell</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Development Lead</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/09/03</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic2.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Yuri Berry</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Marketing Officer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/06/25</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic3.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Caesar Vance</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Pre-Sales Support</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/12/12</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic4.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Doris Wilder</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sales Assistant</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/09/20</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic5.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Angelica Ramos</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Executive Officer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/10/09</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic6.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gavin Joyce</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Developer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/12/22</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic7.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jennifer Chang</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Director</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/11/14</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic8.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brenden Wagner</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Software Engineer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.TACH, M.TACH</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/06/07</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic9.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Fiona Green</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Operating Officer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Male</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.A, B.C.A</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/11</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><img class="rounded-full min-w-[35px] w-[35px]" src="assets/images/profile/small/pic10.jpg" alt=""></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Shou Itou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Regional Marketing</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">B.COM., M.COM.</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left"><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/08/14</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-right">
<div class="flex">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary hover:border-hover-primary duration-300 mr-1"><i class="fas fa-pencil-alt"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
Fees Collection
| Roll No | Student Name | Invoice number | Fees Type | Payment Type | Status | Date | Amount |
|---|---|---|---|---|---|---|---|
| 01 | Tiger Nixon | #54605 | Library | Cash | Paid | 2011/04/25 | 120$ |
| 02 | Garrett Winters | #54687 | Library | Credit Card | Pending | 2011/07/25 | 120$ |
| 03 | Ashton Cox | #35672 | Tuition | Cash | Paid | 2009/01/12 | 120$ |
| 04 | Cedric Kelly | #57984 | Annual | Credit Card | Pending | 2012/03/29 | 120$ |
| 05 | Airi Satou | #12453 | Library | Cheque | Pending | 2008/11/28 | 120$ |
| 06 | Brielle Williamson | #59723 | Tuition | Cash | Paid | 2012/12/02 | 120$ |
| 07 | Herrod Chandler | #98726 | Tuition | Credit Card | Udpaid | 2012/08/06 | 120$ |
| 08 | Rhona Davidson | #98721 | Library | Cheque | Udpaid | 2010/10/14 | 120$ |
| 09 | Colleen Hurst | #54605 | Annual | Cheque | Paid | 2009/09/15 | 120$ |
| 10 | Sonya Frost | #98734 | Tuition | Credit Card | Udpaid | 2008/12/13 | 120$ |
| 11 | Jena Gaines | #12457 | Tuition | Cash | Udpaid | 2008/12/19 | 120$ |
| 12 | Quinn Flynn | #36987 | Library | Cheque | Pending | 2013/03/03 | 120$ |
| 13 | Charde Marshall | #98756 | Tuition | Cheque | Paid | 2008/10/16 | 120$ |
| 14 | Haley Kennedy | #98754 | Library | Cash | Udpaid | 2012/12/18 | 120$ |
| 15 | Tatyana Fitzpatrick | #65248 | Annual | Cheque | Udpaid | 2010/03/17 | 120$ |
| 16 | Michael Silva | #75943 | Tuition | Credit Card | Paid | 2012/11/27 | 120$ |
| 17 | Paul Byrd | #87954 | Library | Cheque | Pending | 2010/06/09 | 120$ |
| 18 | Gloria Little | #98746 | Tuition | Cheque | Paid | 2009/04/10 | 120$ |
| 19 | Bradley Greer | #98674 | Annual | Cash | Udpaid | 2012/10/13 | 120$ |
| 20 | Dai Rios | #69875 | Tuition | Cheque | Pending | 2012/09/26 | 120$ |
| 21 | Jenette Caldwell | #54678 | Library | Cheque | Paid | 2011/09/03 | 120$ |
| 22 | Yuri Berry | #98756 | Tuition | Credit Card | Udpaid | 2009/06/25 | 120$ |
| 23 | Caesar Vance | #86754 | Tuition | Cheque | Paid | 2011/12/12 | 120$ |
| 24 | Doris Wilder | #34251 | Annual | Cash | Pending | 2010/09/20 | 120$ |
| 25 | Angelica Ramos | #65874 | Tuition | Cheque | Udpaid | 2009/10/09 | 120$ |
| 26 | Gavin Joyce | #54605 | Female | Credit Card | Paid | 2010/12/22 | 120$ |
| 27 | Jennifer Chang | #54605 | Tuition | Cheque | Pending | 2010/11/14 | 120$ |
| 28 | Brenden Wagner | #45687 | Library | Cheque | Udpaid | 2011/06/07 | 120$ |
| 29 | Fiona Green | #23456 | Tuition | Cash | Paid | 2010/03/11 | 120$ |
| 30 | Shou Itou | #54605 | Annual | Credit Card | Pending | 2011/08/14 | 120$ |
<div class="overflow-x-auto table-scroll">
<table id="example4" class="display table" style="min-width: 845px">
<thead>
<tr class="bg-transparent">
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Roll No</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Student Name</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Invoice number</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Fees Type </th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Payment Type </th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Status </th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Date</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Amount</th>
</tr>
</thead>
<tbody>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">01</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tiger Nixon</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54605</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/04/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">02</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Garrett Winters</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54687</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/07/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#35672</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/01/12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">04</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cedric Kelly</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#57984</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/03/29</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">05</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#12453</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/11/28</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">06</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brielle Williamson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#59723</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/02</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">07</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Herrod Chandler</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98726</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/08/06</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">08</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Rhona Davidson</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98721</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/10/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Colleen Hurst</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54605</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/09/15</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">10</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98734</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">11</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jena Gaines</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#12457</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/12/19</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Quinn Flynn</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#36987</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2013/03/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Charde Marshall</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98756</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2008/10/16</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Haley Kennedy</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98754</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/12/18</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">15</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tatyana Fitzpatrick</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#65248</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/17</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">16</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Michael Silva</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#75943</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/11/27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">17</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Paul Byrd</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#87954</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/06/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">18</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gloria Little</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98746</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/04/10</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">19</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Bradley Greer</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98674</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/10/13</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">20</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dai Rios</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#69875</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2012/09/26</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">21</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jenette Caldwell</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54678</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/09/03</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Yuri Berry</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#98756</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/06/25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">23</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Caesar Vance</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#86754</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/12/12</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">24</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Doris Wilder</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#34251</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/09/20</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">25</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Angelica Ramos</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#65874</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2009/10/09</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Gavin Joyce</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54605</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Female</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/12/22</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">27</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Jennifer Chang</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54605</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/11/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Brenden Wagner</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#45687</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Library</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cheque</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">Udpaid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/06/07</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Fiona Green</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#23456</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tuition</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cash</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">Paid</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2010/03/11</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">30</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Shou Itou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#54605</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Annual</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Credit Card</td>
<td class="bg-transparent py-[0.85rem] px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-left"><span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">Pending</span></td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">2011/08/14</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right"><strong>120$</strong></td>
</tr>
</tbody>
</table>
</div>
Patient
|
|
Patient ID | Date Check in | Patient Name | Doctor Assgined | Disease | Status | Room no | Action |
|---|---|---|---|---|---|---|---|---|
|
|
#P-00001 | 26/02/2020, 12:42 AM | Tiger Nixon | Dr. Cedric | Cold & Flu | New Patient | AB-001 |
|
|
|
#P-00002 | 28/02/2020, 12:42 AM | Garrett Winters | Dr. Cedric | Sleep Problem | In Treatment | AB-002 |
|
|
|
#P-00003 | 26/02/2020, 12:42 AM | Ashton Cox | Dr. Rhona | Cold & Flu | Recovered | AB-003 |
|
|
|
#P-00004 | 29/02/2020, 12:42 AM | Ashton Cox | Dr. Cedric | Cold & Flu | In Treatment | AB-004 |
|
|
|
#P-00005 | 28/02/2020, 12:42 AM | Ashton Cox | Dr. Cedric | Cold & Flu | In Treatment | AB-005 |
|
|
|
#P-00006 | 28/02/2020, 12:42 AM | Ashton Cox | Dr. Rhona | Sleep Problem | In Treatment | AB-006 |
|
|
|
#P-00007 | 26/02/2020, 12:42 AM | Airi Satou | Dr. Rhona | Cold & Flu | New Patient | AB-007 |
|
|
|
#P-00008 | 29/02/2020, 12:42 AM | Airi Satou | Dr. Garrett | Sleep Problem | In Treatment | AB-008 |
|
|
|
#P-00009 | 25/02/2020, 12:42 AM | Airi Satou | Dr. Rhona | Cold & Flu | New Patient | AB-009 |
|
|
|
#P-00010 | 26/02/2020, 12:42 AM | Airi Satou | Dr. Rhona | Sleep Problem | New Patient | AB-010 |
|
|
|
#P-00011 | 28/02/2020, 12:42 AM | Airi Satou | Dr. Rhona | Cold & Flu | In Treatment | AB-011 |
|
|
|
#P-00012 | 29/02/2020, 12:42 AM | Sonya Frost | Dr. Garrett | Sleep Problem | New Patient | AB-012 |
|
|
|
#P-00013 | 25/02/2020, 12:42 AM | Sonya Frost | Dr. Rhona | Cold & Flu | New Patient | AB-013 |
|
|
|
#P-00014 | 26/02/2020, 12:42 AM | Sonya Frost | Dr. Garrett | Sleep Problem | In Treatment | AB-014 |
|
|
|
#P-00015 | 28/02/2020, 12:42 AM | Sonya Frost | Dr. Rhona | Cold & Flu | New Patient | AB-015 |
|
|
|
#P-00016 | 29/02/2020, 12:42 AM | Sonya Frost | Dr. Garrett | Sleep Problem | New Patient | AB-016 |
|
|
|
#P-00017 | 25/02/2020, 12:42 AM | Sonya Frost | Dr. Rhona | Cold & Flu | In Treatment | AB-017 |
|
|
|
#P-00018 | 26/02/2020, 12:42 AM | Sonya Frost | Dr. Rhona | Sleep Problem | New Patient | AB-018 |
|
|
|
#P-00019 | 28/02/2020, 12:42 AM | Sonya Frost | Dr. Rhona | Cold & Flu | New Patient | AB-019 |
|
|
|
#P-00020 | 25/02/2020, 12:42 AM | Sonya Frost | Dr. Garrett | Sleep Problem | In Treatment | AB-020 |
|
<div class="overflow-x-auto table-scroll">
<table id="example5" class="display table ItemsCheckboxSec" style="min-width: 845px">
<thead>
<tr class="bg-transparent">
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">
<div class="custom-control inline custom-checkbox">
<input type="checkbox" class="form-check-input checkAll" id="checkInput" required="">
<label class="form-check-label" for="checkInput"></label>
</div>
</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Patient ID</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Date Check in</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Patient Name</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Doctor Assgined</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Disease</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Status</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Room no</th>
<th class="text-dark py-[0.85rem] px-[0.9375rem] border-b-2 border-solid border-[#E6E6E6] dark:border-[#ffffff1a] capitalize whitespace-nowrap text-base font-medium text-left">Action</th>
</tr>
</thead>
<tbody>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
<label class="form-check-label" for="customCheckBox2"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00001</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Tiger Nixon</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Cedric</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-001</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-1">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-1">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox3" required="">
<label class="form-check-label" for="customCheckBox3"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00002</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Garrett Winters</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Cedric</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-002</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-2">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-2">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox4" required="">
<label class="form-check-label" for="customCheckBox4"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00003</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-success bg-success-light dark:text-white dark:bg-[#3a9b941a]">
<i class="fa fa-circle text-success mr-1"></i>
Recovered
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-003</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-3">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-3">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox5" required="">
<label class="form-check-label" for="customCheckBox5"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00004</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Cedric</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-004</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-4">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-4">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox6" required="">
<label class="form-check-label" for="customCheckBox6"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00005</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Cedric</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-005</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-5">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-5">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox7" required="">
<label class="form-check-label" for="customCheckBox7"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00006</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Ashton Cox</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-006</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-6">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-6">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox8" required="">
<label class="form-check-label" for="customCheckBox8"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00007</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-007</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-7">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-7">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox9" required="">
<label class="form-check-label" for="customCheckBox9"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00008</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Garrett </td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-008</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-8">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-8">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox10" required="">
<label class="form-check-label" for="customCheckBox10"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00009</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">25/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-009</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-9">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-9">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox11" required="">
<label class="form-check-label" for="customCheckBox11"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00010</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-010</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-10">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-10">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox12" required="">
<label class="form-check-label" for="customCheckBox12"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00011</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Airi Satou</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-011</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-11">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-11">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox13" required="">
<label class="form-check-label" for="customCheckBox13"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00012</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Garrett</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-012</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-12">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-12">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox14" required="">
<label class="form-check-label" for="customCheckBox14"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00013</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">25/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-013</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-13">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-13">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox15" required="">
<label class="form-check-label" for="customCheckBox15"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00014</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Garrett</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-014</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-14">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-14">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox16" required="">
<label class="form-check-label" for="customCheckBox16"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00015</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-015</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-15">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-15">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox17" required="">
<label class="form-check-label" for="customCheckBox17"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00016</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">29/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Garrett</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-016</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-16">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-16">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox18" required="">
<label class="form-check-label" for="customCheckBox18"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00017</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">25/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-017</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-17">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-17">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox19" required="">
<label class="form-check-label" for="customCheckBox19"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00018</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">26/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-018</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-18">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-1 shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-18">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox20" required="">
<label class="form-check-label" for="customCheckBox20"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00019</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">28/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Rhona</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Cold & Flu</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-danger bg-danger-light">
<i class="fa fa-circle text-danger mr-1"></i>
New Patient
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-019</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-19">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-[-140px] shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-19">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
<tr class="bg-transparent">
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<div class="leading-normal block min-h-[1.3125rem] ml-2">
<input type="checkbox" class="form-check-input" id="customCheckBox21" required="">
<label class="form-check-label" for="customCheckBox21"></label>
</div>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">#P-00020</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">25/02/2020, 12:42 AM</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sonya Frost</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Dr. Garrett</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">Sleep Problem</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">
<span class="text-xs py-[5px] px-3 rounded leading-[1.5] text-warning bg-warning-light">
<i class="fa fa-circle text-warning mr-1"></i>
In Treatment
</span>
</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-left">AB-020</td>
<td class="text-body-color bg-transparent xl:py-[0.85rem] py-2 px-[0.9375rem] capitalize whitespace-nowrap xl:text-sm text-[13px] font-normal text-right">
<div class="dropdown ml-auto text-right cursor-pointer">
<div class="btn min-w-[2.4rem] p-[0.4375rem] h-[2.4rem] leading-[1.7] min-h-[2.5rem] btn-primary rounded-md dz-dropdown" data-dz-dropdown="dropdown-20">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="var(--primary)" cx="5" cy="12" r="2"></circle><circle fill="var(--primary)" cx="12" cy="12" r="2"></circle><circle fill="var(--primary)" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dz-dropdown-menu dropdown-menu-end border py-2 rounded-md min-w-[10rem] z-[9] translate-x-[-96px] translate-y-[-140px] shadow-[0_0_3.125rem_0_rgba(82,63,105,0.15)] overflow-hidden border-b-color absolute bg-white dark:bg-[#182237] hidden" id="dropdown-20">
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Accept Patient</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">Reject Order</a>
<a class="dropdown-item py-2 px-5 text-body-color text-[13px] text-left block w-full whitespace-nowrap hover:bg-[#f8f9fa] hover:text-primary dark:hover:bg-[#151C2C]" href="javascript:void(0);">View Details</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>