.native-table {
	clear: both;
	width: 100%;
}

.native-table-toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.75rem;
}

.native-table-container {
	overflow-x: auto;
}

.native-table-grid {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0;
	width: 100%;
}

.native-table-standalone .native-table-grid th,
.native-table-standalone .native-table-grid td {
	border: 1px solid #dee2e6;
	padding: 0.5rem;
	vertical-align: middle;
}

.native-table-standalone .native-table-grid tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.025);
}

.native-table-standalone .native-table-grid tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.045);
}

.native-table-search {
	max-width: 20rem;
}

.native-table-standalone .native-table-search {
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	color: #212529;
	display: block;
	font: inherit;
	line-height: 1.5;
	padding: 0.375rem 0.75rem;
	width: 100%;
}

.native-table-standalone .native-table-search:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	outline: 0;
}

.native-table-sortable {
	cursor: pointer;
	padding-right: 1.5rem !important;
	position: relative;
}

.native-table-sortable::after {
	content: "↕";
	opacity: 0.45;
	position: absolute;
	right: 0.5rem;
}

.native-table-sortable[aria-sort="ascending"]::after {
	content: "↑";
	opacity: 1;
}

.native-table-sortable[aria-sort="descending"]::after {
	content: "↓";
	opacity: 1;
}