.xpTable {
	margin-bottom: 15px;
	position: relative;
}
.xpTable th, .xpTable td {
	text-align: right;
	border: 1px solid gray;
	padding: 5px 4px;
	max-width: 200px;
}
.xpTable th {
	text-align: center;
}
.xpTable td:nth-child(1) {
	text-align: center;
}


.xpTable .nodata::after {
	content: 'no data';
	position: relative;
	color: gray;
	font-size: 11px;
}
.nowrap {
	white-space: nowrap;
}
.xpTableDiv th:first-child, .xpTableDiv td:first-child {
	position: -webkit-sticky;
	position:sticky;
	left:0px;
	background-color: #101d2a;
	color: white;
	z-index: 10;
}
.xpTableDiv table tbody td {
	border: 1px solid gray;
}
.xpTableDiv table tbody tr:hover {
	background-color: #4e4e4e;
}
.xpTableDiv table.bonus tbody td:nth-child(1) {
	text-align: left;
}
.xpTableDiv table tbody td:nth-child(1) {
	/* max-width: 80px; */
}
@media (max-width: 800px) {
	.xpTableDiv table > tbody > tr > td {
		line-height: 1em;
		padding: 5px 3px;
	}
	.xpTableDiv table tbody td, .xpTableDiv table th {
		font-size: 12px;
	}
}
@media (max-width: 400px) {
	.xpTableDiv table > tbody > tr > td {
		line-height: 1em;
		padding: 5px 2px;
	}
	.xpTableDiv table tbody td, .xpTableDiv table th {
		font-size: 10px;
	}
	.setResearchBoost {
		zoom: 0.9;
	}
	.xpTable img {
		width: 20px;
		height: auto;
	}
}