/* gerais */
a {
	cursor: pointer;
	outline: 0 !important;
}

label {
	cursor: text !important;
}

form, input, select, option, textarea {
	outline: 0 !important;
}

.form-container .form-grid-4 input[type="checkbox"] {
	display: table-cell;
	min-width: 13px !important;
	max-width: 100% !important;
	margin: 2px;
	padding-right: 7px; /* para o IE */
}

.titulo-envio-coleta{
	background:#C5E2F5!important; 
	color:#22445a !important;
	border: 1px solid #356a93!important;
	border-radius: 4px !important;
}

table img {
	height: 16px;
	width: auto;
}

table input {
	height: 16px;
	width: auto;
}

.logo, .esquerda {
	margin-left: 0;
}

.direita {
	margin-right: 0;
	margin-left: 30px;
}

.painel {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25)
}

.painel.margem-rodape {
	margin-bottom: 35px;
}

.painel.sem-sombra {
	box-shadow: none;
}

.painel.fundo-conteudo, .fundo-cabecalho, .relatorio {
	border: none;
	border-radius: 0px;
	box-shadow: 0px 10px 10px rgba(194, 209, 229, 0.9);
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	padding-bottom: 25px;
	width: auto;
}

.fundo-cabecalho {
	border-radius: 5px 5px 0px 0px;
	padding: 5px 10px 0;
}

.migalha ul {
  display: block;
}

.migalha li {
  margin-left: 28px;
  width: auto;
}

.migalha.publico li {
	color: green;
}


/* Mensagens de erro, aviso e sucesso */
#mensagensGeraisDoSistema {
	margin: 0px;
}

	.mensagem {
		margin: 10px;
		padding: 10px;
		padding-left: 35px;
	}

		li.mensagem:last-child {
			margin-bottom: 0;
		}

		.mensagem.erro {
			color: darkred;
			background: #F2DEDE url(../images/forbidden.png) no-repeat scroll 6px center;
		}

		.mensagem.aviso {
			background: #FCF8E3 url(../images/ico-aviso.png) no-repeat scroll 6px center;
		}

		.mensagem.sucesso {
			background: #DFF0D8 url(../images/ico-sucesso.png) no-repeat scroll 6px center;
		}


/* Area de login */
.conteudo-painel .form-login {
	display: block;
	width: 60%;
	height: auto;
	margin: 0px auto;
}

	.form-login .form-container .form-grid-1 {
		float: none;
		display: block;
		width: 35%;
		max-width: none;
		margin: 5px auto 10px;
	}

		.form-login .form-container .form-grid-1 input {
			width: 100%;
			max-width: none;
		}

	.form-login .form-container .form-grid-2 {
		width: 98%;
	}

/* Links dos menus internos **/
#operacoes-subsistema {
	margin-bottom: 6px;
}

#operacoes-subsistema a:hover {
	color: #222;
	text-decoration: underline;
}

#operacoes-subsistema ul {
	margin: 2px 2px 10px 0;
	padding: 2px 0 5px 20px;
}

#operacoes-subsistema ul ul {
	margin: 0;
}

#operacoes-subsistema ul li {
	font-weight: bold;
	list-style-image: url(../images/seta_menu.png);
}

#operacoes-subsistema ul ul li {
	font-weight: normal;
	/*background: #FAFDFF;*/
	list-style-image: url(../images/seta_menu2.png);
}

#operacoes-subsistema ul ul a {
	font-weight: normal;
}

#operacoes-subsistema ul li ul {
	padding-left: 10px;
	margin-bottom: 0;
	list-style-image: url(../images/seta_menu2.png);
}

#operacoes-subsistema.reduzido {
	
}

#operacoes-subsistema.reduzido li {
	float: left;
	margin: 5px 0;
	width: 49%;
}

#operacoes-subsistema.reduzido li li {
	float: left;
	margin: 1px 0;
	width: 90%;
}

#operacoes-subsistema.reduzido li.linha-inteira {
	clear: both;
	width: 100%;
}

.tamanho-minimo {
	min-height: 458px;
	/* colocar esta classe na div do conteudo dos modulos que nao possuem abas, assim ira manter um padrao na altura */
}

/* CSS Document - Estilo especifico para os portais do Sucupira */

/* Classes do cabe�alho do arquivo
------------------------------------------------------------------------------------------------*/
.info-usuario {
	margin-right: 0;
	margin-left: 20px;
}

.info-usuario ul, .info-usuario ul li {
    min-width: 208px;
}

.info-usuario ul li.info-nome span.seta {
	display: inherit;
    float: right;
    margin: 5px;
}

.info-usuario ul li.info-nome ul li {
	line-height: 23px;
}

.info-usuario ul li.info-nome ul li:hover a {
	color: #000;
	text-shadow: none;
}

.info-usuario ul li.info-nome ul li a.ico {
	padding-left: 40px;
	opacity: 0.8;
	color: #000;
	text-shadow: none;
}

.info-usuario ul li.info-nome ul li a.ico-msg {
	background: url(../images/ico-mail.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-per {
	background: url(../images/identidade_visual/perfil.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-meusdados {
	background: url(../images/identidade_visual/ico-meusdados.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-fot {
	background: url(../images/ico-image.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-dp {
	background: url(../images/identidade_visual/ajuda.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-df {
	background: url(../images/identidade_visual/info.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-ch {
	background: url(../images/identidade_visual/denuncia.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-sen {
	background: url(../images/identidade_visual/cadeado-edit.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li a.ico-log {
	background: url(../images/identidade_visual/sair.png) no-repeat scroll 3px center;
}

.info-usuario ul li.info-nome ul li:hover a.ico {
	opacity: 1;
}


/* Area do usuario
------------------------------------------------------------------------------------------------*/
.dados-usuario img {
	display: block;
	margin: 0px auto 10px;
	min-width: 100px;
	max-width: 208px;
}

.dados-usuario nome {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
}

.dados-usuario setor {
	font-size: 11px;
	color: #666666;
}

.dados-usuario infos {
	display: block;
	border-top: 1px dashed #ccc;
	margin: 5px 0 0;
	padding: 15px 0 0;
	font-size: 12px;
}

infos label {
	cursor: text;
}

infos label strong {
	color: #005883;
}

/** Select - Option**/

.form-grid-1 select option, .form-grid-2 select option, .form-grid-3 select option, .form-grid-4 select option  {
	background-color: #FAFAFA;
}


/* Titulos do sistema
------------------------------------------------------------------------------------------------*/
.painel.verde .titulo {
	background: #179145;
	filter: none;
}

.painel.azul .titulo {
	background: #028cd0;
	filter: none;
}

.painel.vermelho .titulo {
	background: #BE1527; /*9E2019*/
	filter: none;
	color: #fff;
}


/* Paginas de erro e aviso
------------------------------------------------------------------------------------------------*/
.erros .titulo {
	text-align: center;
}

.erros h5 {
	margin-bottom: 10px;
	text-decoration: underline;
}

.erros p {
	font-size: 11pt;
	line-height: 25pt;
}

.erros a {
	cursor: pointer;
}

.erros img.area-imagem {
	float: right;
	width: 250px;
	margin: 0 0 10px 10px;
}

.erros a.icone {
	float: left;
	width: auto;
	height: 24px;
	padding: 5px 20px 0 30px;
}

a.icone.voltar {
	background: url(../images/ico-voltar.png) no-repeat scroll left center;
}

a.icone.inicio {
	background: url(../images/ico-inicio.png) no-repeat scroll left center;
}

/* Componente do Menu Principal - RichFaces
------------------------------------------------------------------------------------------------*/
.painel .area-menu {
	overflow: hidden !important;
	padding: 0px;
}

.rf-tb {
	height: 36px !important;

	background: #005883 !important;
	/* Old browsers */

	background: -moz-linear-gradient(top, #005883 0%, #004B82 100%) !important;
	/* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005883), color-stop(100%, #004B82)) !important;
	/* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top, #005883 0%, #004B82 100%) !important;
	/* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top, #005883 0%, #004B82 100%) !important;
	/* Opera 11.10+ */
	
	background: -ms-linear-gradient(top, #005883 0%, #004B82 100%) !important;
	/* IE10+ */
	
	background: linear-gradient(to bottom, #005883 0%, #004B82 100%) !important;
	/* W3C */

	border: none !important;

    font-family: "Source Sans Pro",Arial,'Liberation Sans',FreeSans,sans-serif !important;
    font-size: 11px !important;
    text-align: left !important;
}

.rf-tb-itm {
	vertical-align: middle !important;
}

.rf-ddm-lbl, .rf-ddm-lbl-dis {
    font-family: "Source Sans Pro",Arial,'Liberation Sans',FreeSans,sans-serif !important;
    font-size: 13px !important;
    text-shadow: 0 -1px 0 #555 !important;
	position: static !important;
	z-index: 100;
}

.rf-ddm-lbl-dec table tbody tr td {
    font-weight: bold;
}

.rf-ddm-sel {
	background: #FBFDFE !important;
	border-radius: 3px 3px 0 0 !important;
	border-color: #004B82 !important;
	border-bottom: #FBFDFE !important;
	color: #005883 !important;
	text-shadow: none !important;
}

.rf-ddm-lst {
    background: #FBFDFE !important;
    border-color: #004B82 !important;
    border-top: none !important;
    border-radius: 0 3px 3px 3px !important;
}

.rf-ddm-sublst {
    border: 1px solid #004B82 !important;
    border-radius: 3px !important;
}

.rf-ddm-lst-bg {
    background: none !important;
    border: none !important;
    padding: 4px 10px 10px !important;
}

.rf-ddm-itm {
    padding: 6px 0 0 !important;
}

.rf-ddm-itm-unsel {
    border: none !important;
    padding: 6px 0 0 !important;
}

.rf-ddm-itm-sel {
	background: none !important;
    border: none !important;
    padding: 6px 0 0 !important;
}

.rf-ddm-itm-ic {
    margin: 0px !important;
}

.rf-ddm-emptyIcon {
    display: none !important;
    height: 0px !important;
    width: 0px !important;
}

.rf-ddm-itm-lbl, .rf-ddm-nd .rf-ddm-lst-bg .rf-ddm-itm.rf-ddm-itm-unsel .rf-ddm-itm-lbl {
    color: #333333 !important;
	text-shadow: none !important;
}

.rf-ddm-itm-sel .rf-ddm-itm-lbl, .rf-ddm-nd .rf-ddm-lst-bg .rf-ddm-itm.rf-ddm-itm-sel .rf-ddm-itm-lbl {
    color: #028CD0 !important;
}

.rf-ddm-nd {
    top: 12px !important;
}


/* Componente do Menu do Portal PPG - RichFaces
------------------------------------------------------------------------------------------------*/
.painel .ppg {
	padding: 5px;
}

.ppg .rf-tb {
	border-radius: 3px;
	margin: 0 0 15px;
	height: 32px !important;
}

.ppg a {
	color: #DFEBF4;
	font-family: "Arial",Verdana,sans-serif;
    font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
}

.ppg a:hover {
	color: #fff;
}

.ppg a img {
	padding-right: 3px;
	opacity: .7;
}

.ppg a:hover img {
	opacity: 1;
}

.ppg .rf-tb-itm {
	padding: 0 5px;
}


/* Componente do AutoComplete
------------------------------------------------------------------------------------------------*/
.rf-au {
	border-width: 0 !important;
	width: 100% !important;
}

input.rf-au-inp {
	background: #d9d9d9 !important;
	border: 1px solid #cbcbcb !important;
	border-bottom: none !important;
	border-top: 1px solid #b0b0b0 !important;
	-o-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	padding: 5px !important;
	margin: 0 !important;
}

.rf-au-lst-scrl {
	min-width: 100% !important;
	height: 300px;
	max-height: 500px;
	min-height: 300px;
}

.form-grid-2-au {
	width: 430px !important;
}

.form-grid-2-au {
	width: 550px !important;
}

.ico-loader-au {
	display: none;
    margin: 1px 2px;
    position: absolute;
}

.list-itens-au{
	position: inherit !important;
	max-height: 205px !important; 
	max-width: 1000px !important;
	min-width: 800px !important;
	background-color: #FAFAFA;
	z-index: 1;
}


/* Componente de Abas - Padrao CAPES
------------------------------------------------------------------------------------------------*/
.nav-tabs {
	margin: 0;
}

.nav-tabs > li {
	margin: 0 0 -1px;
}

.nav-tabs > li a {
	cursor: pointer;
}

.abas-conteudo {
	border: 1px solid #cccccc;
	border-radius: 0 0 3px 3px;
	border-top: none;
	padding: 10px 5px;
	background: #fff;
	overflow: auto;
	min-height: 406px;
}

.abas-conteudo.sombra {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.abas-conteudo h4.titulo-demonstrativo {
	font-size: 15px;
}

.abas-conteudo .area-btn {
	display: block;
	text-align: center;
	margin: 10px 0 0;
}

.area-btn .btn-group a {
	text-decoration: none;
}


/* Componente de Abas - Richfaces
------------------------------------------------------------------------------------------------*/
.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
	background: none !important;
	border: none !important;
	height: 28px !important;
}

.rf-tab-hdr {
    background: #fff !important;
    border: 1px solid #CCC !important;
    color: #005883 !important;
    font-weight: normal !important;
    padding: 3px 5px !important;
}

.rf-tab-hortab-tabspcr-wdh {
    padding-left: 3px !important;
}

.rf-tab-hdr-act.rf-tab-hdr-top { /* aba ativada */
    border-bottom: 1px solid white !important;
}

.rf-tab-hdr-inact.rf-tab-hdr-top {  /* aba desativada */
    background: #F2F2F2 !important;
    cursor: pointer !important;
    border: 1px solid #E6E6E6 !important;
    border-bottom: 1px solid #CCC !important;
}

.rf-tab-hdr-brd {
    background: #fff !important;
    border: 1px solid #CCC !important;
    border-bottom: none !important;
    height: auto !important;
    margin: -1px 0 0 !important;
}

.rf-tab-cnt {
    background: #fff !important;
    border: 1px solid #CCC !important;
    border-top: none !important;
}


/* Componente das Tabelas - Padrao CAPES
------------------------------------------------------------------------------------------------*/
.painel.azul .titulo.listagem {
	box-shadow: none;
	margin-bottom: 5px;
}

table.listagem {
	font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
}

table.listagem thead tr th {
	border-bottom:  1px solid #CCC;
    padding: 6px 4px;
    vertical-align: middle;
}

table.listagem thead.relatorio-destaque tr th {
	text-align: center;
	border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;	
}

.table_header {
	border: 1px solid #CCC;
    padding: 6px 4px;
    vertical-align: middle;
    background-color: darkgray;
}

table.listagem tbody tr td, table.listagem tbody tr:last-child td {
	border:  1px solid #CCC;
}

table.listagem tbody tr.linha_vermelha {
	background-color: #F23D00 !important;
}

table.listagem tbody tr td.coluna_primaria{
	width: 50%;
}

table.listagem tbody tr td.coluna_secundaria{
	width: 20%;
}

table.listagem tbody tr td.coluna_terciaria{
	width: 10%;
}

table.listagem tbody tr td.coluna_titulo{
	width: 90%;
}

table.listagem tbody tr td.coluna_icone{
	width: 1%;
}

/* Componente das Tabelas - Richfaces
------------------------------------------------------------------------------------------------*/
.rf-dt {
	margin: 10px 0 0 !important;
    border: none !important;
}

.rf-dt-hdr-c {
	background: #028cd0 !important;
	/* Old browsers */

	background: -moz-linear-gradient(top, #269cd7 0%, #028cd0 100%) !important;
	/* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #269cd7), color-stop(100%, #028cd0)) !important;
	/* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top, #269cd7 0%, #028cd0 100%) !important;
	/* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top, #269cd7 0%, #028cd0 100%) !important;
	/* Opera 11.10+ */
	
	background: -ms-linear-gradient(top, #269cd7 0%, #028cd0 100%) !important;
	/* IE10+ */
	
	background: linear-gradient(to bottom, #269cd7 0%, #028cd0 100%) !important;
	/* W3C */

    padding: 5px !important;
	border: #fff !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;

    font-family: "Source Sans Pro",Arial,'Liberation Sans',FreeSans,sans-serif !important;
    font-size: 13px !important;
    text-shadow: 0 -1px 0 #005883;
    text-align: left !important;
}

.rf-dt-shdr-c {
    background: #fff !important;
	border: none !important;
    border-bottom:  1px solid #CCC !important;
    padding: 11px 4px 6px !important;

    color: #000 !important;
    vertical-align: middle !important;
}

.rf-dt-c {
    border:  1px solid #CCC !important;
}


/* Componente das Tabelas - Demais detalhes
------------------------------------------------------------------------------------------------*/
table.listagem caption{
	background: #028cd0 !important;
	filter: none;

    padding: 5px !important;
	border: #fff !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;

    font-family: "Source Sans Pro",Arial,'Liberation Sans',FreeSans,sans-serif !important;
    text-align: left !important;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 #005883 !important;
    font-weight: bold !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

table.listagem caption.cinza {
	background: #d9d9d9 !important;
	
	/* IE6-9 */
	border: #028CD0 !important;
	
	color: #000 !important;
	text-shadow: none !important;
}

.area-legendas {
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
	background: #F5FAFC;
	border: 1px solid #D4E4EF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-align: center;
	font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.area{
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
	background: #F5FAFC;
	border: 1px solid #D4E4EF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-align: center;
	font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.area.aviso{
	background: #d6f5d6;
	border: 1px solid #5cd65c;
}

.area.erro{
	background: #ffffcc;
	border: 1px solid #cccc00;
}

.area-legendas-red {
	color: #AA3939;
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
	background: #F5FAFC;
	border: 1px solid #AA3939;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-align: center;
	font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.area-legendas.destaque{
	font-size: 12px;
}

.area-legendas a {
	color: #005883;
	text-decoration: none;
	margin: 0 5px;
}

.area-legendas a img, .area-legendas span img {
	padding: 0px 2px;
	vertical-align: middle;
	height: 20px;
	width: auto;
}

.area-legendas a:hover {
	color: #000;
}

.area-legendas span {
	color: #005883;
	text-decoration: none;
	margin: 0 5px;
}

/* icones */
.icone_adicionar {
	float: right;
	margin: 4px -7px 0 0;
	padding: 0;
	height: auto;
	width: auto;
}

.icone_adicionar img {
	height: 20px;
	padding-left: 2px;
}

/* Componente cortina na vertical (Base Coleta)
------------------------------------------------------------------------------------------------*/
.painel.cinza .cortina_vertical a {
	text-decoration: none;
	border: none;
	color: #000 !important;
}

.painel.cinza .cortina_vertical a .titulo {
	margin: 0 !important;
}

.cortina_vertical a .titulo .icone {
	float: right;
	margin: -2px;
	opacity: 1;
}

.cortina_vertical a .titulo .inativo {
	opacity: .5;
}

.cortina_vertical a .titulo label {
	display: inline-block;
	font-weight: normal;
}

.form-container h4.titulo-demonstrativo {
	margin-top: 15px;
}


/* titulos */
.titulo.cinza{
  background: #d9d9d9 ;
  padding: 5px ;
  border-radius: 3px ;
  font-weight: bold ;
  margin-bottom: 10px ;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) ;
  background: #d9d9d9 ;
  /* Old browsers */

  background: -moz-linear-gradient(top, #d9d9d9 0%, #cccccc 100%) ;
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #cccccc)) ;
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #d9d9d9 0%, #cccccc 100%) ;
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #d9d9d9 0%, #cccccc 100%) ;
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #d9d9d9 0%, #cccccc 100%) ;
  /* IE10+ */

  background: linear-gradient(to bottom, #d9d9d9 0%, #cccccc 100%) ;
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#cccccc', GradientType=0) ;
  /* IE6-9 */
  color: #000 ;
  text-shadow: 0 0 0 #000000 ;
}

.titulo_azul{
	background: #028CD0;    
	filter: none;   
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #005883;
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 2px;
    float: left;
    cursor: pointer;
    text-decoration: none;
}

	.titulo_azul a{
		 color: #FFFFFF;
		 text-decoration: none;
		 width: 100%;
	}

.titulo_cinza{
	background: #dbdbdb;
	filter: none;   
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #005883;
    text-shadow: 0 -1px 0 #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 2px;
    float: left;
    cursor: pointer;
    text-decoration: none;
}

	.titulo_cinza a{
		 color: #005883;
		 text-decoration: none;
		 width: 100%;
	}


/* rodape */
.info_sistema, .info_equipe {
	display: block;
	width: 100%;
}

.info_equipe {
	margin-top: 10px;
  	height: 20px;
}

	.info_equipe a {
		float: right;
		color: #669BB5;
	    font-weight: bold;
	    margin-right: 41px;
	}

		.info_equipe a:hover {
			color: #FFFFFF;
		}

	/* modal - sobre */
	.ui-widget-content {
		background: #FFFFFF !important;
		font-family: "Source Sans Pro",Arial,'Liberation Sans',FreeSans,sans-serif !important;
	}

		.ui-widget-header {
			background: #028CD0 !important;
			color: #FFFFFF !important;
			font-size: 11pt !important;
	    }

			.ui-dialog .ui-dialog-content {
				padding: 0.5em !important;
				font-size: 10pt !important;
			}

				.ui-dialog-content p {
					margin: 0;
				}

	.ui-widget-overlay {
		background: #000 !important;
		opacity: 0.6 !important;
	}

.notification{
     font-weight: bold;
     text-decoration: blink;
     color: #FF0000;
     padding: 2px;
}

.link_sucupira {
     font-weight: bold;
     color: #005883;
     text-decoration:none;
}

.upload_file {
	outline: 0 !important;
    border-style: groove;
    border-width: thin;
}

/* Estilos para a base dos relatorios
------------------------------------------------------------------------------------------------*/
.container_16.relatorio-impressao {
	width: 750px;
}

.container_16.relatorio-impressao.landscape {
	width: 1050px;
	margin-left: -5%;
}

.painel.fundo-conteudo.relatorio {
	border-radius: 5px;
	margin: 25px 0;
	box-shadow: 0px 1px 10px rgba(194, 209, 229, 0.9);
	padding: 1%;
    width: 98%;
}

	/* cabecalho */
	.relatorio-cabecalho {
		display: block;
		width: 98%;
		height: 90px;
		border: 1px solid #CCCCCC;
		padding: 1%;
	}

		.relatorio-cabecalho .logoc {
			float: left;
			width: 25%;
			height: 100%;
			text-align: center;
		}

			.relatorio-cabecalho .logoc img {
				height: 60px;
			}

			.relatorio-cabecalho .logoc a {
				color: #005883 !important; 
				text-decoration: none !important;
				font-weight: bold;
			}

			.landscape .relatorio-cabecalho .logoc a {
				float: left;
			    margin: 60px 0 0 -140px;
			    position: absolute;
			    z-index: 10;
			}
			
		.relatorio-cabecalho .texto {
			float: left;
			width: 48%;
			height: auto;
			text-align: center;
			line-height: 15pt;
			padding-top: 15px;
		}

			.texto strong {
				font-size: 12pt;
				text-transform: uppercase;
			}

			.texto a, .relatorio-rodape .icone a {
				text-decoration: none;
			}

			.texto a:hover,  .relatorio-rodape .icone a:hover {
				text-decoration: underline;
			}

			.texto .data-atual {
				display: block;
			}


	/* conteudo */
	.relatorio-conteudo {
		display: block;
		width: 100%;
		height: auto;
		margin: 20px 0;
	}

		.relatorio-conteudo h2 {
			padding: 0 10px;
			text-align: center;
			font-size: 16pt;
			font-variant: small-caps;
			line-height: normal;
			margin-bottom: 15px;
		}
		
		.relatorio-conteudo h1 {
			text-align: left;
			font-size: 13pt;
			font-variant: small-caps;
			line-height: normal;
			border-bottom: 1px solid #CCCCCC;
			margin-bottom: 5px;
		}
		
		.relatorio-conteudo h1.tracejado{
			border-bottom: 1px dashed #CCCCCC !important;
			text-align: left;
			font-size: 10pt;
			font-variant: small-caps;
			line-height: normal;
			margin-bottom: 5px;
		}
		
		.relatorio-conteudo hr {
			margin: 5px 0;
			width: 100%;
			background: #CCCCCC;
		}

		.relatorio-conteudo span {
			display: block;
			margin: 0 0 10px;
		}

			.relatorio-conteudo span hr {
				margin: 0;
			}

		.relatorio-conteudo table {
			width: 100%;
		}
			.relatorio-conteudo table caption{
				border-style: solid;
    			border-width: 1px 0;
    			font-weight: bold;
    			margin-bottom: 2px;
			}
			
			.relatorio-conteudo table thead tr th {
				font-weight: bold;
			}

			.relatorio-conteudo table tbody tr td {
				font-size: 12pt;
				word-break: break-word;
			}
			
			.relatorio-conteudo table.borda thead tr td {
				border-style: solid;
   				border-width: 1px;
   				padding-bottom: 3px;
   				padding-right: 2px; 
   				padding-left: 2px;
			}
			
			.relatorio-conteudo table.borda tbody tr td {
				border-style: solid;
   				border-width: 1px;
   				padding-bottom: 3px;
   				padding-right: 2px; 
   				padding-left: 2px;
			}
			
			.relatorio-conteudo .caption {
				border-bottom: solid 1px; 
				border-top: solid 1px; 
				font-weight: bold; 
				text-align: center;
			}
		
		

	/* rodape */
	.relatorio-rodape {
		display: block;
		width: 98%;
		height: 33px;
		border: 1px solid #CCCCCC;
		padding: .5% 1%;
	}

		.relatorio-rodape .icone {
			float: left;
			width: 18%;
			height: auto;
			padding: 2px 0 1px;
		}

			.relatorio-rodape .icone .voltar {
				float: left;
				width: auto;
				height: 24px;
				padding: 5px 0 0 29px;
				background: url(../images/ico-voltar.png) no-repeat scroll left center;
			}

			.relatorio-rodape .icone .imprimir {
				float: right;
				width: auto;
				height: 24px;
				padding: 5px 29px 0 0;
				background: url(../images/ico-imprimir.png) no-repeat scroll right center;
			}

		.relatorio-rodape .texto {
			float: left;
			width: 64%;
			height: auto;
			text-align: center;
			font-size: 9pt;
			line-height: 12pt;
		}
	
	
	.radioright input {
	    float: left;
	    margin-left: 50px;
	}
	
	.radioright label {
	    float: right;
	}
	
	.radioSimNao td {
	    white-space: nowrap;
	    width: !important;
	    text-align: left;
	}
	
	.radioSimNao input {
		text-align: left;
	    margin-right: 0%;
	    margin-left: 0%;
	    width: 31% !important;
	}
	
	.radioSimNao label {
		display: inline;
		text-align: left;
		width: 5% !important;
		margin-left: 0%;
		margin-right: 20px;
		background: #FFFFFF !important;
	}
	
	.break-word {
		word-wrap: break-word;
	}
	
/*--------------------Tema das p�ginas-------------------------------------------------------*/
#rodape {
  background: #005883 url("../images/bg-rp.png") repeat-x;
  border-top: 1px solid #C2D1E5;
  margin-top: 0;
  height: 70px;
  color: #fff;
  padding-top: 10px;
}
/* Rodape - Componente de browsers suportado
------------------------------------------------------------------------------------------------*/
#rodape {
  position: relative;
  min-height: 105px;
  height: auto;
  padding: 10px 0;
}
.topo-rodape {
  display: block;
  width: 960px !important;
  height: 24px;
  padding: 0 0 10px;
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #669bb5;
}
	.topo-rodape .ir-topo {
	  display: inline-block;
	  width: auto;
	  height: 100%;
	  padding: 0;
	  margin: 0;
	}
		.ir-topo a {
		  color: #669bb5;
		  text-decoration: none;
		  font-size: 13px;
		  font-weight: bold;
		  line-height: 17pt;
		}
		.ir-topo a:hover {
		  color: #fff;
		}
	.topo-rodape .versao {
	  float: right;
	  color: #669bb5;
	  margin-right: 10px;
	  line-height: 17pt;
	}
	.topo-rodape .versao:hover {
	  color: #FFF;
	}
	.topo-rodape .navegadores {
	  float: right;
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  height: 24px;
	  width: 112px;
	  background: #297296;
	  background: rgba(255, 255, 255, 0.4);
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	}
		.navegadores li {
		  float: left;
		  display: block;
		  height: 24px;
		  width: 24px;
		  overflow: hidden;
		  margin: 0 2px;
		  background: url("../images/sprite_compatibilidade.png") no-repeat;
		  cursor: help;
		}
		.navegadores li a {
		  display: block;
		  height: 24px;
		  width: 24px;
		  text-indent: -1000px;
		  overflow: hidden;
		  cursor: url;
		}
		.navegadores li.inativo {
		  cursor: auto;
		  opacity: 0.5;
		}
		.navegadores li.msie {
		  background-position: 0 0;
		}
		.navegadores li.mff {
		  background-position: -24px 0;
		}
		.navegadores li.gc {
		  background-position: -48px 0;
		}
		.navegadores li.asf {
		  background-position: -72px 0;
		}
		.navegadores li.msie.inativo {
		  background-position: 0 -48px;
		}
		.navegadores li.mff.inativo {
		  background-position: -24px -48px;
		}
		.navegadores li.gc.inativo {
		  background-position: -48px -48px;
		}
		.navegadores li.asf.inativo {
		  background-position: -72px -48px;
		}

.desenvolvimento {
  float: right;
  width: auto;
  height: 69px;
  padding: 0;
  color: #FFF;
  font-size: 13px;
  line-height: 50pt;
}

	.desenvolvimento a {
		display:inline-block;
		width: 66px;
		height: 60px;
		margin: 0 3px;
		background: url("../images/ico-tema.png") 0 -200px no-repeat;
		font-size: 0px;
		text-decoration: none;
		opacity: .8;
		vertical-align: middle;
	}

	.desenvolvimento a:last-of-type	 {
		width: 83px;
		height: 24px;
		margin: 0 0 0 4px;
		background: url(../images/logo-ufrn.png) right center no-repeat;
	}
	
	.desenvolvimento a:hover {
		opacity: 1;
	}

.info_sistema {
  width: 160px;
  height: 30px;
}
.versao_sistema {
  float: right;
  padding: 7px 0;
  font-size: 85%;
  margin: 0 0 0 10px;
}

span.footer-note {
  display: block;
  width: auto;
  padding: 15px 0;
  background: none;
  height: auto;
}



.tooltipAutoComplete div  {	
	border:none;
	padding:0px;	
}

.rf-cal-hdr-month .rf-cal-tl-btn{
	width: 130px;
}



/* estilo da cortina */
.cortina-conteudo {
	width: 730px;
}
.cortina-conteudo.escondido {
	width: 900px
}
.cortina ul.cortina-menu {
	width: 183px;
}
.cortina ul.cortina-menu.escondido {
	width: 20px;
}
.cortina ul.cortina-menu li {
	border: 1px solid #CEDEEC !important;
	border-top: none !important;
	border-radius: 0px;
	width: 170px;
}
.cortina ul.cortina-menu li:first-child {
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #CEDEEC !important;
}
.cortina ul.cortina-menu li:last-child {
	border-radius: 0 0 3px 3px;
}
.cortina ul.cortina-menu.escondido li {
	background: #ECF4F9 !important;
	border-bottom: 0px !important;
	width: 5px;
}
.cortina ul.cortina-menu.escondido li:first-child, .cortina ul.cortina-menu.escondido li:last-child {
	border-bottom: 1px solid #CEDEEC !important;
}

.cortina ul.cortina-menu li.btn a {
	display: block;
	text-align: left;
	background: none;
    height: auto;
    width: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #222222 !important;
    text-indent: inherit;
}
.cortina ul.cortina-menu li.btn a span.icone {
	float: right;
	margin: 4px 0 0 5px;
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -96px;
	height: 14px;
	width: 7px;
}
.cortina ul.cortina-menu.escondido li, .cortina ul.cortina-menu.escondido li.btn {
	width: 7px;
}
.cortina ul.cortina-menu.escondido li.btn {
	height: 20px !important;
}
.cortina ul.cortina-menu.escondido li.btn a {
	font-size: 0;
}
.cortina ul.cortina-menu.escondido li.btn a span.icone {
	margin: 3px 0 0 0;
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -194px;
}

.btn:hover {
	background: #F5F5F5;
}

.titulo_azul a:hover {
	text-decoration: none;
}

.titulo_cinza_publico {
	background: #FAFAFA !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-weight: normal !important;
}
	.titulo_cinza_publico a {
		color: #3D3D3D !important;
	}
	.titulo_cinza_publico a:hover {
		color: #0088CE !important;
		text-decoration: none;
	}
	
/* Página de enquete*/
.conteudo-painel .enquete{
	font-size: 15px;
}

/* Estilos para uso em notificações visuais na plataforma */
.notification_container {
    position: relative;
}

span.notification_bubble {
    position: absolute;
    height: 12px;
    width: 12px;
    top: -20%;
    right: -20%;
    
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    font-size: 10px;
    text-align: center;
}

span.notification_bubble.icon {
    height: 16px;
    width: 16px;
    top: -20%;
    right: 20%;
    
    font-weight: bold;
    font-size: 11px;
}

span.notification_bubble.menu_texto {
	height: 14px;
    width: 14px;
	top: -15%;
    right: -15%;
    
    padding: 0px;
}

span.notification_bubble.menu_imagem {
	height: 14px;
    width: 14px;
	top: -15%;
    right: -50%;
    
    padding: 0px;
}

/* Estilos para uso em Modal */

.modal_container {
	
}

.modal_container .form-grid-4.conteudo {
	white-space: pre-wrap;
}

/* Legenda em barra fixa */

.nav-container{ background-color: #FAFAFA;}
.conteudo-painel .f-nav{ z-index: 9999; position: fixed;  bottom: 0;} 
.nav-container-header{ background-color: #FAFAFA;}
.conteudo-painel .h-nav{ z-index: 9999; position: fixed;  top: 0;} 

.btn.sucess {
    background-color: #4CAF50;
    border-color: #05A30A;
}
.btn.sucess:HOVER {
	color: #FFFFFF;
	text-shadow: 0 1 1 black;
}

.btn.danger {
    background-color: #f44336;
    border-color: #E5281A;
}

.btn.danger:HOVER {
	color: #FFFFFF;
	text-shadow: 0 1 1 black;
}

.panel-primary .panel-heading a {
	color: #FFFFFF;
}

.panel-heading a:hover, a:focus {
	text-decoration: none;
}
.content-overlay{position: relative;}
.overlay{position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background-color: rgba(255,255,255,0.8);}
.overlay-content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}

.graph {
    width: 100%; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 30px;
    border: 1px solid #888;
    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    position: relative;
}
#bar {
    height: 29px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    background: -webkit-linear-gradient(top, #52b152 27%,#008a00 61%,#008a00 87%,#005700 100%,#002400 99%);
    border-top: 1px solid #9ffb9a;
}
#bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; font-weight: bold; color: white;}

.default {
    font-size:11px;
    padding:2px;
	cursor: move; /* fallback: no `url()` support or images disabled */
    cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor:    -moz-grab; /* Firefox 1.5-26 */
    cursor:         grab; /* W3C standards syntax, should come least */
}

.rf-p-b {
	color: #000000 !important;
	padding: 1px !important;
}

.rf-p {
	background-color: transparent !important;
	border-width: 0 !important;
	border-style: none !important;
    padding: 0 !important;
}

.rf-ind-drag.default {
    padding-left:30px;
    background-image: url("../images/transfer_32.png");
    background-size: 16px 16px;
    background-position: 5px;
    background-repeat: no-repeat;
    border:1px solid gray;
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
}

#barra-brasil div nav ul li a {
	display: initial;
	border-right: 0px;
	font-size: 11.3px;
}

#barra-brasil div nav ul li {
	height: auto;
}

#barra-brasil .orgaos-governo-barra ul li a {
	font-size: 11px !important;
}

.calendar-bottom span table {
	top: 33px !important;
}

.badge {
  padding: 0px 5px;
  border-radius: 50%;
  background-color: red;
  color: white;
  position: absolute;
}

.panel-header{
	cursor: pointer;
}

.panel-body{
	display: none;
}

.panel-header-1{
	cursor: pointer;
}