@charset "UTF-8";

/* #################################### AUDIÊNCIAS PÚBLICAS #################################### */
#ap_conteudo, #ap_conteudo *, #ap_conteudo *:before, #ap_conteudo *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* AUDIÊNCIAS PÚBLICAS */
#ap_conteudo {}
#ap_conteudo img { border: 0; margin: 0; }

/* AUDIÊNCIA A OCORRER */
.ap_audiencia_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; }
.ap_audiencia_ocorrer span { vertical-align: middle; padding-top: 2px; }
.ap_audiencia_ocorrer .swfa { font-size: 15px; color: #017933; margin-right: 4px; vertical-align: middle; }

/****** LISTAGEM ******/
#ap_conteudo .ap_area_listagem {}

/* BUSCA */
/* AREA CAMPOS DO FORMULÁRIO */
#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_palavra_chave { width: 40%; width: calc(100% - 750px); }
#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_categoria { width: 20%; width: calc(250px); }
#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_data_inicial { width: 20%; width: calc(160px); }
#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_data_final { width: 20%; width: calc(160px); }
/* BOTÃO */
#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 20%; width: calc(180px) }

/* LISTAGEM DAS AUDIÊNCIAS PÚBLICAS */
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias { padding-top: 10px; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica { padding: 10px 15px; background: #f9f9fa; border: solid 1px #e5e5e5; border-radius: 4px; margin-top: 15px; position: relative; font-size: 0 !important; transition: 0.2s; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica:hover { background: #fefefe; border-color: #ddd; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_titulo_audiencia { border-bottom: solid 1px #e5e5e5; position: relative; padding-bottom: 5px; padding-right: 100px; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_titulo_audiencia .ap_titulo_audiencia { font-size: 15px; color: #444; margin-top: 3px; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_titulo_audiencia .ap_audiencia_ocorrer {}
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia { position: relative; padding-top: 5px; padding-right: 160px; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia { display: inline-block; vertical-align: middle; margin: 5px 0; margin-right: 10%; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_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;}
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info { display: inline-block; vertical-align: middle; padding-left: 5px; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info > div { display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info > div:last-child:after { content: ""; width: 1px; position: absolute; top: 20%; bottom: 20%; left: -12px; background: #ddd; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info > div:first-child:after { display: none; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info .sw_lato_bold { font-size: 13px; color: #333; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info .sw_lato { font-size: 13px; color: #666; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_area_arquivos_audiencia { position: absolute; bottom: 5px; right: 0; text-align: right; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_area_arquivos_audiencia .ap_arquivo_audiencia { 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; }
#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_area_arquivos_audiencia .ap_arquivo_audiencia:hover { background: #ddefff; border-color: #d4e8f9 }

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

    /* BUSCA */
	/* AREA CAMPOS DO FORMULÁRIO */
	#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_palavra_chave { width: 100%; }
	#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_categoria { width: 100%; }
	#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_data_inicial { width: 50%; }
	#ap_conteudo .ap_area_listagem .sw_area_busca .sw_area_form_busca .ap_form_data_final { width: 50%; }

	/* LISTAGEM DAS AUDIÊNCIAS PÚBLICAS */
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia { padding-right: 0; }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia { display: block; margin-right: 0; }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info { width: calc(100% - 27px); }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_area_arquivos_audiencia { position: static; padding-bottom: 3px; }
}

@media (max-width: 600px) {

	/* LISTAGEM DAS AUDIÊNCIAS PÚBLICAS */
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_icone_info { width: 30px; height: 30px; line-height: 28px; }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info { width: calc(100% - 32px); }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_info_audiencia .ap_descricao_info > div:after { display: none; }
	#ap_conteudo .ap_area_listagem .ap_area_listagem_audiencias .ap_audiencia_publica .ap_area_info_audiencia .ap_area_arquivos_audiencia { padding: 5px 0; }
}
/* #################################### FIM MEDIAS #################################### */