html
{
  overflow: auto;
  height: 99%;
}
hr {
   border: 0;
   border-bottom: solid 1px rgba(160, 160, 160, 0.3);
   margin: 0.5em 0 0.5em 0; /* Lenildo 06/09/2018 */ 
}  
table
{
  overflow:auto;
}  
body
{
  background: #ffffff;
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
}
br{
clear: left;
}


.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.ui-autocomplete-loading { background: white url('../img/loading.gif') right center no-repeat; }

.readonly
{
  background-color:#f0f0f0 /*#d0e5f5; /*#D9EAE8; */
}

.qtd-msgs
{
  font-size:8pt;
  color:red;  
  font-style:italic;
}
.rs-textarea
{
   overflow:auto; 
   white-space:nowrap;
}   


.riscado {
   text-decoration:line-through;
}

*
{
  font-size: 8pt; 
  font-family: Tahoma, Verdana, sans-serif; 
  color: #000000;
  text-align: left;
}

/* === Containers === */
#table_menu
{
  height:100%;
}

#mainContentArea
{
  margin: 0 auto 0 auto; 
  display: table; 
  height: 100%;  
  position: relative; 
  overflow: hidden; 
  width: 600px;
}


.link,.linkActive
{
width:75px;
margin-right:10px;
float: left;
margin-top:24px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(../img/tab.gif);
position:relative; bottom:0px;
}

.link:hover
{
background-image:url(../img/tab2.gif);
}

a
{
text-decoration:none;
}

.link a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#linkGroup
{
margin-right:10px;
height:40px;
width:600px;
}

#title
{
width:230px;
height:40px;
margin-right:20px;
margin-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-align:center;
float:left;
}

.contentTitle
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#213E74;
font-size:19px;
margin-left:15px;
margin-right:12px;
margin-bottom:12px;
width:573px;
}

.pageContent
{
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
margin-left:20px;
margin-right:20px;
width:560px;
}

#blueBox
{
	position: absolute;
	vertical-align: middle;
	background-color:#E7EDF8;
	width:600px;
	clear:both;
}

#header
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
#  background-image:url(../img/background.jpg);
  background-image:url(../img/wallpaper4.jpg);
  background-repeat:no-repeat;
#  background-attachment:fixed;
  background-position:right;   
/*  background-color:#D9EAE8;
  display:block; */
/*      left bottom blur   0.80 = opacity */  
  box-shadow: -3px 3px 40px rgba(0, 0, 0, 0.80);
  -moz-box-shadow: -3px 3px 40px rgba(0, 0, 0, 0.80);
  -webkit-box-shadow: -3px 3px 40px rgba(0, 0, 0, 0.80);  
}
.texto-centralizado
{
  text-align:center;
}

#footer
{
  width:99%;
  height:30px; 
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.80);
  -moz-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.80);
  -webkit-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.80);  

}
#footer a
{
  font-size:12px;
  color:navy;
  float:right;
}

#contentBox
{
margin-top:25px;
}

html, body {
text-align: center;
}
p {text-align: left;}

.gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 01px;
	width: 99%; /*480px; */
	text-align: left;
	border-collapse: collapse;
}
.gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #b9c9fe url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color:#039;
   background-color:#d0e5f5; /*#D9EAE8;; /*#D9EAE8; */
}
.gradient-style td
{
	padding: 3px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../img/gradback.png') repeat-x;
}
.gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url('../img/gradhover.png') repeat-x;
	color: #339;
}

.pulo
{
  color:black;
}
.tabela_titulo {
  color:navy;
  text-align:center;
  background-color:#d0e5f5;  /*#D9EAE8; */
  font-size:150%;
  line-height:110%;
  margin-left:05px;
  width:100%;
}

.field-js 
{
  background-color:#d0e5f5; /*#D9EAE8; */
}

.spanlink
{
 cursor: pointer;
 text-decoration: underline;
 color:blue;
}

#toolbar {
  padding: 10px 10px;
}

.ui-progressbar-value 
{ 
  background-image: url(../img/pbar-ani.gif); 
}
.destaque
{
  font-weight:bold;
  color:navy;
}
.destaque_preto
{
  font-weight:bold;
  color:black;
}

.destaque_central
{
  font-weight:bold;
  color:navy;
  text-align:center;
}
.destaque_vermelho
{
  font-weight:bold;
  color:red;
}
.destaque_verde
{
  font-weight:bold;
  color:green;
}
.destaque_azul
{
  font-weight:bold;
  color:navy;
}
.destaque_laranja
{
  font-weight:bold;
  color:orange;
}

.destaque_vermelho_sub
{
  font-style:italic;
  font-weight:bold;
  color:green;
#  text-decoration: underline;
}
   
.total 
{
  text-align:right;
  font-weight:bold;
  font-style:italic;
  color:blue;

}
.destaque_span
{
  text-align:center;
  letter-spacing: 0.4cm; 
  word-spacing: 1cm;  
  font-style:italic;
  font-weight:bold;
  color:red;
  font-size:15px;
}

.perfil_valor {
  font-weight:bold;
  color:navy;
  text-align:right;
  width:100px;
}

.numero {
   text-align:right;
}

.erro
{
  color:red;
  font-style:italic;
  font-weight:bold;
}
.caixa_mensagem
{
	font-size: 18px;
	font-weight: 900;
   border-width:2px 2px;
   border-style:double double double double;   
   border-color:navy;   
   vertical-align:middle;
	padding: 8px;
	background: #b9c9fe url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color:#E7EDF8;
   background-color:#d0e5f5; /*#D9EAE8; */
}

.destaque_fieldset
{
  background: #d0e5f5; /*#D9EAE8; */
}

.table_header {
/* border: 1px groove #ffffff; 
 background: #464646 url(img/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;   
 color: #000000; 
 font-weight: bold; */
}

.oculta 
{
  visibility: hidden; /* função javascript faz o item visível quando o mouse está por cima dele */
}

/* Navigation */

nav {
	margin-bottom: 30px;
	position: relative;
}

nav ul {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 5px solid #bbb;
}

nav li {
	float: left;
	margin-right: 35px;
}

nav li a {
	color: #666;
	font-weight: bold;
}

nav li a:hover,
nav li a:focus,
nav li a.current {
	color: #000;
}

nav #indicador {
	position: absolute;
	left: 15px;
	bottom: 5px;
	width: 12px;
	height: 7px;
	background-image: url('../img/notch.png');
}

/* Content */

#partes section {
	display: none;
}

#partes p {
	margin-bottom: 1em;
	max-width: 50em;
	line-height: 1.6;
}

#abas{
      margin: 0px;
      padding: 0;
      width: 99%;
      height: 20px; 
	   border-top: 1px solid #d3ddff;
      border-bottom: 1px solid #d3ddff;
      border-left: 1px solid #d3ddff;
      border-right: 1px solid #d3ddff;
      border-collapse: collapse;
      font-size:150%;
    }

    
    #abas li{
      display:inline; 
    }
    #abas li a{
      display: block;
      width: auto;
      padding: 3px 8px;
      margin: 0 1px 0 0;
      width: 200px;
      float: left;
      background: url(../img/bullet.gif) no-repeat left center;
      color: #797979;
      text-decoration: none;
      text-indent: 5px;
    }
    #abas li a.selected{
      background: url(../img/bullet.gif) no-repeat left center;
      cursor: default;
      font-weight: bold;
      text-decoration: underline;
    }
     
     
    .contaba{
      clear: both;
    }
.scroll_div
{
  width: 90%; 
  height: 240px; 
  overflow: auto; 
}
.tabela-fixa
{
  display: block;   
  border-collapse: collapse;
}
.conciliacao-body
{
  overflow: auto;  
  width: 500px; 
  height: 600px; 
}
.conciliacao-body-lancamento
{
  overflow: auto;  
  width: 500px; 
  height: 505px; 
}
.scroll_div_small
{
  width: 95%; 
  height: 250px; 
  overflow: auto; 
}   
.scroll_div_small_2
{
  width: 95%; 
  height: 230px; 
  overflow: auto; 
}   
.scroll_div_big
{
/*  width: 90%;  */
  height: 99%;  /*360px;  */ 
  overflow: auto; 
}   
.mensagens
{
  text-align:center;
  font-weight:bold;
  background: #fff;  /* #D9EAE8; */
}
.margem-contribuicao
{
  font-size:16px;
  color:navy;
  font-weight:bold;
}
.margem-contribuicao-tr
{
  font-size:16px;
  color:navy;
  font-weight:bold;
  height:30px;
}
.margem-contribuicao-numero
{
  font-size:16px;
  color:navy;
  font-weight:bold;
  text-align:right;
  width:200px;
}
.grande 
{
  text-align:center;
  font-size:20px;
  width:99%;
  color:red;
  font-weight:bold;
  
}
.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
		height: 100px;
}
.valor_abaixo {
   color:red;
   font-weight:bold;
   background:pink;
}
.valor_acima {
   color:navy;
   font-weight:bold;
   background:yellow;
}
.valor_alerta {
   color:navy;
   font-weight:bold;
   font-style:italic;
   background:yellow;
}
meter {
  display: inline-block;
  width: 5em;
  height: 1em;
  vertical-align: -0.2em;
}

.desabilitado
{
/*  background : lightgrey;  */
}  
.calendario
{
   width:70px; 
}
.sub_menu ul li{
  position: relative; /* posição dos submenus em relação ao menu */
  display: inline;
  float: left;
}

.rs_link {
   color:navy;
   font-style:normal;
   text-decoration:underline;
}


/* PARA PROPOSTAS */
.proposta_proposta {
   background:#FFA54F;
}
.proposta_fechada {
   background:#32CD32;
}
.proposta_arquivada {
   background:white;
}
.proposta_contrato {
   background:#FFFF00;
}
.proposta_encerrada {
   background:#40E0D0;
}

/* PARA RELATÓRIOS DE SOLO */
.solo_pendente{
   background:#ffff66;  
}
.projeto_nao_atribuido{
   background:#F4A460;  
}
.solo_feito {
   background:#32CD32;
}
.solo_indefinido {
   background:pink;
}

/* PARA PROJETOS */
.projeto_pendente{
   background:#ffff66;  
}
.projeto_aguardando{
   background:#F4A460;  
}
.projeto_andamento {
   background:#32CD32;
}
.projeto_finalizado {
   background:#40E0D0;
}
.projeto_encerrado {
   background:white;
}
.projeto_indefinido {
   background:pink;
}
.invisivel {
   display:none;
}

.boleto_avencer {
   background:green;
}
.boleto_vencido {
   background:red;
}
.boleto_pago {
   background:#FFFFFF;
}
.boleto_limbo {
   background:orange;
}
.boleto_cancelado {
   background:yellow;
}


.colunas-validas {
   height:30px;
}   
.coluna_ordem_asc{
  background: url(../img/seta-cima.gif) no-repeat center top;
  cursor: pointer;
  font-style:italic;
  font-weight: bold;
  color: red;
  text-decoration: underline;
}
.coluna_ordem_desc{
  background: url(../img/seta-baixo.png) no-repeat center top;
  cursor: pointer;
  font-style:italic;
  font-weight: bold;
  color: red;
  text-decoration: underline;
}

.ordenavel {
  cursor: pointer;
}

textarea.fonte-gigante
{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:200%;
   line-height:1.8em;
   color:navy;
}
textarea.fonte-media
{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:120%;
   color:navy;
}

/* Dados para o upload */
/*---------------------*/
.progress { 
  position:relative; 
  width:400px; 
  border: 1px solid #ddd; 
  padding: 1px; border-radius: 3px; 
}
.bar { 
  background-color: #B4F5B4; 
  width:0%; 
  height:20px; 
  border-radius: 3px; 
}
.percent { 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}
/*--------------------------*/

.traco-a-direita {
   border-right: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-direita-largo {
   border-right: solid 1px rgba(160, 160, 160, 1);
}
.traco-a-esquerda-largo {
   border-left: solid 1px rgba(160, 160, 160, 1);
}
.traco-a-esquerda {
   border-left: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-esquerda-forte {
   border-left: solid 1px rgba(160, 160, 160, 0.6);
}
.traco-a-direita-forte {
   border-right: solid 1px rgba(160, 160, 160, 0.6);
}
.traco-a-baixo {
   border-bottom: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-baixo-fino {
   border-bottom: dotted 1px rgba(160, 160, 160, 0.3);
}
.traco-a-baixo-largo {
   border-bottom: solid 1px rgba(160, 160, 160, 1);
}
.traco-a-cima {
   border-top: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-cima-largo {
   border-top: solid 1px rgba(160, 160, 160, 1);
}
.caixa {
   border: solid 1px rgba(160, 160, 160, 0.3);
}
.quadro {
   border: solid 1px rgba(160, 160, 160, 0.3);
}


/*
.text-right {
   text-align: right;
}   
.text-center {
   text-align: center;
}   
*/  
.sub-total {
   display:none; 
}
.resultados {
   line-height: 2em;
   #max-height:800px;
   overflow: scroll; 
   #width:95%;
}   
.resultados-wrapper {
   line-height: 2em;
   #height:800px;
   width:99%;
   max-width:99%; 
}   

.res-ano-plan {
   background-color : rgba(0,112,192);
}
.res-ano {
   background-color : green;
   
}
.res-ano1 {
   background-color : black;
}
.res-ano2 {
   background-color : red;
}
.res-destaque
{
  font-weight:bold;
  color:white;
}

.preencheEspaco {
   width: 100%;   
}
.azul
{
  color:navy;
}
.bold {
  font-weight:bold;
}
.planejamento {
   width:80px;
}
.planilha-resultado {
   height:28px;
   vertical-align: middle; 
}   

.titulo {
   font-weight: bold;
}   
.titulo-grande {
   font-weight: bold;
   font-size:1.5em;
}   
.titulo-vermelho {
   font-weight: bold;
   background-color:yellow;
}   
.scroll
{
  height:90%;
  max-height:90%;
  overflow: auto; 
}

.texto-pequeno {
   font-size:0.8em;  
}

.memorial-bloco { 
  padding: 1.0em;
  margin: 0.5em;
}
.par2  { /* para linhas ÍMPARES */
  background-color:#dfeaeb; /*#D9EAE8; */
} 
.memorial-bloco-header { 
  padding: 0.0em;
  margin: 0.0em;
}

.container {
   padding: 15px;
}   

.prop-qtd {
   width:60px;
   max-width:60px;   
}
.prop-val {
   width:85px;
   max-width:85px;   
}   

.linha-total {
   background: #d1cfcf;
   font-weight:bold;
   min-height:2em;
}
.linha-planilha {
   min-height:23px;
   font-size:1.5em; 
}   
.linha-larga {
   min-height:40px;
   font-size:1.5em; 
}   
.linha-banco-horas {
   height:30px;
   font-size:1.5em; 
}   
.header-banco-horas {
   height:40px;
   font-size:1.5em; 
}   
.vermelho
{
  color:red;
}
.verde
{
  color:green;
}
.marrom
{
  color:maroon;
}
.boletos-header {
   color:red;
   background-color:rgba(149,179,215);
   font-weight:bold;
}   
.boletos-header-b {
   color:red;
   background-color:#a4f2f5; /*rgba(149,179,215); */ 
   font-weight:bold;
}   
.boletos-header-p {
   color:red;
   background-color:#a6f7bb; /* rgba(149,179,215); */ 
   font-weight:bold;
}   
.espacados {
   letter-spacing: 1em;
}   

.boletos-textarea {
   width: 100%;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}   

.boleto-titulo {
   font-weight: bold;
   color:navy;
}   

.linha-normal {
   line-height: 1em;
}

.imagem-icone {
   height:20px;
   width: 20px;
   background-color:transparent;
}
.imagem-icone-check {
   height:30px;
   width: 30px;
   background-color:transparent;
}
.imagem-icone-pequeno {
   height:15px;
   width: 15px;
}
.dinheiro {
   width:80px;
}   
.percentual {
   width:80px;
}   

.texto-grande {
   font-size:2em;
}   
.texto-medio {
   font-size:1.5em;
}   

.dissidio {
   background-color: #c2faa0;
}   
.linha-media {
   height:2.5em;
   font-size:1em; 
}   

.icone-grande {
   height:72px;
   width: 72px;
}
.texto-hora {
   width:50px;
}
.linha-edicao:hover {
   color:red;
}
.imagem-comprovante { 
   width:250px;
   height:150px;
}
.titulo-muito-grande {
   font-weight: bold;
   color: navy;
   font-size:2.5em;
}   
.largura-grande {
   height:3em;
}   
.fundo-azul {
   background-color:#05d1fa;
   font-weight: bold;
}   
.fundo-vermelho {
   background-color:#f5717c;
   font-weight: bold;
}   

.fundo-branco {
   background-color: white;    
}
.fundo-amarelo {
   background-color: yellow;    
}
.projeto-analise-header {
   height: 25px; /*2em; */
}   
.projeto-analise-titulo {
   color:navy;
   font-size:1.2em;
   font-weight:bold;
}   
input.autocomplete-good{
   background-image:url(../img/accept.png);
   background-repeat:no-repeat;
   background-size: 15px 15px;
   background-position: right 5px center;
   padding-right:22px;
}
input.autocomplete-bad{
   background-image:url(../img/delete.png);
   background-repeat:no-repeat;
   background-size: 15px 15px;
   background-position: right 5px center;
   padding-right:22px;
}
/* Item de TAB na tela de INFO PROJETOS */ 
.linha-tab {
   font-size:1.2em;
   font-weight:bold;
}
   
.size-w-100, .size-100 {
   max-width:100%;
   width:100%;
}   
.size-h-100, .size-100 {
   max-height:100%;
   height:100%;
}   

.size-w-70, .size-70 {
   max-width:70%;
   width:70%;
}   
.size-h-70, .size-70 {
   max-height:70%;
   height:70%;
}   
.size-w-50, .size-50 {
   max-width:50%;
   width:50%;
}   
.size-h-50, .size-50 {
   max-height:50%;
   height:50%;
}   

.size-w-95, .size-95 {
   max-width:95%;
   width:95%;
}   
.size-h-95, .size-95 {
   max-height:95%;
   height:95%;
}   
.linha-infos {
   min-height:1.2em;
   max-height:auto;
}   

.texto-vertical {
   /* para chrome */ 
   writing-mode: vertical-lr; 
   /* para os outros */ 
   writing-mode: sideways-lr;
}
.chrome-texto-vertical {
   -webkit-transform:rotate(-180deg); /* Chrome */     
}

.texto-vertical-OLD {
   /* negativo aponta para CIMA, positivo para BAIXO */ 
   transform: rotate(-90deg);   
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);   
}

.linha-meses {
   height:69px;
   font-size:1.0em; 
}
.linha-meses-cabecalho {
   height:80px;
   font-size:1.0em; 
}
.valor-mes {
   max-width:45px;
   width:45px;
   padding-left:0.0em;
}   
.tab-ferias td, .tab-ferias tr, .tab-ferias th {
   border: 1px solid black;   
}   

.cor1 {
   color: green;  /*#808000; */ 
}    
.cor2 {
   color: red;  /*#000000; */ 
}    
.cor3 { 
   color: navy;  /* #FF0000;  */ 
}
.cor4 { 
   color: sandybrown; /* #800000;  */ 
}
.cor5 { 
   color: brown;  /*#C0C0C0; */ 
}
.cor6 { 
   color: teal; /*#008000; */
}
.cor7 { 
   color: tomato; /*#0000FF; */
}
.cor8 { 
   color: #FF00FF; 
}
.cor9 { 
   color: #800080; 
}
.cor10 { 
   color: #00FF00; 
}
.corevento {
   background-color: #ffe6e6; /* #facfcf; */ 
}   

.letra-pequena {
  font-size:0.8em;
}  
.letra-grande {
  font-size:1.5em;
}  
.explicacao 
{
  font-size:0.9em;
  color:navy;  
  font-style:italic;
}
.linha-feriado {
   min-height:23px;
   font-size:1.5em; 
}   
.home-logo {
   height:25%;
   width:60%;
   max-height:800px;
   max-width:700px;
}   
.home {
   background-color:#f7f7f7;   
}   
.quadro-destaque {
   #text-shadow: 0 1px 1px #666666; 
   #background: rgba(255,255, 255, 0.4);
   box-shadow: 0px 1.0px 2px #888888;
   padding: 5px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
.textarea-fit {
  field-sizing: content;
  min-width:90%;
}