.card-guardmen div {
	border: 1px solid gray;
	background-color: #ccffcc;
}

.card-specialists div {
	border: 1px solid gray;
	background-color: #ccffff;
}

.card-monsters div {
	border: 1px solid gray;
	background-color: #ccccff;
}

.card-engineers div {
	border: 1px solid gray;
	background-color: #fcffcc;
}

.card-result div {
	padding: .25em;
}

.card-result div:nth-child(2) {
	text-align: center;
}

.card-result div:nth-child(3) {
	text-align: center;
	font-weight: 600;
}


.card-result div:first-child {
	border-right: none !important;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	text-align: left;
}

.card-result div:last-child {
	border-left: none !important;
	border-top-left-radius: 0.0em;
	border-bottom-left-radius: 0.0em;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	text-align: right;
}

.quantity {
	width: 94px;
	background-color: transparent !important;
	background: linear-gradient(to right, #0000 0%, #000f 65%, #000f 15%);
	background-color: rgba(0, 0, 0, 0);
	position: relative;
	bottom: 29px;
	border: none !important;
	border-left-width: medium;
	border-left-style: none;
	border-left-color: currentcolor;
	border-radius: 0px 0px 8px 8px !important;
	line-height: 1px !important;
	color: #ffffff !important;
	margin-right: auto;
	padding: .65em !important;
	display: block;
	height: 1.25em;
	align-content: center;
	margin-left: 6px !important;
}

.ubadge {
	padding: .25em .5em;
	font-size: 1.5em;
	font-weight: 900;
	border-radius: 40%;
	color: #000000;
}


.ubadge-S6,
.ubadge-G6,
.ubadge-E6,
.ubadge-M6 {
	background-color: red;
	border: 1px solid rgba(255, 0, 0, 0.404);
}

.ubadge-S7,
.ubadge-G7,
.ubadge-E7,
.ubadge-M7 {
	background-color: yellow;
	border: 1px solid #c8c804;
}

.ubadge-S8,
.ubadge-G8,
.ubadge-E8,
.ubadge-M8 {
	background-color: lightgrey;
	border: 1px solid gray;

}

.ubadge-S9,
.ubadge-G9,
.ubadge-E9,
.ubadge-M9 {
	background-color: green;
	border: 1px solid greenyellow;
	color: #ffffff;

}

.active {
	border: 2px solid #00c3ff !important;
}

.sort-button[data-dir="dn"]::after {
	content: ' \1F805';
	color: yellow;
}

.sort-button[data-dir="up"]::after {
	content: ' \1F807';
	color: yellow;
}

.death-item {
	cursor: grab;
	margin: 5px;
}

.death-item:active {
	cursor: grabbing;
}



.level-4 {
	background-color: #c17400 !important
}

.level-5 {
	background-color: #c100c1 !important
}

.level-6 {
	background-color: #c10000 !important
}


.level-7 {
	background-color: #c1c100 !important
}


.level-8 {
	background-color: #c1c1c1 !important;
	color: #000000;
}

.level-9 {
	background-color: #00c100 !important
}



.divi-S {
	border-left: .75em solid red;
}

.divi-E {
	border-left: .75em solid #3adf82;
}

.divi-G {
	border-left: .75em solid blue;
}

.divi-M {
	border-left: .75em solid magenta;
}