@charset "UTF-8";

/* #################################### SESSÃO PLENÁRIA #################################### */
#sp_conteudo, #sp_conteudo *, #sp_conteudo *:before, #sp_conteudo *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* SESSÕES PLENÁRIAS */
#sp_conteudo {}
#sp_conteudo img { border: 0; margin: 0; }

/* SESSÃO A OCORRER */
.sp_sessao_ocorrer { width: 100px; height: 22px; line-height: 20px; text-align: center; background: #008d3b; border-radius: 4px; font-size: 11px; color: #fff; letter-spacing: .5px; position: absolute; top: 50%; right: 0; margin-top: -15px; cursor: pointer; }
.sp_sessao_ocorrer span { vertical-align: middle; padding-top: 2px; }
.sp_sessao_ocorrer i { font-size: 15px; color: #017933; margin-right: 4px; vertical-align: middle; }

#sp_conteudo .sw_txt_tooltip { text-decoration: none !important; }

/****** LISTAGEM ******/
#sp_conteudo .sp_area_listagem {}

/* BUSCA */
/* AREA CAMPOS DO FORMULÁRIO */
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_titulo_sessao { width: 75%; width: calc(100% - 180px); }
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_numero_sessao { width: 25%; width: calc(180px); }
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_tipo_sessao { width: 40%; width: calc(100% - 500px); }
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_data_inicial { width: 20%; width: calc(160px); }
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_data_final { width: 20%; width: calc(160px); }
/* BOTÃO */
#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 20%; width: calc(180px) }

/* LISTAGEM DAS SESSÕES */
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes { padding-top: 10px; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria { padding: 10px 15px; background: #f9f9fa; border: solid 1px #e5e5e5; border-radius: 4px; margin-top: 15px; position: relative; font-size: 0 !important; transition: 0.2s; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria:hover { background: #fefefe; border-color: #ddd; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao { border-bottom: solid 1px #e5e5e5; position: relative; padding-bottom: 5px; padding-right: 100px; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao .sp_tipo_sessao { display: table; vertical-align: middle; margin-right: 5px; padding: 3px 5px; background: #ebedf0; border: solid 1px #e0e3e8; border-radius: 4px; font-size: 9px; color: #444; text-transform: uppercase; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao .sp_titulo_sessao { font-size: 15px; color: #444; margin-top: 3px; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao .sp_sessao_ocorrer {}
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao { position: relative; padding-top: 5px; padding-right: 160px; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao { display: inline-block; vertical-align: middle; margin: 5px 0; margin-right: 10%; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_icone_info { width: 25px; height: 25px; line-height: 23px; display: inline-block; vertical-align: middle; text-align: center; background: #ebedf0; border: solid 1px #e5e5e5; border-radius: 4px; font-size: 11px; color: #666;}
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info { display: inline-block; vertical-align: middle; padding-left: 5px; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info > div { display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info > div:last-child:after { content: ""; width: 1px; position: absolute; top: 20%; bottom: 20%; left: -12px; background: #ddd; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info > div:first-child:after { display: none; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info .sw_lato_bold { font-size: 13px; color: #333; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info .sw_lato { font-size: 13px; color: #666; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_area_arquivos_sessao { position: absolute; bottom: 5px; right: 0; text-align: right; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_area_arquivos_sessao .sp_arquivo_sessao { width: 25px; height: 25px; line-height: 23px; display: inline-block; vertical-align: middle; text-align: center; background: #d4e8f9; border: solid 1px #c3daed; border-radius: 4px; font-size: 11px; color: #3d6d92; margin-left: 4px; transition: 0.2s; }
#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_area_arquivos_sessao .sp_arquivo_sessao:hover { background: #ddefff; border-color: #d4e8f9 }


/* ***  SESSÕES - INTERNA *** */
#sp_conteudo .sp_area_sessao_interna { padding-top: 25px;}

/* TÍTULO SESSÃO */
#sp_conteudo .sp_area_sessao_interna .sp_titulo_sessao { font-size: 17px; color: #333; border-bottom: solid 1px #dadde4; padding-bottom: 8px; padding-right: 100px; position: relative; margin-bottom: 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_titulo_sessao .sp_sessao_ocorrer {}
/* INFO SESSÃO */
#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao { font-size: 0 !important; }
#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao { width: 33%; display: inline-block; vertical-align: middle; padding: 5px 0; }

#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_icone_info { width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; text-align: center; background: #ebedf0; border: solid 1px #e5e5e5; border-radius: 4px; font-size: 14px; color: #666; }
#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao { width: calc(100% - 40px); display: inline-block; vertical-align: middle; padding-left: 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao .sp_descricao_info { font-size: 12px; color: #666; }
#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao .sp_descricao_info strong { font-size: 11px; color: #333; }
/* DESCRIÇÃO */
#sp_conteudo .sp_area_sessao_interna .sp_descricao_sessao { margin-top: 15px; font-size: 14px; color: #666; text-align: justify; letter-spacing: 0.2px; line-height: 125%; word-spacing: 3px; position: relative; overflow: hidden; word-break: break-word; }

/* ABA SESSÃO */
/* BOTÃO DE DOWNLOAD DOS ARQUIVOS DA SESSÃO */
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao { padding: 0 10px; margin-bottom: 20px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao { background: #f4f5f7; border: solid 1px #e1e4e9; border-radius: 4px; padding: 10px; margin-bottom: 10px; font-size: 0 !important; transition: 0.2s; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao:hover { background: #f9fafb; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_icone_btn_download { width: 25px; height: 25px; line-height: 25px; display: inline-block; vertical-align: middle; text-align: center; background: #ebedf0; border: solid 1px #e1e4e9; border-radius: 4px; font-size: 12px; color: #555; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_area_info_btn_download { width: calc(100% - 30px); display: inline-block; vertical-align: middle; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_area_info_btn_download .sp_descricao_arquivo { width: 120px; display: inline-block; vertical-align: middle; font-size: 14px; color: #333; padding-left: 5px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_area_info_btn_download .sp_icone_arquivo { width: 20px; height: 20px; display: inline-block; vertical-align: middle; border-radius: 100%; overflow: hidden; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_area_info_btn_download .sp_icone_arquivo img { width: 100%; height: 100%; object-fit: cover; }
#sp_conteudo .sp_area_sessao_interna .sp_area_download_arquivos_sessao .sp_btn_download_arquivo_sessao .sp_area_info_btn_download .sp_tamanho_arquivo { height: 10px; line-height: 10px; display: inline-block; vertical-align: middle; font-size: 10px; color: #777; margin-left: 10px; border-left: solid 1px #ddd; padding-left: 8px; }
/* PROPOSIÇÕES */
#sp_conteudo .sp_area_sessao_interna .sp_area_proposicoes { padding: 0 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_proposicoes .prop_proposicao { margin: 0; margin-top: 10px; }


/* ABA MÍDIAS */
/* ÁUDIOS */
#sp_conteudo .sp_area_sessao_interna .sp_area_audios_sessao { padding: 0 10px; margin-bottom: 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_audios_sessao .sp_cont_audio { margin-bottom: 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_audios_sessao .sp_cont_audio:last-child { margin-bottom: 0; }
#sp_conteudo .sp_area_sessao_interna .sp_area_audios_sessao .sp_cont_audio audio { width: 100% !important; background: #f1f3f4; border-radius: 4px; overflow: hidden; }
/* VÍDEOS */
#sp_conteudo .sp_area_sessao_interna .sp_area_videos_sessao { padding: 0 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_videos_sessao .sp_cont_video { background: #1f2023; border-radius: 4px; overflow: hidden; }
#sp_conteudo .sp_area_sessao_interna .sp_area_videos_sessao .sp_cont_video .sp_cont_iframe_video { width: 100%; max-width: 500px; height: 280px; height: 56.25vw; max-height: 280px; position: relative; margin: auto; overflow: hidden; }
#sp_conteudo .sp_area_sessao_interna .sp_area_videos_sessao .sp_cont_video .sp_cont_iframe_video iframe { width: 100% !important; height: 100% !important; border: 0 !important; position: absolute; top: 0; left: 0; }

/* ABA PRESENÇA DOS VEREADORES */
#sp_conteudo .sp_area_sessao_interna .sp_area_presenca_vereadores { padding: 0 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_presenca_vereadores .prop_area_resultado_legenda { padding-top: 0; }
#sp_conteudo .sp_area_sessao_interna .sp_area_presenca_vereadores .sp_cont_presenca_vereadores { font-size: 0 !important; }

/* ABA NOTÍCIAS */
#sp_conteudo .sp_area_sessao_interna .sp_area_noticias { padding: 0 10px; margin-bottom: 10px; }
#sp_conteudo .sp_area_sessao_interna .sp_area_noticias .vinc_titulo_vinculos { display: none; }
#sp_conteudo .sp_area_sessao_interna .sp_area_noticias .vinc_area_noticias_vinculadas { margin-top: 10px; }

/* #################################### FIM SESSÃO PLENÁRIA #################################### */


/* #################################### MEDIAS #################################### */
@media (max-width: 800px) {

	/* LISTAGEM DAS SESSÕES */
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao { padding-right: 0; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_titulo_sessao .sp_sessao_ocorrer { top: -3px; right: -20px; margin-top: 0; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao { padding-right: 0; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao { display: block; margin-right: 0; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info { width: calc(100% - 27px); }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_area_arquivos_sessao { position: static; padding-bottom: 3px; }

	/* ***** INTERNA ***** */

	/* TÍTULO SESSÃO */
	#sp_conteudo .sp_area_sessao_interna .sp_titulo_sessao { padding-right: 0; }
	#sp_conteudo .sp_area_sessao_interna .sp_titulo_sessao .sp_sessao_ocorrer { position: static; margin: 5px 0; }
	/* INFO SESSÃO */
	#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao { width: 100%; display: block; }
	#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_icone_info { width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; text-align: center; background: #ebedf0; border: solid 1px #e5e5e5; border-radius: 4px; font-size: 14px; color: #666; }
	#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao { width: calc(100% - 40px); display: inline-block; vertical-align: middle; padding-left: 10px; }
	#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao .sp_descricao_info { font-size: 12px; color: #666; }
	#sp_conteudo .sp_area_sessao_interna .sp_area_info_sessao .sp_cont_info_sessao .sp_info_sessao .sp_descricao_info strong { font-size: 11px; color: #333; }
	
}

@media (max-width: 480px) {

	/* BUSCA */
	/* AREA CAMPOS DO FORMULÁRIO */
	#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_titulo_sessao { width: 100%; }
	#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_numero_sessao { width: 100%; }
	#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_tipo_sessao { width: 100%; }
	#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_data_inicial { width: 50%; }
	#sp_conteudo .sp_area_listagem .sw_area_busca .sw_area_form_busca .sp_form_data_final { width: 50%; }

	/* LISTAGEM DAS SESSÕES */
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_icone_info { width: 30px; height: 30px; line-height: 28px; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info { width: calc(100% - 32px); }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_info_sessao .sp_descricao_info > div:after { display: none; }
	#sp_conteudo .sp_area_listagem .sp_area_listagem_sessoes .sp_sessao_plenaria .sp_area_info_sessao .sp_area_arquivos_sessao { padding: 5px 0; }
}
/* #################################### FIM MEDIAS #################################### */