/***********************************************************************************************************
ESTILIZAÇÃO GERAL DA PÁGINA
***********************************************************************************************************/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
html, body {
	height: 100%;	
}
body {
	position: relative;
}
.container-geral {
	min-height: 100%;
	position: relative;
}
.rodape-geral {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* Ajuste para rodapé no final da página quando com pouco conteúdo */
.ajuste-provisorio-rodape {
	height: 1px;
	background-color: transparent;
}
.m-enabled {
	font-weight: bold;
}
.m-disabled {
    color: #888;
    cursor: not-allowed;
    text-decoration: none;
}
.m-disabled:hover, .m-disabled:active, .m-disabled:visited, .m-disabled:focus {
    color: #888;
    cursor: not-allowed;
    text-decoration: none;
}
/***********************************************************************************************************
INÍCIO DAS CLASSES QUE SOBRESCREVEM CLASSES DO BOOTSTRAP
***********************************************************************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.form-control {
	display: inline;
}
/***********************************************************************************************************
ESTILIZAÇÃO CABEÇALHO
***********************************************************************************************************/
header {	
	background-color: #E9E9E9;
	border-bottom: 1px solid #ddd;
}
.cabecalho-container {
	position: relative;
	/*height: 125px;*/
	min-height: 125px;		
}
.cabecalho-logo-titulo {
	
}
.cabecalho-logo {
	position: absolute;
	top: 12px;
	left: 25px;
}
.cabecalho-titulo {
	display: inline-block;
	padding-top: 14px;
	padding-left: 135px;
	font-family: "Open Sans",Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 33px;
	color: #333 !important;
	text-shadow: 1px 1px 3px #dadada;
}
.cabecalho-titulo a, .cabecalho-titulo a:hover, .cabecalho-titulo a:visited, 
.cabecalho-titulo a:link, .cabecalho-titulo a:active {
	color: #333 !important;
	text-decoration: none;
}
.cabecalho-subtitulo {
	display: block;
    padding-left: 0px 2px;
    font-weight: normal;
    font-size: 12px;
}
/***********************************************************************************************************
ESTILIZAÇÃO MENU
***********************************************************************************************************/
.menu-navbar {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	color: #fff;
	
	background-color: #40454d;
	background-color: #428bca;
	background-color: #104068;
	background-color: #0c4769;
	/*background-color: #095079;*/
}
.menu-navbar .navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO DOS CAMPOS DE FORMULÁRIO
***********************************************************************************************************/
#in_tipo_doc {
	width: 210px;
	height: 34px;
}
/* Regras css que estilizam os sub-tipos de documentos */
#painel_tipo_doc label {
	padding-left: 5px;
	font-weight: normal;
}
#in_nro_doc {
	width: 90px;
}
#in_ano_doc {
	width: 60px;
}
#in_nro_dou {
	width: 90px;
}
#in_ano_dou {
	width: 60px;
}
#in_nro_proj_lei {
	width: 90px;
}
#in_ano_proj_lei {
	width: 60px;
}
#in_dou {
	width: 125px;
}
#in_proj_lei {
	width: 125px;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.btn-remove-arquivo-anexo {
	margin-bottom:0;
	margin-left:2px;
	font-size:13px;
	color: #d9534f;
}

/* Estilização campos de formulário da página de Contatos*/
.InputForNome {
	width: 80%;
}
.InputForEmail {
	width: 80%;
}
.textarea1 {
	width: 80%;
}
/* Regras css da classe .form-control do bootstrap adaptadas para o input[type="text"] do componente rich:calendar */
/*
#in_ini_public span input, #in_fim_public span input, #in_data_publicacao span input, #in_ini_vigor span input, #in_fim_vigor span input {
  display: inline;  
  width: 100px;
  
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
*/
.al-rf-calendar span input {
	display: inline;
	width: 100px;
  
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.al-rf-autocomplete {
	border: none;
}
.al-rf-autocomplete .rf-au-inp {
	display: inline;
	width: 295px;
  
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.al-rf-autocomplete.autocomplete-setor-responsavel .rf-au-inp {
	border-right: 1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.al-rf-autocomplete.autocomplete-setor-responsavel .rf-au-inp:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.al-rf-autocomplete .rf-au-inp[disabled] {
	background-color: #eeeeee;
}
.al-rf-autocomplete .rf-au-btn {
	height: 34px;
	width: 25px;
	background-image: none;
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	border-left: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.al-rf-autocomplete .rf-au-btn-arrow, .al-rf-autocomplete .rf-au-btn-arrow-dis {
	height: 34px;
	width: 25px;
}
.al-rf-autocomplete-popup {
	width: 320px;
	border: 1px solid #ccc;
}
.al-rf-autocomplete-popup .rf-au-lst-scrl {
	width: 100%;
}
.al-rf-autocomplete-popup .rf-au-fnt {
	font-size: 12px !important;
}

.botoes-auto {
	width: auto;
	margin: 10px 3px 25px 3px;
}

.botoes-form {
	width: 85px;
	margin: 10px 3px 25px 3px;
}
.botoes-tabela {
	width: 85px;
	margin: 10px 3px 10px 3px;
}
/* Estilização Campos de Formulário Página de Cadastro */
.mask-nro-doc {
	width: 90px;
}
.mask-ano {
	width: 60px;
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO DAS MENSAGENS DO SISTEMA 
***********************************************************************************************************/
/* TODO Mover essas duas classes para um CSS base para todos os sistemas */
 /* TODO Remover essa classe quando o componente de msgs estiver aplicado em todo o sistema */
.msg-sistema ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.msg-sistema {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
.oculto {
	display: none;
}
/* .alert-temp 
	Classe CSS atribuída às mensagens de sistema resultantes de uma ação ou tentativa de ação 
	como uma inclusão ou exclusão de registro, por exemplo. Essas mensagens serão posicionadas de forma fixa
	na tela do navegador e desaparecerão em cerca de 10 segundos. Essa classe além de posicionar e adicionar 
	estilizações às mensagens serve como target para o código javascript.
*/
.alert-temp {
	position: fixed;
	right: 0;
	top: 175px;
	width: 320px;
	text-align: left;
	z-index: 10000;
	display: block;
	font-size: 15px;
}
@media (min-width: 768px) {
	.alert-temp {
		width: 40vw;		
	}
}
/* TODO #ALEMA_DEV Verificar se esse CSS deve ficar aqui mesmo e se essa msg será estilizada assim */
.msg-tabela-sem-resultados {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO TABELA DE RESULTADOS
***********************************************************************************************************/
.tabela {
	width: 100%;
}
.tabela thead th {
	height: 50px;
	font-size: 14px;
	color: #fff;
	background-image: none;
	background-color: #0c4769;
	/*border: 1px solid #0c4769;*/
	
	border: none;
	border-top: 1px solid #0c4769;
	border-right: 1px solid #fff;
	border-left: 1px solid #0c4769;
	border-bottom: 1px solid #0c4769;
	border-bottom: 1px solid #fff;
}
/*.tabela thead tr:first-child th:first-child {
	border-bottom: 1px solid #fff !important;
}*/
.tabela thead th:last-child {
	border-right: 1px solid #0c4769;
}
.tabela tbody tr {
	height: 50px;
}
/*
.tabela tbody tr:nth-child(odd) {
	background-color: #e0f5ff;
}
*/
.tabela tbody tr td {
	text-align: center;
	font-size: 13px;
	word-wrap: break-word;
	overflow: auto;	
}

#table_resultados tbody:last-of-type {
	display: none;
}
.ementa {
	font-style: italic;
}
.container-paginacao {
	margin-top: 20px;
	text-align: center;
}
/* Muda cor de fundo das células do collapsiblesubtable*/
.rf-cst-c {
	background-color: #eee;
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO DA PAGINAÇÃO DA TABELA DE RESULTADOS
***********************************************************************************************************/
.container-paginacao {
	margin-top: 20px;
	text-align: center;
}
/* Botões Primeiro, anterior, próximo e último */
.rf-ds-btn {
	padding: 8px 12px;
	background-image: none;
	background-color: #0c4769;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
/* prev, next, last*/
.rf-ds-btn-first, .rf-ds-btn-prev, .rf-ds-btn-next, .rf-ds-btn-last {
	color: #fff !important;
}
/* Botões numerados */
.rf-ds-nmb-btn {
	padding: 8px 12px;
	font-size: 15px;
	font-weight: bold;
}
/***********************************************************************************************************
ESTILIZAÇÃO RODAPÉ
***********************************************************************************************************/
.rodape-secao-cabecalho {
	background-color: #E9E9E9;
	border-top: 1px solid #ddd;
	text-align: center;
	padding: 25px;
	margin-top: 20px;
}
.rodape-secao-rodape {
	border-top: 1px solid #ccc;
	height: 51px;
	background-color: #0c4769;
}
/* Estilização ícones das redes sociais */
.socialicons {
	padding: 0;
	margin: 0;
	line-height: 50px;
	list-style: none;
}
.socialicons li {
	display: inline;
}
.socialicons li a:hover {
	text-decoration: none;
}
.socialicons li a img {
	width: 30px;
	margin-right: 5px;
}
.rodape-secao-rodape .container-msg-compatibilidade {
	display: table;
	color: #fff;	
	height: 50px;
	text-align: right;	
}
.rodape-secao-rodape .container-msg-compatibilidade span {
	display: table-cell;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.rodape-secao-rodape {
		height: auto;
		min-height: 50px;
	}
	.socialicons {
		text-align: center;
	}
	.rodape-secao-rodape .container-msg-compatibilidade {
		text-align: center;
		width: 100%;
		min-height: 50px;
		height: auto;
		
	}
	.rodape-secao-rodape .container-msg-compatibilidade span {
		text-align: center;
		padding: 10px;
	}
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO VIEW PDFs (Constituições Federal e Estadual)
***********************************************************************************************************/
.view-pdf-constituicao {
	width: 95%;
	display: block;
	height: 1130px;
	margin: 25px auto;
	border: 1px solid #999;
}
@media (max-width: 767px) {
	.view-pdf-constituicao {
		height: 600px;
	}
}
/***********************************************************************************************************
INÍCIO ESTILIZAÇÃO VIEW PDFs (Constituições Federal e Estadual)
***********************************************************************************************************/
.lista-contituicoes-municipais {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	list-style: none;
}
/***********************************************************************************************************
ESTILIZAÇÕES RESPONSIVIDADE
***********************************************************************************************************/
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media (max-width: 767px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.cabecalho-container {
		height: 100px;
		height: 70px;
	}
	.cabecalho-logo {
		height: 60px;
		width: 60px;
		top: 10px;
		top: 5px;
		left: 15px;
	}
	.cabecalho-titulo {		
		padding-top: 1px;
		padding-left: 75px;
		font-size: 17px;
	}
	.cabecalho-subtitulo {
		display: block;
	    padding-left: 0px 2px;
	    font-weight: normal;	    
	    font-size: 9px;
	}
	/* CLASSES CAMPOS DE FORMULÁRIOS */
	#in_tipo_doc {
		width: 100%;
		height: 34px;
	}
	#in_nro_doc {
		width: 90px;
	}
	#in_ano_doc {
		width: 60px;
	}
	#in_ementa {
		width: 100%;
	}
	#in_dou {
		width: 100%;
	}
	#in_proj_lei {
		width: 100%;
	}
	.InputForNome {
		width: 100%;
	}
	.InputForEmail {
		width: 100%;
	}
	.textarea1 {
		width: 100%;
	}
	/* CLASSES RODAPE */
	.subrodape ul {
		text-align: center;
		padding-left: 0px;
		padding: 10px 0 0 0;
	}
	.subrodape p {
		padding: 0px 0 5px 0;
		/*border-top: 1px solid #555;*/
		text-align: center;
		font-size: 10px;
	}
}
.btn-primary {
	background-color: #0c4769;
	border-color: #104068;
}
.box-padrao {
	padding: 25px 25px 0px 25px;
}
/***********************************************************************************************************
ESTILIZAÇÃO NOTIFICAÇÕES DE EXPIRAÇÃO DE PRAZOS
***********************************************************************************************************/
.vermelho {
	background-color: #d9534f;
}
.amarelo {
	background-color: #f0ad4e;
}
.verde {
	background-color: #5cb85c;
}
.cinza {
	background-color: #bbbbbb;
}

/* Estilização das cores do componente <select> 
#in_cor_prazo option[value="0"]::before {
	content: "_____ ";
	background-color: #5cb85c;
}
#in_cor_prazo option[value="1"]::before {
	content: "_____ ";
	background-color: #f0ad4e;
}
#in_cor_prazo option[value="2"]::before {
	content: "_____ ";
	background-color: #d9534f;
}
#in_cor_prazo option[value="3"]::before {
	content: "_____ ";
	background-color: #bbbbbb;
	 
}
*/

/* Estilização da Legenda de Prazos Ouvidoria */
.legenda-marcador {
	float:left;
	height:20px;
	width:40px;
	display: inline-block;
	border: 1px solid black;
}
.legenda-texto {
	float: left;
	height: 20px;
	padding-left: 5px;
	display:inline-block;
}
@media (max-width: 767px) {
	.legenda-marcador {
		float:none;
	}
	.legenda-texto {
		float: none;
	}	
}
/***********************************************************************************************************
ESTILIZAÇÃO BÁSICAS DE TEXTOS
***********************************************************************************************************/
.negrito {
	font-weight: bold;
}
.tachado {
	text-decoration: line-through;
}
/* Quebra automática de strings que contenham \n */
.wrap-text {
	white-space: pre-wrap;
}
.text-left {
	text-align: left !important;
}
/* Classe que força a quebra de palavras contínuas com comprimento maior que o seu container */
.quebra-palavras {
	word-break: break-word;
}
/***********************************************************************************************************
ESTILIZAÇÃO PAINEL DE INFORMAÇÕES DA PÁGINA
***********************************************************************************************************/
.info-pagina {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444444;
	border: 1px dashed white;
	background-color: #a7cece;
	background-color: #b9d7d7;
	background-color: #c2dcdc;
	background-color: #cbe1e1;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}


/***********************************************************************************************************
 CAMPOS DE LOGIN E INFORMAÇÕES PARA USUÁRIOS LOGADOS
***********************************************************************************************************/

/*
 *  Formulário para login
 */

input.form-control.campo-usuario{
	width: 140px;
}

input.form-control.campo-senha{
	width: 140px;
}


/*
 *  Informações para usuários logados (nome e login)
 */
 .menu-usuario {
 	/*background-color: yellow;*/
 	padding-top: 35px;
 	min-height: 125px;
 	text-align: right;
}
 .usuario-logado {
 	/*background-color: orange;*/
 	display: inline-block;
 	vertical-align: middle;
 	text-align: center;
 	font-size: 17px;
 }
.login-usuario {
    font-size: 14px;
    margin-top: -5px;
}
 .botoes {
 	background-color: aqua;
 	display: inline-block;
 	vertical-align: middle;
}

@media (max-width: 768px) {
	.cabecalho-container {
		min-height: auto;
		height: auto;
		padding: 5px 0px;
	}
	.cabecalho-logo-titulo {
		text-align: center;
		padding: 10px 0px;
	}
	.cabecalho-logo {
		position: static;
		display: inline-block;		
		vertical-align: middle;
	}	
	.cabecalho-titulo {
		text-align: left;
		margin-top: 10px;
		padding-left: 0px;
		font-size: 18px;
		display: inline-block;
		vertical-align: middle;
	}	
	.cabecalho-subtitulo {
		display: block;
	    padding-left: 0px 2px;
	    font-weight: normal;
	    font-size: 10px;
	}
	.menu-usuario {
		display: none;
		background-color: orange;
		padding-top: 0px;
	 	min-height: auto;
	 	text-align: center;
	}
	.dropdown-menu>li>a {
		color: #fff !important;
	}
	.menu-navbar {
		border-bottom: none;
	}
	.menu-navbar .navbar-toggle {
		border-color: #fff;
	}
	.menu-navbar .navbar-toggle:hover {
		border-color: #0c4769;
		background-color: #fff;
	}
	.menu-navbar .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.menu-navbar .navbar-toggle:hover .icon-bar {
		background-color: #0c4769;
	}
	.navbar-toggle {
	
	}
}
/*
.menu-usuario{
    float: right;
    width: 500px;
    height: 120px;
    text-align: right;
    padding: 35px 0px 0px 196px;
    
}

.usuario-logado{
    text-align: right;
    font-size: 18px;
    width: 210px;
    display: inline-block;
    margin-right: 9px;
}


.login-usuario {
    font-size: 15px;
    margin-top: -5px;
}

.login-usuario-unico {
    padding-top: 10px;
}

.botoes{
	float: right;
	margin-left: 1px;
}

input.botoes-sair{
    float: right;
    margin-top: 6px;
}
*/

.titulo-pagina {
	background-color: #0e5279;
	padding: 10px;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	color: #fff;
}

/*
	Classes de estilização das páginas de erro.
*/
.titulo-mensagem {
	font-size: 35px !important;				
}

.descricao-mensagem {
}

.titulo-imagem {
	margin: 10px 0 50px 0 !important;
	font-size: 14px !important;
}

.titulo-sistema p{
	margin: 0px 0px 2px 0px ;
}

.link-voltar{
	font-size: 16px;
	text-decoration: underline;
}

/* Classe que estiliza a caixa de loading das páginas dos sistemas quando do uso da função alBlockui para prevenção de duplo submit. */
.container-loading {
	background-color: #fff;
	color: #000;
	width: 100%;
	height: 70px;
	font-size: 22px;
	line-height: 70px;
}