<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Tables - Ace Admin</title>

<meta name="description" content="Static &amp; Dynamic Tables" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!--basic styles-->

<link
	href="<?php echo SITE_URL.'/assets/backend';?>/css/bootstrap.min.css"
	rel="stylesheet" />
<link
	href="<?php echo SITE_URL.'/assets/backend';?>/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="<?php echo SITE_URL.'/assets/backend';?>/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="<?php echo SITE_URL.'/assets/backend';?>/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!--page specific plugin styles-->

<!--fonts-->

<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

<!--ace styles-->

<link rel="stylesheet"
	href="<?php echo SITE_URL.'/assets/backend';?>/css/ace.min.css" />
<link rel="stylesheet"
	href="<?php echo SITE_URL.'/assets/backend';?>/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="<?php echo SITE_URL.'/assets/backend';?>/css/ace-skins.min.css" />


<link rel="stylesheet" type="text/css"
	href="<?php echo SITE_URL.'/assets/backend/css/dataTables.tableTools.css';?>">
<script type="text/javascript"
	src="<?php echo SITE_URL.'/assets/backend/js/site.js?_=0de0e1537b385e5f374a75ddebb8f409';?>"></script>
<script type="text/javascript" language="javascript"
	src="<?php echo SITE_URL.'/assets/backend/js/dataTables.tableTools.js';?>"></script>
<script type="text/javascript">
			
$(document).ready( function () {
    $('#example').dataTable( {
        "dom": 'T<"clear">lfrtip',
        "tableTools": {
            "sSwfPath": "<?php echo SITE_URL.'/assets/backend/js/pdf/copy_csv_xls_pdf.swf';?>"
        }
    } );
} );


</script>



<!--[if lte IE 8]>
		  <link rel="stylesheet" href="<?php echo SITE_URL.'/assets/backend';?>/css/ace-ie.min.css" />
		<![endif]-->

<!--inline styles related to this page-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a href="#" class="brand"> <small> <i class="icon-leaf"></i> Ace
						Admin
				</small>
				</a>
				<!--/.brand-->

				<ul class="nav ace-nav pull-right">
					<li class="grey"><a data-toggle="dropdown" class="dropdown-toggle"
						href="#"> <i class="icon-tasks"></i> <span
							class="badge badge-grey">4</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-ok"></i> 4 Tasks to
								complete</li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">Software Update</span> <span
											class="pull-right">65%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width: 65%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">Hardware Upgrade</span> <span
											class="pull-right">35%</span>
									</div>

									<div class="progress progress-mini progress-danger">
										<div style="width: 35%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">Unit Testing</span> <span
											class="pull-right">15%</span>
									</div>

									<div class="progress progress-mini progress-warning">
										<div style="width: 15%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">Bug Fixes</span> <span
											class="pull-right">90%</span>
									</div>

									<div
										class="progress progress-mini progress-success progress-striped active">
										<div style="width: 90%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="#"> See tasks with details <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="icon-bell-alt icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-warning-sign"></i> 8
								Notifications</li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-pink icon-comment"></i> New
											Comments
										</span> <span class="pull-right badge badge-info">+12</span>
									</div>
							</a></li>

							<li><a href="#"> <i class="btn btn-mini btn-primary icon-user"></i>
									Bob just signed up as an editor ...
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>
											New Orders
										</span> <span class="pull-right badge badge-success">+8</span>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-info icon-twitter"></i>
											Followers
										</span> <span class="pull-right badge badge-info">+11</span>
									</div>
							</a></li>

							<li><a href="#"> See all notifications <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown" class="dropdown-toggle"
						href="#"> <i class="icon-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-envelope-alt"></i> 5
								Messages</li>

							<li><a href="#"> <img
									src="<?php echo SITE_URL.'/assets/backend';?>/avatars/avatar.png"
									class="msg-photo" alt="Alex's Avatar" /> <span class="msg-body">
										<span class="msg-title"> <span class="blue">Alex:</span> Ciao
											sociis natoque penatibus et auctor ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>a
												moment ago</span>
									</span>
								</span>
							</a></li>

							<li><a href="#"> <img
									src="<?php echo SITE_URL.'/assets/backend';?>/avatars/avatar3.png"
									class="msg-photo" alt="Susan's Avatar" /> <span
									class="msg-body"> <span class="msg-title"> <span class="blue">Susan:</span>
											Vestibulum id ligula porta felis euismod ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>20
												minutes ago</span>
									</span>
								</span>
							</a></li>

							<li><a href="#"> <img
									src="<?php echo SITE_URL.'/assets/backend';?>/avatars/avatar4.png"
									class="msg-photo" alt="Bob's Avatar" /> <span class="msg-body">
										<span class="msg-title"> <span class="blue">Bob:</span> Nullam
											quis risus eget urna mollis ornare ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>3:15
												pm</span>
									</span>
								</span>
							</a></li>

							<li><a href="#"> See all messages <i class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="<?php echo SITE_URL.'/assets/backend';?>/avatars/user.jpg"
							alt="Jason's Photo" /> <span class="user-info"> <small>Welcome,</small>
								Jason
						</span> <i class="icon-caret-down"></i>
					</a>

						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
							<li><a href="#"> <i class="icon-cog"></i> Settings
							</a></li>

							<li><a href="#"> <i class="icon-user"></i> Profile
							</a></li>

							<li class="divider"></li>

							<li><a href="#"> <i class="icon-off"></i> Logout
							</a></li>
						</ul></li>
				</ul>
				<!--/.ace-nav-->
			</div>
			<!--/.container-fluid-->
		</div>
		<!--/.navbar-inner-->
	</div>

	<div class="main-container container-fluid">
		<a class="menu-toggler" id="menu-toggler" href="#"> <span
			class="menu-text"></span>
		</a>

		<div class="sidebar" id="sidebar">
			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-small btn-success">
						<i class="icon-signal"></i>
					</button>

					<button class="btn btn-small btn-info">
						<i class="icon-pencil"></i>
					</button>

					<button class="btn btn-small btn-warning">
						<i class="icon-group"></i>
					</button>

					<button class="btn btn-small btn-danger">
						<i class="icon-cogs"></i>
					</button>
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>
			<!--#sidebar-shortcuts-->

			<ul class="nav nav-list">
				<li><a href="index.html"> <i class="icon-dashboard"></i> <span
						class="menu-text"> Dashboard </span>
				</a></li>

				<li><a href="typography.html"> <i class="icon-text-width"></i> <span
						class="menu-text"> Typography </span>
				</a></li>

				<li><a href="#" class="dropdown-toggle"> <i class="icon-desktop"></i>
						<span class="menu-text"> UI Elements </span> <b
						class="arrow icon-angle-down"></b>
				</a>

					<ul class="submenu">
						<li><a href="elements.html"> <i class="icon-double-angle-right"></i>
								Elements
						</a></li>

						<li><a href="buttons.html"> <i class="icon-double-angle-right"></i>
								Buttons &amp; Icons
						</a></li>

						<li><a href="treeview.html"> <i class="icon-double-angle-right"></i>
								Treeview
						</a></li>

						<li><a href="#" class="dropdown-toggle"> <i
								class="icon-double-angle-right"></i> Three Level Menu <b
								class="arrow icon-angle-down"></b>
						</a>

							<ul class="submenu">
								<li><a href="#"> <i class="icon-leaf"></i> Item #1
								</a></li>

								<li><a href="#" class="dropdown-toggle"> <i class="icon-pencil"></i>

										4th level <b class="arrow icon-angle-down"></b>
								</a>

									<ul class="submenu">
										<li><a href="#"> <i class="icon-plus"></i> Add Product
										</a></li>

										<li><a href="#"> <i class="icon-eye-open"></i> View Products
										</a></li>
									</ul></li>
							</ul></li>
					</ul></li>

				<li class="active"><a href="tables.html"> <i class="icon-list"></i>
						<span class="menu-text"> Tables </span>
				</a></li>

				<li><a href="#" class="dropdown-toggle"> <i class="icon-edit"></i> <span
						class="menu-text"> Forms </span> <b class="arrow icon-angle-down"></b>
				</a>

					<ul class="submenu">
						<li><a href="form-elements.html"> <i
								class="icon-double-angle-right"></i> Form Elements
						</a></li>

						<li><a href="form-wizard.html"> <i class="icon-double-angle-right"></i>
								Wizard &amp; Validation
						</a></li>

						<li><a href="wysiwyg.html"> <i class="icon-double-angle-right"></i>
								Wysiwyg &amp; Markdown
						</a></li>
					</ul></li>

				<li><a href="widgets.html"> <i class="icon-list-alt"></i> <span
						class="menu-text"> Widgets </span>
				</a></li>

				<li><a href="calendar.html"> <i class="icon-calendar"></i> <span
						class="menu-text"> Calendar <span
							class="badge badge-transparent tooltip-error"
							title="2&nbsp;Important&nbsp;Events"> <i
								class="icon-warning-sign red bigger-130"></i>
						</span>
					</span>
				</a></li>

				<li><a href="gallery.html"> <i class="icon-picture"></i> <span
						class="menu-text"> Gallery </span>
				</a></li>

				<li><a href="#" class="dropdown-toggle"> <i class="icon-tag"></i> <span
						class="menu-text"> More Pages </span> <b
						class="arrow icon-angle-down"></b>
				</a>

					<ul class="submenu">
						<li><a href="profile.html"> <i class="icon-double-angle-right"></i>
								User Profile
						</a></li>

						<li><a href="pricing.html"> <i class="icon-double-angle-right"></i>
								Pricing Tables
						</a></li>

						<li><a href="invoice.html"> <i class="icon-double-angle-right"></i>
								Invoice
						</a></li>

						<li><a href="login.html"> <i class="icon-double-angle-right"></i>
								Login &amp; Register
						</a></li>
					</ul></li>

				<li><a href="#" class="dropdown-toggle"> <i class="icon-file-alt"></i>

						<span class="menu-text"> Other Pages <span
							class="badge badge-primary ">4</span>
					</span> <b class="arrow icon-angle-down"></b>
				</a>

					<ul class="submenu">
						<li><a href="error-404.html"> <i class="icon-double-angle-right"></i>
								Error 404
						</a></li>

						<li><a href="error-500.html"> <i class="icon-double-angle-right"></i>
								Error 500
						</a></li>

						<li><a href="grid.html"> <i class="icon-double-angle-right"></i>
								Grid
						</a></li>

						<li><a href="blank.html"> <i class="icon-double-angle-right"></i>
								Blank Page
						</a></li>
					</ul></li>
			</ul>
			<!--/.nav-list-->

			<div class="sidebar-collapse" id="sidebar-collapse">
				<i class="icon-double-angle-left"></i>
			</div>
		</div>

		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home home-icon"></i> <a href="#">Home</a> <span
						class="divider"> <i class="icon-angle-right arrow-icon"></i>
					</span></li>
					<li class="active">Tables</li>
				</ul>
				<!--.breadcrumb-->

				<div class="nav-search" id="nav-search">
					<form class="form-search" />
					<span class="input-icon"> <input type="text"
						placeholder="Search ..." class="input-small nav-search-input"
						id="nav-search-input" autocomplete="off" /> <i
						class="icon-search nav-search-icon"></i>
					</span>
					</form>
				</div>
				<!--#nav-search-->
			</div>

			<div class="page-content">
				<div class="page-header position-relative">
					<h1>
						Tables <small> <i class="icon-double-angle-right"></i> Static
							&amp; Dynamic Tables
						</small>
					</h1>
				</div>
				<!--/.page-header-->

				<div class="row-fluid">
					<div class="span12">
						<!--PAGE CONTENT BEGINS-->

						<div class="row-fluid">
							<div class="span12">
								<table id="example" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></th>
											<th>Domain</th>
											<th>Price</th>
											<th class="hidden-480">Clicks</th>

											<th class="hidden-phone"><i
												class="icon-time bigger-110 hidden-phone"></i> Update</th>
											<th class="hidden-480">Status</th>

											<th></th>
										</tr>
									</thead>

									<tbody>
										<tr>
											<td class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></td>

											<td><a href="#">ace.com</a></td>
											<td>$45</td>
											<td class="hidden-480">3,330</td>
											<td class="hidden-phone">Feb 12</td>

											<td class="hidden-480"><span class="label label-warning">Expiring</span>
											</td>

											<td>
												<div class="hidden-phone visible-desktop btn-group">
													<button class="btn btn-mini btn-success">
														<i class="icon-ok bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-warning">
														<i class="icon-flag bigger-120"></i>
													</button>
												</div>

												<div class="hidden-desktop visible-phone">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-primary dropdown-toggle"
															data-toggle="dropdown">
															<i class="icon-cog icon-only bigger-110"></i>
														</button>

														<ul
															class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li><a href="#" class="tooltip-info" data-rel="tooltip"
																title="View"> <span class="blue"> <i
																		class="icon-zoom-in bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-success"
																data-rel="tooltip" title="Edit"> <span class="green"> <i
																		class="icon-edit bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-error" data-rel="tooltip"
																title="Delete"> <span class="red"> <i
																		class="icon-trash bigger-120"></i>
																</span>
															</a></li>
														</ul>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></td>

											<td><a href="#">base.com</a></td>
											<td>$35</td>
											<td class="hidden-480">2,595</td>
											<td class="hidden-phone">Feb 18</td>

											<td class="hidden-480"><span class="label label-success">Registered</span>
											</td>

											<td>
												<div class="hidden-phone visible-desktop btn-group">
													<button class="btn btn-mini btn-success">
														<i class="icon-ok bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-warning">
														<i class="icon-flag bigger-120"></i>
													</button>
												</div>

												<div class="hidden-desktop visible-phone">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-primary dropdown-toggle"
															data-toggle="dropdown">
															<i class="icon-cog icon-only bigger-110"></i>
														</button>

														<ul
															class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li><a href="#" class="tooltip-info" data-rel="tooltip"
																title="View"> <span class="blue"> <i
																		class="icon-zoom-in bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-success"
																data-rel="tooltip" title="Edit"> <span class="green"> <i
																		class="icon-edit bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-error" data-rel="tooltip"
																title="Delete"> <span class="red"> <i
																		class="icon-trash bigger-120"></i>
																</span>
															</a></li>
														</ul>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></td>

											<td><a href="#">max.com</a></td>
											<td>$60</td>
											<td class="hidden-480">4,400</td>
											<td class="hidden-phone">Mar 11</td>

											<td class="hidden-480"><span class="label label-warning">Expiring</span>
											</td>

											<td>
												<div class="hidden-phone visible-desktop btn-group">
													<button class="btn btn-mini btn-success">
														<i class="icon-ok bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-warning">
														<i class="icon-flag bigger-120"></i>
													</button>
												</div>

												<div class="hidden-desktop visible-phone">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-primary dropdown-toggle"
															data-toggle="dropdown">
															<i class="icon-cog icon-only bigger-110"></i>
														</button>

														<ul
															class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li><a href="#" class="tooltip-info" data-rel="tooltip"
																title="View"> <span class="blue"> <i
																		class="icon-zoom-in bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-success"
																data-rel="tooltip" title="Edit"> <span class="green"> <i
																		class="icon-edit bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-error" data-rel="tooltip"
																title="Delete"> <span class="red"> <i
																		class="icon-trash bigger-120"></i>
																</span>
															</a></li>
														</ul>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></td>

											<td><a href="#">best.com</a></td>
											<td>$75</td>
											<td class="hidden-480">6,500</td>
											<td class="hidden-phone">Apr 03</td>

											<td class="hidden-480"><span
												class="label label-inverse arrowed-in">Flagged</span></td>

											<td>
												<div class="hidden-phone visible-desktop btn-group">
													<button class="btn btn-mini btn-success">
														<i class="icon-ok bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-warning">
														<i class="icon-flag bigger-120"></i>
													</button>
												</div>

												<div class="hidden-desktop visible-phone">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-primary dropdown-toggle"
															data-toggle="dropdown">
															<i class="icon-cog icon-only bigger-110"></i>
														</button>

														<ul
															class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li><a href="#" class="tooltip-info" data-rel="tooltip"
																title="View"> <span class="blue"> <i
																		class="icon-zoom-in bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-success"
																data-rel="tooltip" title="Edit"> <span class="green"> <i
																		class="icon-edit bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-error" data-rel="tooltip"
																title="Delete"> <span class="red"> <i
																		class="icon-trash bigger-120"></i>
																</span>
															</a></li>
														</ul>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td class="center"><label> <input type="checkbox" /> <span
													class="lbl"></span>
											</label></td>

											<td><a href="#">pro.com</a></td>
											<td>$55</td>
											<td class="hidden-480">4,250</td>
											<td class="hidden-phone">Jan 21</td>

											<td class="hidden-480"><span class="label label-success">Registered</span>
											</td>

											<td>
												<div class="hidden-phone visible-desktop btn-group">
													<button class="btn btn-mini btn-success">
														<i class="icon-ok bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

													<button class="btn btn-mini btn-warning">
														<i class="icon-flag bigger-120"></i>
													</button>
												</div>

												<div class="hidden-desktop visible-phone">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-primary dropdown-toggle"
															data-toggle="dropdown">
															<i class="icon-cog icon-only bigger-110"></i>
														</button>

														<ul
															class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li><a href="#" class="tooltip-info" data-rel="tooltip"
																title="View"> <span class="blue"> <i
																		class="icon-zoom-in bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-success"
																data-rel="tooltip" title="Edit"> <span class="green"> <i
																		class="icon-edit bigger-120"></i>
																</span>
															</a></li>

															<li><a href="#" class="tooltip-error" data-rel="tooltip"
																title="Delete"> <span class="red"> <i
																		class="icon-trash bigger-120"></i>
																</span>
															</a></li>
														</ul>
													</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--/span-->
						</div>
						<!--/row-->

						<div class="hr hr-18 dotted hr-double"></div>

						<h4 class="pink">
							<i class="icon-hand-right icon-animated-hand-pointer blue"></i> <a
								href="#modal-table" role="button" class="green"
								data-toggle="modal"> Table Inside a Modal Box </a>
						</h4>

						<div class="hr hr-18 dotted hr-double"></div>

						<div class="row-fluid">
							<h3 class="header smaller lighter blue">jQuery dataTables</h3>
							<div class="table-header">Results for "Latest Registered Domains"
							</div>

							<table id="sample-table-2"
								class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></th>
										<th>Domain</th>
										<th>Price</th>
										<th class="hidden-480">Clicks</th>

										<th class="hidden-phone"><i
											class="icon-time bigger-110 hidden-phone"></i> Update</th>
										<th class="hidden-480">Status</th>

										<th></th>
									</tr>
								</thead>

								<tbody>
									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">app.com</a></td>
										<td>$45</td>
										<td class="hidden-480">3,330</td>
										<td class="hidden-phone">Feb 12</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">base.com</a></td>
										<td>$35</td>
										<td class="hidden-480">2,595</td>
										<td class="hidden-phone">Feb 18</td>

										<td class="hidden-480"><span class="label label-success">Registered</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">max.com</a></td>
										<td>$60</td>
										<td class="hidden-480">4,400</td>
										<td class="hidden-phone">Mar 11</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">best.com</a></td>
										<td>$75</td>
										<td class="hidden-480">6,500</td>
										<td class="hidden-phone">Apr 03</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">pro.com</a></td>
										<td>$55</td>
										<td class="hidden-480">4,250</td>
										<td class="hidden-phone">Jan 21</td>

										<td class="hidden-480"><span class="label label-success">Registered</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">team.com</a></td>
										<td>$40</td>
										<td class="hidden-480">3,200</td>
										<td class="hidden-phone">Feb 09</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">up.com</a></td>
										<td>$95</td>
										<td class="hidden-480">8,520</td>
										<td class="hidden-phone">Feb 22</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">view.com</a></td>
										<td>$45</td>
										<td class="hidden-480">4,100</td>
										<td class="hidden-phone">Mar 12</td>

										<td class="hidden-480"><span class="label label-success">Registered</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">nice.com</a></td>
										<td>$38</td>
										<td class="hidden-480">3,940</td>
										<td class="hidden-phone">Feb 12</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">fine.com</a></td>
										<td>$25</td>
										<td class="hidden-480">2,983</td>
										<td class="hidden-phone">Apr 01</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">good.com</a></td>
										<td>$50</td>
										<td class="hidden-480">6,500</td>
										<td class="hidden-phone">Feb 02</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">great.com</a></td>
										<td>$55</td>
										<td class="hidden-480">6,400</td>
										<td class="hidden-phone">Feb 24</td>

										<td class="hidden-480"><span class="label label-success">Registered</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">shine.com</a></td>
										<td>$25</td>
										<td class="hidden-480">2,200</td>
										<td class="hidden-phone">Apr 01</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">rise.com</a></td>
										<td>$42</td>
										<td class="hidden-480">3,900</td>
										<td class="hidden-phone">Feb 01</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">above.com</a></td>
										<td>$35</td>
										<td class="hidden-480">3,420</td>
										<td class="hidden-phone">Mar 12</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">share.com</a></td>
										<td>$30</td>
										<td class="hidden-480">3,200</td>
										<td class="hidden-phone">Feb 11</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">fair.com</a></td>
										<td>$35</td>
										<td class="hidden-480">3,900</td>
										<td class="hidden-phone">Mar 26</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">year.com</a></td>
										<td>$48</td>
										<td class="hidden-480">3,990</td>
										<td class="hidden-phone">Feb 15</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">day.com</a></td>
										<td>$55</td>
										<td class="hidden-480">5,600</td>
										<td class="hidden-phone">Jan 29</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">light.com</a></td>
										<td>$40</td>
										<td class="hidden-480">3,100</td>
										<td class="hidden-phone">Feb 17</td>

										<td class="hidden-480"><span class="label label-success">Registered</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">sight.com</a></td>
										<td>$58</td>
										<td class="hidden-480">6,100</td>
										<td class="hidden-phone">Feb 19</td>

										<td class="hidden-480"><span
											class="label label-inverse arrowed-in">Flagged</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">right.com</a></td>
										<td>$50</td>
										<td class="hidden-480">4,400</td>
										<td class="hidden-phone">Apr 01</td>

										<td class="hidden-480"><span class="label label-warning">Expiring</span>
										</td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>

									<tr>
										<td class="center"><label> <input type="checkbox" /> <span
												class="lbl"></span>
										</label></td>

										<td><a href="#">once.com</a></td>
										<td>$20</td>
										<td class="hidden-480">1,400</td>
										<td class="hidden-phone">Apr 04</td>

										<td class="hidden-480"><span
											class="label label-info arrowed arrowed-righ">Sold</span></td>

										<td class="td-actions">
											<div class="hidden-phone visible-desktop action-buttons">
												<a class="blue" href="#"> <i class="icon-zoom-in bigger-130"></i>
												</a> <a class="green" href="#"> <i
													class="icon-pencil bigger-130"></i>
												</a> <a class="red" href="#"> <i
													class="icon-trash bigger-130"></i>
												</a>
											</div>

											<div class="hidden-desktop visible-phone">
												<div class="inline position-relative">
													<button class="btn btn-minier btn-yellow dropdown-toggle"
														data-toggle="dropdown">
														<i class="icon-caret-down icon-only bigger-120"></i>
													</button>

													<ul
														class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
														<li><a href="#" class="tooltip-info" data-rel="tooltip"
															title="View"> <span class="blue"> <i
																	class="icon-zoom-in bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-success" data-rel="tooltip"
															title="Edit"> <span class="green"> <i
																	class="icon-edit bigger-120"></i>
															</span>
														</a></li>

														<li><a href="#" class="tooltip-error" data-rel="tooltip"
															title="Delete"> <span class="red"> <i
																	class="icon-trash bigger-120"></i>
															</span>
														</a></li>
													</ul>
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<div id="modal-table" class="modal hide fade" tabindex="-1">
							<div class="modal-header no-padding">
								<div class="table-header">
									<button type="button" class="close" data-dismiss="modal">&times;</button>
									Results for "Latest Registered Domains"
								</div>
							</div>

							<div class="modal-body no-padding">
								<div class="row-fluid">
									<table
										class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
										<thead>
											<tr>
												<th>Domain</th>
												<th>Price</th>
												<th>Clicks</th>

												<th><i class="icon-time bigger-110"></i> Update</th>
											</tr>
										</thead>

										<tbody>
											<tr>
												<td><a href="#">ace.com</a></td>
												<td>$45</td>
												<td>3,330</td>
												<td>Feb 12</td>
											</tr>

											<tr>
												<td><a href="#">base.com</a></td>
												<td>$35</td>
												<td>2,595</td>
												<td>Feb 18</td>
											</tr>

											<tr>
												<td><a href="#">max.com</a></td>
												<td>$60</td>
												<td>4,400</td>
												<td>Mar 11</td>
											</tr>

											<tr>
												<td><a href="#">best.com</a></td>
												<td>$75</td>
												<td>6,500</td>
												<td>Apr 03</td>
											</tr>

											<tr>
												<td><a href="#">pro.com</a></td>
												<td>$55</td>
												<td>4,250</td>
												<td>Jan 21</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>

							<div class="modal-footer">
								<button class="btn btn-small btn-danger pull-left"
									data-dismiss="modal">
									<i class="icon-remove"></i> Close
								</button>

								<div class="pagination pull-right no-margin">
									<ul>
										<li class="prev disabled"><a href="#"> <i
												class="icon-double-angle-left"></i>
										</a></li>

										<li class="active"><a href="#">1</a></li>

										<li><a href="#">2</a></li>

										<li><a href="#">3</a></li>

										<li class="next"><a href="#"> <i
												class="icon-double-angle-right"></i>
										</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!--PAGE CONTENT ENDS-->
					</div>
					<!--/.span-->
				</div>
				<!--/.row-fluid-->
			</div>
			<!--/.page-content-->

			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-mini btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-class="default" value="#438EB9" />#438EB9
								<option data-class="skin-1" value="#222A2D" />#222A2D
								<option data-class="skin-2" value="#C6487E" />#C6487E
								<option data-class="skin-3" value="#D0D0D0" />#D0D0D0
							</select>
						</div>
						<span>&nbsp; Choose Skin</span>
					</div>

					<div>
						<input type="checkbox" class="ace-checkbox-2"
							id="ace-settings-header" /> <label class="lbl"
							for="ace-settings-header"> Fixed Header</label>
					</div>

					<div>
						<input type="checkbox" class="ace-checkbox-2"
							id="ace-settings-sidebar" /> <label class="lbl"
							for="ace-settings-sidebar"> Fixed Sidebar</label>
					</div>

					<div>
						<input type="checkbox" class="ace-checkbox-2"
							id="ace-settings-breadcrumbs" /> <label class="lbl"
							for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
					</div>

					<div>
						<input type="checkbox" class="ace-checkbox-2"
							id="ace-settings-rtl" /> <label class="lbl"
							for="ace-settings-rtl"> Right To Left (rtl)</label>
					</div>
				</div>
			</div>
			<!--/#ace-settings-container-->
		</div>
		<!--/.main-content-->
	</div>
	<!--/.main-container-->

	<a href="#" id="btn-scroll-up"
		class="btn-scroll-up btn btn-small btn-inverse"> <i
		class="icon-double-angle-up icon-only bigger-110"></i>
	</a>

	<!--basic scripts-->

	<!--[if !IE]>-->



	<!--<![endif]-->

	<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

	<!--[if !IE]>-->

	<script type="text/javascript">
			window.jQuery || document.write("<script src='<?php echo SITE_URL.'/assets/backend';?>/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

	<!--<![endif]-->



	<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='<?php echo SITE_URL.'/assets/backend';?>/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
	<script
		src="<?php echo SITE_URL.'/assets/backend';?>/js/bootstrap.min.js"></script>

	<!--page specific plugin scripts-->
	<script
		src="<?php echo SITE_URL.'/assets/backend';?>/js/jquery.dataTables.min.js"></script>
	<script
		src="<?php echo SITE_URL.'/assets/backend';?>/js/jquery.dataTables.bootstrap.js"></script>

	<!--ace scripts-->

	<script
		src="<?php echo SITE_URL.'/assets/backend';?>/js/ace-elements.min.js"></script>
	<script src="<?php echo SITE_URL.'/assets/backend';?>/js/ace.min.js"></script>

	<!--inline scripts related to this page-->



</body>
</html>