/*
    --- Versionamento ---
    28/03/2018 - Thais - Primeira versão
    02/04/2018 - Thais - Acertos na exibição do menu e conteúdo
    26/09/2018 - Thais - Regras para integraçãoo de leis
    11/12/2018 - Thais - Regras para nova versão de botões da paginação	
    08/04/2019 - Thais - Edição de nomenclatura de várias classes e ids
	13/05/2019 - Thais - Regras para links do id detalhes_comissao
	17/06/2019 - Thais - Mudei #titulo_composicao_comissao para .titulo_comissao
	21/02/2020 - Thais - Adicionei nenhum_resultado
	20/03/2020 - Thais - Unifiquei classes identicas para .item_lei e removi o text-ident, troquei o float:left para display:inline-block
	24/09/2020 - Thais - Adicionei .lista_leis_alteradas .item_lei_alterada
	25/09/2020 - Thais - Em .titulo_item_descricao coloquei um float:left específico,adicionei .speedbutton_sgc
	25/09/2020 - Thais - Alterações para design responsivo em celular em @media (max-width:390px)
	28/09/2020 - Thais - Restrição na largura de .speedbutton_sgc para telas pequenas
	13/11/2020 - Thais - Regras para #contenedor_sessoes e .item_sessao
	16/11/2020 - Thais - Adicionei .item_sessao_projeto, .sessao_titulo_projeto, .icone_votacao
    14/09/2022 - Ricardo - Mudança no contenedor_resultado_busca e mostrar_Emendas
    --- Fim Versionamento ---

*/

.contenedor_busca_vereadores {
    float: left;
    margin-top: 10px;
}

#contenedor_vereadores {
    width: 100%;
    margin-top: 20px;
}

.contenedor_vereador {
    width: 170px;
    height: 220px;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 30px;
    background-color: #ecf0f1;
    border-bottom: 2px solid #d0d2d3;
    margin-right: 10px;
}

.nome_vereador {
    height: 50px;
    width: 150px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.partido_vereador {
    background-color: #b2302a;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    padding: 3px;
    position: absolute;
    right: 0;
}

.contenedor_foto_vereador {
    height: 150px;
    width: 150px;
    cursor: pointer;
}

.foto_vereador {
    max-width: 150px;
    width: auto;
    height: 150px;
}

.contenedor_dados_vereador {
    width: 100%;
    height: 100%;
}

.aba_foto {
    width: 150px;
    height: 300px;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 5px;
    float: left;
}

.aba_foto>img {
    border-bottom: 2px solid #D0D2D3;
    background-color: #ECF0F1;
    border-top: 2px solid #ECF0F1;
    border-left: 2px solid #ECF0F1;
    border-right: 2px solid #ECF0F1;
}

#contenedor_abas {
    /*background-color: #5678D5;*/
    border-radius: 3px;
}

@media (min-width:606px) {
    #contenedor_abas {
        height: 36px;
    }
}

@media (min-width:395px) and (max-width:605px) {
    #contenedor_abas {
        height: 72px;
    }
}

@media (max-width:394px) {
    #contenedor_abas {
        height: 144px;
    }
}

@media(max-width:420px){
	.speedbutton_sgc{
		width: 40%;
	}
}

@media (max-width:390px) {
	
	#contenedor_vereadores {
        padding-left: 20%;
	}
	
	#contenedor_meio{
		padding-left : 0px;
	}

	#conteudo{
		padding-left : 0px;
	}


	#TXT_LEGS{
		width: 200px !important;
	}

	.validade_item,.publicacao_item,.validade_item_unica,.publicacao_item_unica{
		display: inline-block;
	}

	.contenedor_resultado_busca{
		padding: 7px !important;
	}

}

#TXT_LEGS{
	width : 250px;
}



#contenedor_abas>ul {
    list-style-type: none;
}

.abas {
    padding-left: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.abas li {
    float: left;
}

.aba {
    width: 100px;
    height: 30px;
    text-align: center;
    /*background:#80A2D5;*/
    cursor: pointer;
    margin-right: 5px;
    padding: 0px;
    border-top: 3px solid #80A2D5;
    border-bottom: 3px solid #80A2D5;
}

.dados_vereador {
    width: 100%;
    height: 100%;
    background-color: #ECF0F1;
    border-bottom: 1px solid #D0D2D3;
    padding-right: 5px;
    min-height: 300px;
}

.dados {
    width: 100%;
    display: none;
    height: 100%;
    padding-top: 10px;
    padding-left: 180px;
}

.ativa {
    width: 100px;
    height: 30px;
    text-align: center;
    border-bottom: 3px solid #D41418;
    border-top: 3px solid #611FCC;
    background: #FFF;
}

.selected {
    width: 100px;
    height: 30px;
    text-align: center;
    border-top: 3px solid #D41418;
    background: #FFF;
    border-bottom: 3px solid #FFF;
}

#nome_politico {
    font-size: 25px;
    color: #9D1616;
    margin-bottom: 10px;
    width: 100%;
}

#nome_civil,
#dados_partido {
    color: #7C7F81;
    font-size: 13px;
    width: 100%;
}

#resumo {
    text-align: justify;
    width: 100%;
}

#email,
#telefone,
#celular {
    font-size: 15px;
    width: 100%;
}

.cargo_comissao {
    padding-left: 20px;
    font-size: 15px;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 2px;
}

.legislatura_comissao {
    padding-left: 20px;
    font-size: 15px;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 2px;
}

.contenedor_comissao>b>a {
    text-decoration: none;
    color: #0E07E8;
}

.titulo_projeto {
    font-size: 16px;
    color: #428BCA;
    font-weight: bold;
}

.link_projeto {
    text-decoration: none;
    color: #428BCA;
}

.link_projeto:hover {
    text-decoration: underline;
    color: #428BCA;
}

.contenedor_projeto {
    margin-bottom: 20px;
    width: 100%;
}

.contenedor_resultado_busca {
    /*contenedor_leis*/
    margin-bottom: 20px;
    background-color: #ecf0f1;
    border: 1px solid #B5B0B0FF;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
}

.ementa_projeto,
.situacao_projeto,
.localizacao_projeto {
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.menu_paginas_busca {
    cursor: pointer;
    /*background: #514AD4;*/
    border-collapse: collapse;
    width: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    margin-right: 2px;
    background: linear-gradient(#2E3436FF, #555753FF);
    color: #FFF;
}

#contenedor_menu_paginas {
    width: 100%;
    text-align: center;
}

#titulo_paginas {
    text-align: center;
    font-size: 13px;
}

#voltar_para_vereadores,
#voltar_para_comissoes {
    text-decoration: none;
}

#voltar_para_comissoes:hover {
    text-decoration: underline;
    color: #0B5DC8FF !important;
}

#voltar_para_vereadores:hover {
    text-decoration: underline;
    color: #0B5DC8FF !important;
}

.comissoes_permanentes {
    width: 90%;
    height: 80%;
    background-color: #FFF;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    top: 10px;
    border-radius: 3px;
    border-top: 3px solid #7C21C9FF;
}

#comissoes_especiais {
    width: 90%;
    height: 100%;
    background-color: #FFF;
    /*margin-top: 10px;*/
    margin-right: 5%;
    margin-left: 5%;
    position: relative;
    top: 10px;
}

.contenedor_menu {
    height: 36px;
    width: 100%;
    border-radius: 3px;
    margin: 0px;
}

#contenedor_comissoes {
    background-color: #ECF0F1;
    height: 100%;
    margin-bottom: 50px;
    overflow: hidden;
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
}

#contenedor_item_permanentes {
    width: 40%;
    height: 100%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}

#contenedor_item_temporarios {
    width: 40%;
    height: 100%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}

.lista_comissoes {
    width: 90%;
    height: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0;
    margin-bottom: 0px;
    background-color: #FFF;
    display: flex;
    border-radius: 3px;
}

#contenedor_background_lista_permanente {
    background-color: #FFF;
    height: 100%;
}

#contenedor_background_lista_permanente>ul>li {
    text-align: left;
}

.lista_comissoes>ul>li>a {
    font-size: 17px;
    text-decoration: none;
    color: #000;
}

.lista_comissoes>ul>li>a:hover {
    text-decoration: underline;
    color: #729FCFFF;
}

#contenedor_detalhes_comissao {
    width: 80%;
    height: 100%;
    margin: auto;
    background-color: #ECF0F1;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #888888;
    padding-bottom: 10px;
}

#nome_comissao {
    font-size: 25px;
    text-align: center;
}

#descricao_comissao,
#detalhes_comissao {
    padding-top: 10px;
    width: 90%;
    margin: auto;
    text-align: justify;
    font-size: 15px;
}

.titulo_comissao {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}

#mensagem_nenhum_dado_encontrado {
    width: 80%;
    margin: auto;
    margin-top: 10px;
    text-align: center
}

#contenedor_busca_avancada>div {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

#contenedor_busca_avancada>div>div>span {
    text-align: left;
}

#contenedor_busca_avancada>div>div {
    display: inline-block;
}

.span_campo_busca_avancada {
    text-weight: bold;
}

.campo_busca_avancada {
    margin-top: 5px;
}

.numero {
    width: 80px;
}

#contenedor_busca_avancada {
    border: 1px solid #888A85FF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ECF0F1;
    padding: 10px;
    width: 75%;
    margin: auto;
}

#btn_pagina_projetos>select {
    left: 0;
    display: inline-block;
}

#btn_pagina_projetos {
    display: inline-block;
}

#btn_buscar_projetos {
    display: inline-block;
}

#D_CAD {
    width: 110px;
}

#NM_PES {
    width: 160px;
}

@media (min-width:1182px) {
    #btn_pagina_projetos {
        width: 86%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 12%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 270px;
    }
    .titulo_campo_busca_avancada {
        width: 30%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:954px) and (max-width:1181px) {
    #btn_pagina_projetos {
        width: 86%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 12%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 230px;
    }
    .titulo_campo_busca_avancada {
        width: 30%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:833px) and (max-width:953px) {
    #btn_pagina_projetos {
        width: 84%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 14%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 250px;
    }
    .titulo_campo_busca_avancada {
        width: 30%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:769px) and (max-width:832px) {
    #btn_pagina_projetos {
        width: 82%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 16%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 250px;
    }
    .titulo_campo_busca_avancada {
        width: 30%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:698px) and (max-width:768px) {
    #btn_pagina_projetos {
        width: 80%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 18%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 250px;
    }
    .titulo_campo_busca_avancada {
        width: 35%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:649px) and (max-width:697px) {
    #btn_pagina_projetos {
        width: 76%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 20%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 230px;
    }
    .titulo_campo_busca_avancada {
        width: 35%;
    }
    #contenedor_busca_avancada>div {
        width: 45%;
    }
}

@media (min-width:600px) and (max-width:648px) {
    #btn_pagina_projetos {
        width: 76%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 20%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 250px;
    }
    .titulo_campo_busca_avancada {
        width: 35%;
    }
    #contenedor_busca_avancada>div {
        width: 100%;
    }
}

@media (min-width:390px) and (max-width:599px) {
    #btn_pagina_projetos {
        width: 70%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 29%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 250px;
    }
    .titulo_campo_busca_avancada {
        width: 35%;
    }
    #contenedor_busca_avancada>div {
        width: 100%;
    }
}

@media (max-width:389px) {
    #btn_pagina_projetos {
        width: 70%;
        display: inline-block;
    }
    #btn_buscar_projetos {
        width: 29%;
        display: inline-block;
    }
    #DESC_LEI {
        width: 100%;
    }
    .titulo_campo_busca_avancada {
        width: 35%;
    }
    #contenedor_busca_avancada>div {
        width: 100%;
    }
}

#tabela_resultado_busca {
    /*todas_leis*/
    margin: auto;
    margin-top: 20px;
}

.titulo_item {
    font-size: 20px;
    margin-bottom: 3px;
}

.item_link>a {
    text-decoration: none;
    color: #000;
}

.item_link>a:hover {
    text-decoration: underline;
    color: #1144FF;
}

.titulo_link>a {
    text-decoration: none;
    color: #1144FF;
}

.titulo_link>a:hover {
    text-decoration: underline;
    color: #000;
}

.item_link,
.item_lei {
    width: 100%;
    /*text-indent: 4%;*/
    margin-bottom: 3px;
    font-size: 14px;
}

.publicacao_item {
    float: left;
    display: inline-block;
    width: 42%;
    /*text-indent: 4%;*/
}

.publicacao_item_unica,
.validade_item_unica {
    width: 100%;
    /*text-indent: 4%;*/
}

.validade_item {
    display: inline-block;
    width: 42%;
    /*text-indent: 4%;*/
}

.titulo_arquivos {
    /*text-indent: 4%;*/
    margin-bottom: 3px;
    font-size: 14px;
    width: 12%;
}

.titulo_item_descricao{
	float: left;
}

.titulo_item_descricao,
.titulo_item_autores,
.titulo_arquivos {
	/*float: left;*/
	display: inline-block;
}

.texto_item_descricao,
.texto_item_autores,
.arquivos_item {
    display: inline-block;
    text-align: justify;
    width: calc(85% - 10px);
    margin-left: 10px;
    text-indent: 0;
}

.icone_extensao {
    height: 25px;
}

.nome_arquivo_item {
    font-size: 11px;
    word-wrap: break-word;
}

.link_arquivo_item {
    text-decoration: none;
    color: #000;
}

.link_arquivo_item:hover {
    text-decoration: underline;
    color: #1144FF;
}

#nenhum_item {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

#detalhes_projeto {
    background-color: #ECF0F1;
    border: 1px solid #D0D2D3;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
}

.anexo_projeto {
    padding-left: 20px;
    padding-top: 5px;
}

#paginacao {
    margin: auto;
    margin-bottom: 20px;
    border-radius: 5px;
}

#paginacao>tbody>tr>td {
    border: 1px solid #aaaaaa;
    cursor: pointer;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    color: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: linear-gradient(#edeee9, #dadada);
}

#pagina_ativa {
    color: #FFF !important;
    background-image: linear-gradient(#4183bf, #3779b5) !important;
    border: 1px solid #416298;
}

#detalhes_comissao>a {
    color: rgb(41, 41, 177);
    text-decoration: none;
}

#detalhes_comissao>a:hover {
    text-decoration: underline;
    color: #000;
}

#nenhum_resultado{
	text-align: center;
	margin-top: 50px;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 50px;
}

.lista_leis_alteradas{
	margin-top:5px;
	margin-bottom:5px;
	list-style-type: none;
	padding-left: 0px;
}

.lista_leis_alteradas > li{
	cursor: pointer;
}

.item_lei_alterada{
	text-decoration: none !important;
	color: black !important;
	cursor: initial !important;
	padding: 5px;
	border: 1px solid rgb(201, 196, 196);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	margin-bottom: 10px;
}

.speedbutton_sgc{
	background: #FFF url(/Imagens/Busca.svg) no-repeat left center; 
	padding-left: 40px; 
	background-size: 30px;
	cursor: pointer;
	border: 1px solid #b6b6b3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	height: 30px;
	width: 80%;
}

#contenedor_sessoes tbody>tr:nth-child(2n){
	background-color: #fff;
}

#contenedor_sessoes tbody>tr{
	background-color : #ECECEC;
}

#contenedor_sessoes tbody>tr:hover{
	background-color: #E0E0E0;
}

#contenedor_sessoes td{
	border-top: 1px solid #D9D9D9;
	padding: 10px;
}

.titulo_detalhes_sessao,#contenedor_sessoes tbody>tr>td>a{
	color: #527FB1;
	text-decoration: none;	
	font-weight: bold;
	font-size:15px;
}

#contenedor_sessoes tbody>tr>td>a:hover{
	color: #527194;
	text-decoration: underline;	
}

#contenedor_sessoes{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 14px;
}

.item_sessao .item_sessao_projeto{
	padding-top: 5px;
}

.item_sessao_projeto{
	padding-left: 15px;
	font-size: 13px;
}

.sessao_titulo_projeto{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

.icone_votacao{
	height: 20px;
	padding-left: 10px;
	cursor: pointer;
	vertical-align: bottom;
    /*display: table-cell;*/
}

.mostrar_Emendas{
    text-align:left;
    font-size: 12px;
    color: #2b18db;
    cursor: pointer;
    margin-top: 5px;
}

.mostrar_Emendas:hover{
    color: black; 
}