/* version 20221207-1900-RF */

.agenda > ol {
	list-style: none;
	overflow: hidden;
	scrollbar-gutter: stable;
	max-height: 100%;
	padding: 1rem 0;
	margin: 0;
}

.agenda > ol > li {
	margin: 0 0 3px 0;
	padding: 0.1rem 0.5rem;
	font-size: 0.90rem;
	border-width: 1px;
	border-color: transparent;
	border-radius: 0;
	border-style: solid;
	cursor: pointer;
}

	.agenda > ol > li        .badge       { font-size: 0.8rem; font-weight: 300; }
	.agenda > ol > li       a.badge:hover { background-color: #fff; color: var(--app-theme-color-base); }
	.agenda > ol > li:hover a.badge:hover { background-color: #fff; color: var(--app-theme-color-base); }

	.agenda > ol > li.active, 
	.agenda > ol > li.active a:not(.badge),
	.agenda > ol > li:hover,
	.agenda > ol > li:hover  a:not(.badge) {
		color: var(--app-theme-color-base);
	}

	.agenda > ol > li.active, 
	.agenda > ol > li:hover {
		border-radius: 20px;
		border-color: var(--app-theme-color-base);
		background-color: #ededed;
	}

	.agenda > ol > li.active             { border-style:  solid!important; }
	.agenda > ol > li:not(.active):hover { border-style: dashed; }

.agenda > ol > li img {
	height: 2.4rem;
}

.agenda > ol > li .index-bullet {
	border-radius: 50%;
	padding: 0.1rem;
	margin: 7px 0 0 0;
	width: 2rem;
	height: 2rem;
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	display: inline-block;
	background: var(--app-theme-color-base);
	border: 1px solid var(--app-theme-color-base);
}

.agenda > ol > li .index-text {
	font-weight: 500;
	max-height: 1.5rem;
	white-space: nowrap;
}

.agenda > ol > li.topic   {
	border-top: 1px dashed var(--app-theme-color-base);
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

	.agenda > ol > li.topic .index-bullet,
	.agenda > ol > li.vote  .index-bullet {
		padding: 0;
		border-width: 2px;
		background-color: white;
		color: var(--app-theme-color-base);
	}

	.agenda > ol > li.topic .index-bullet,
	.agenda > ol > li.topic .index-text,
	.agenda > ol > li.topic .index-duration {
		font-weight: 700;
	}

/* #media-transcription .agenda */
#media-transcription .agenda > ol .attachment {
	display: none;
}
@media (min-width: 992px) {
	#media-transcription .agenda {
		max-height: var(--app-theme-media-tabs-height);
		position:sticky;
		top:0;
		padding:0 0.5rem;
		margin:0;
	}

	.agenda > ol:hover {
		overflow-y: auto;
	}
}

@media (max-width: 991px) {
	#media-transcription .agenda {
		height: 150px;
		padding-right:0;
	}
	#media-transcription .agenda > ol {
		overflow-y: auto;
		scrollbar-gutter: stable;
		border-bottom: solid 1px #ccc;
		padding-right:1rem;
	}
}