/* titulos da página da comissão, pelo tipo da comissão (em FormatadorComissao) */
.sf-atv-cmss-titulo-tipo-comissao {
	color: #3a589b;
}

.sf-atv-cmss-titulo-tipo-cpmi {
	color: #2c5419;
}

.sf-atv-cmss-titulo-tipo-mpv {
	color: #4a2b2b;
}

.sf-atv-cmss-titulo-tipo-cpi {
	color: #494846;
}

.sf-atv-cmss-titulo-tipo-temporaria {
	color: #636363;
}

/* badges pelo tipo da comissão (em FormatadorComissao) */
.sf-atv-cmss-badge-comissao {
	color: white;
	background-color: #3a589b;
}

.sf-atv-cmss-badge-mpv {
	color: white;
	background-color: #4a2b2b;
}

.sf-atv-cmss-badge-cpmi {
	color: white;
	background-color: #2c5419;
}

.sf-atv-cmss-badge-cpi {
	color: white;
	background-color: #494846;
}

.sf-atv-cmss-badge-temporaria {
	color: white;
	background-color: #636363;
}
/* ajuste no badge do título da comissão */
.sf-atv-cmss-titulo-comissao .badge {
	font-size: 50%;
}

/* estilo adicional para o .alert do bootstrap */
.alert-sf-atv-cmss-comunicados {
  color: #333333;
  background-color: #f7f7f7;
  border-color: #e0e0e0;
}

/* tabela de comissões */
.sf-atv-cmss-tabela-comissoes-container {
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

/* lista de comissões */
.sf-atv-cmss-lista-comissoes li {
	border-left: 5px solid black;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
	 
}
/* item da lista de comissões pelo tipo da comissão (em FormatadorComissao) */
li.sf-atv-cmss-lista-comissoes-item--comissao {
	border-left-color: #3a589b;
}

li.sf-atv-cmss-lista-comissoes-item--mpv {
	border-left-color: #4a2b2b;
}

li.sf-atv-cmss-lista-comissoes-item--cpmi {
	border-color: #2c5419;
}

li.sf-atv-cmss-lista-comissoes-item--cpi {
	border-color: #494846;
}

li.sf-atv-cmss-lista-comissoes-item--temporaria {
	border-color: #636363;
}

@media (max-width: 767px) {
	.sf-atv-cmss-playlist { 
		overflow-y: scroll;
		scroll-behavior: smooth;
	}
}
  
@media (min-width: 768px) {
	.sf-atv-cmss-playlist { 
		height: 430px;
		overflow-y: scroll;
		scroll-behavior: smooth;
	}
}

.sf-atv-cmss-item-video.sf-ativo {
  background-color: #e6e9ef;
  -webkit-transition: background-color 1s ease-in-out;
  transition: background-color 1s ease-in-out;
}

.sf-atv-cmss-item-video-duration {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 2px;
	background-color: rgba(0, 0, 0, .55);
	text-align: right;
	color: #fff;
	font-size: 90%
}