.qb-table-shell {
	background: #fff;
	border: 1px solid #afc4b4;
	border-radius: 10px;
	box-shadow: 0 6px 15px rgba(35, 62, 50, .14);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.qb-table-shell .qb-table {
	background: #fff;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	color: #29443b;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
	margin: 0 !important;
	min-width: var(--qb-table-min-width, 620px);
	text-align: center;
	width: 100%;
}

/* Compact history tables should fit their card instead of forcing a scrollbar. */
.qb-table-shell .qb-table.qb-table-fit {
	min-width: 0;
}

.qb-table-shell.qb-table-fit-shell { overflow-x: hidden; }

.qb-table-shell .qb-table.qb-table-fit thead th {
	overflow-wrap: anywhere;
	white-space: normal;
}

.qb-table-shell .qb-table.qb-table-fit tbody td,
.qb-table-shell .qb-table.qb-table-fit tfoot td,
.qb-table-shell .qb-table.qb-table-fit tfoot th {
	overflow-wrap: anywhere;
	word-break: normal;
}

.qb-table-shell .qb-table thead,
.qb-table-shell .qb-table thead.thead-dark,
.qb-table-shell .qb-table thead.thead-light {
	background: linear-gradient(120deg, #2f484c 0%, #426557 62%, #638f6c 100%);
	color: #fff;
}

.qb-table-shell .qb-table thead th {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 3px solid #ff9738 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: .2px;
	padding: 13px 10px !important;
	text-align: center;
	text-shadow: 0 1px 2px rgba(14, 38, 30, .55);
	vertical-align: middle !important;
	white-space: nowrap;
}

.qb-table-shell .qb-table tbody,
.qb-table-shell .qb-table tbody.table-primary,
.qb-table-shell .qb-table tbody.table-light,
.qb-table-shell .qb-table tbody.table-dark {
	background: transparent !important;
	color: #29443b !important;
}

.qb-table-shell .qb-table tbody tr:nth-child(odd) { background: #fff !important; }
.qb-table-shell .qb-table tbody tr:nth-child(even) { background: #edf5ef !important; }
.qb-table-shell .qb-table tbody tr:hover { background: #fff2e3 !important; }

.qb-table-shell .qb-table tbody td {
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid #d7e4da !important;
	color: #29443b;
	font-size: 15px !important;
	font-weight: 600;
	padding: 12px 10px !important;
	text-align: center;
	vertical-align: middle !important;
}

.qb-table-shell .qb-table tbody tr:first-child td { border-top: 0 !important; }
.qb-table-shell .qb-table tbody td.text-left { text-align: left !important; }
.qb-table-shell .qb-table tbody td.text-right { text-align: right !important; }

.qb-table-shell .qb-table tfoot,
.qb-table-shell .qb-table tfoot.thead-dark,
.qb-table-shell .qb-table tfoot.bg-info {
	background: linear-gradient(145deg, #e4efe7 0%, #d4e5d8 100%) !important;
	color: #29443b !important;
}

.qb-table-shell .qb-table tfoot th,
.qb-table-shell .qb-table tfoot td {
	background: transparent !important;
	border: 0 !important;
	border-top: 3px solid #ff9738 !important;
	color: #29443b !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	padding: 11px 10px !important;
	text-align: center;
	vertical-align: middle !important;
}

.qb-table-shell .qb-table a {
	color: #087f91;
	font-weight: 800;
	text-decoration: none;
}

.qb-table-shell .qb-table a:hover { color: #e9842d; text-decoration: underline; }

.qb-table-shell .qb-table .badge {
	border: 1px solid rgba(39, 69, 56, .14);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	padding: 5px 9px;
}

.qb-table-shell .qb-table .btn {
	border-radius: 7px;
	font-size: 14px;
	font-weight: 900;
	min-height: 34px;
	padding: 6px 11px;
}

.qb-table-shell .qb-table .text-success { color: #12823e !important; font-weight: 900; }
.qb-table-shell .qb-table .text-danger { color: #d93645 !important; font-weight: 900; }
.qb-table-shell .qb-table .text-primary,
.qb-table-shell .qb-table .text-info { color: #087f91 !important; font-weight: 900; }
.qb-table-shell .qb-table .text-warning { color: #b96300 !important; font-weight: 900; }

.qb-table-shell .qb-status {
	border: 1px solid transparent;
	border-radius: 999px;
	display: inline-block;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	padding: 5px 9px;
	white-space: nowrap;
}
.qb-table-shell .qb-status-pending { background: #e7f1fb; border-color: #bad3e8; color: #176b9a; }
.qb-table-shell .qb-status-success { background: #e3f4e7; border-color: #b6d9bf; color: #12813d; }
.qb-table-shell .qb-status-warning { background: #fff0d9; border-color: #eccb98; color: #9c5900; }
.qb-table-shell .qb-status-danger { background: #fde7e9; border-color: #efbcc1; color: #c62d3d; }

.qb-table-shell::-webkit-scrollbar { height: 9px; }
.qb-table-shell::-webkit-scrollbar-track { background: #e6eee8; }
.qb-table-shell::-webkit-scrollbar-thumb { background: #6f9b78; border: 2px solid #e6eee8; border-radius: 999px; }

.qb-table-pagination .page-link {
	border-color: #bdd0c1;
	color: #366052;
	font-size: 14px;
	font-weight: 800;
}
.qb-table-pagination .page-item.active .page-link {
	background: #5f916a;
	border-color: #5f916a;
	color: #fff;
}

@media (max-width: 767.98px) {
	.qb-table-shell { border-radius: 8px; }
	.qb-table-shell .qb-table { font-size: 14px; min-width: var(--qb-table-mobile-min-width, 610px); }
	.qb-table-shell .qb-table.qb-table-fit { min-width: 0; }
	.qb-table-shell .qb-table thead th { font-size: 14px !important; padding: 11px 8px !important; }
	.qb-table-shell .qb-table tbody td { font-size: 14px !important; padding: 10px 8px !important; }
	.qb-table-shell .qb-table tfoot th,
	.qb-table-shell .qb-table tfoot td { font-size: 14px !important; }
}