<style>.card .table td, .card .table th {padding-right: 1rem;padding-left: 1rem;}</style>
<div class="container-fluid" id="container-wrapper">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
		<h1 class="h3 mb-0 text-gray-800">Account demo</h1>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="./">Home</a></li>
			<li class="breadcrumb-item active" aria-current="page">Account demo</li>
		</ol>
	</div>
	<div class="row">
        <div class="col-md-12">
            <div class="card">
				<div class="card-header  d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">List Account Demo</h6>
				</div>
				<div class="card-body">
					<table class="table table-bordered table-striped table-mailcard" id="data_Table">
						<thead>
							<tr>
								<th style="width:1% !important;">No</th>
								<th>Email</th>
								<th>Password</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1.</td>
								<td>admindemo@my.id</td>
								<td>12345</td>
							</tr>
							<tr>
								<td>2.</td>
								<td>owner@my.id</td>
								<td>12345</td>
							</tr>
							<tr>
								<td>3.</td>
								<td>kasir@my.id</td>
								<td>12345</td>
							</tr>
							<tr>
								<td>4.</td>
								<td>desain@my.id</td>
								<td>12345</td>
							</tr>
							<tr>
								<td>5.</td>
								<td>op@my.id</td>
								<td>12345</td>
							</tr>
							<tr>
								<td>6.</td>
								<td>keuangan@my.id</td>
								<td>12345</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>