.table {
	width: 100%;
    border-collapse: collapse;
    color: #222;
}

.table thead th {
    position: relative;
	padding: 32px 20px;
    border-bottom: 2px #f0f0f0 solid;
	background: #fafafa;
    font-size: medium;
    color: #444;
}

.table thead th:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    overflow: hidden;
    border-right: 1px #ddd solid;
}

.table tbody td {
	padding: 12px 20px;
    border-bottom: 1px #ddd solid;
    font-size: medium;
}

.table th a {
	color: #48a;
	text-decoration: none;
}

.table-bordered {
	border-collapse: collapse;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
	border: 1px #def solid;
}

.table th a {
    display: inline-flex;
}

.table th a.asc:after {
    content: '↓';
    margin-left: 4px;
}

.table th a.desc:after {
    content: '↑';
    margin-left: 4px;
}

.table-sm thead th { font-size: .95rem }
.table-xs thead th { font-size: .9rem }
.table-p-xs thead th { padding: 4px 8px }
.table-p-sm thead th { padding: 8px 16px }
.table-p-md thead th { padding: 12px 16px }
.table-p-lg thead th { padding: 16px 20px }
.table-p-xl thead th { padding: 20px 24px }

.table-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pagination {
    display: flex;
    list-style: none;
}

.pagination li {
    margin: 0 2px;
}

.pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border: 1px #c3e6ff solid;
    border-radius: 4px;
    text-decoration: none;
}

.pagination a:hover {
    border-color: #4376b3;
    background: #f8f8f8;
}

.pagination .active a {
    border-color: #83a6f3;
    background: #f8fcff;
}

.pagination .disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border: 1px #ddd solid;
    border-radius: 4px;
    color: #888;
}

.table-subheader > * {
    padding: 20px 20px;
    border-bottom: 2px #ddd solid;
    background: #fafafa;
    text-align: left;
    font-size: medium;
    color: #444;
}