.ui.list.bouliesCustom>.item,
.ui.items.bouliesCustom>.item {
	border: none;
	padding: 1em;
	border-radius: 6px;
	background: #f5f5f5;
	box-shadow: 1px 2px 3px #00000012, 0 0 #dcdcdc;
	position: relative;
	transition: all 300ms ease-in-out;
}

.ui.list.bouliesCustom>.item.actived_item,
.ui.items.bouliesCustom>.item.actived_item,
.ui.list.bouliesCustom>.item:hover,
.ui.items.bouliesCustom>.item:hover {
	box-shadow: 1px 2px 3px #00000036, 0 0 0 4px #dcdcdc;
}

.ui.items.bouliesCustom>.item:before {
	content: attr(data-serial);
	position: absolute;
	font-size: 40px;
	width: 100px;
	height: 42px;
	color: #0000000f;
	top: 0;
	right: 4px;
	font-weight: bold;
	text-align: right;
	line-height: 42px;
}

.ui.items.bouliesCustom>.item.actived_item:before {
	color: #00b5ad;
}