.discourses-component {
	position: relative;
	width: inherit;
	height: inherit;
}

.discourses-component .item {
	cursor: pointer;
}

.discourses-component .category {
	display: none;
}

.discourses-component .item {
	color: $dark-blue;
	text-align: center;
	font-size: 12px;
	position: absolute;
	display: inline-block;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}

.discourses-component .item::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}

.discourses-component .item:hover,
.discourses-component .item.selected {
	color: $light-blue;
	background-color: $medium-blue!important;
	border-color: $light-blue!important;
}

.discourses-component .item span {
	display: inline-block;
	text-align: center;
}


.discourses-component .item span .count {
	font-weight: bold;
	display: block;
}