.characterlist {
	background: #f5f5f5;
}

.characterlistBody {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.characterlist_filter {
	width: 20%;
}

.characterlist_filterButton {
	cursor: pointer;
	padding: 2px;
	transition: 0.3s;
}

.characterlist_filterButton:hover {
	background-color: #ddd;
}

.characterlist_filterButton.characterlist_filterChecked {
	background-color: #ccc;
}

.characterlist_characters {
	width: 80%;
}

.characterlistTable_legend {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 5px;
	text-align: center;
	font-weight: bold;
}

.characterlistTable_legend-div {
	width: 100%;
}

.characterlist_character {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	padding: 5px;
	box-sizing: border-box;
}

.characterlist_characterBit {
    width: 100%;
}