@charset "utf-8";
/* ------------------------------ GENERICS ---------------------------- */

	.slogan {
	  font-size: 1.5rem;         /* Tamanho maior que o texto comum */
	  font-weight: 600;          /* Negrito leve para destaque */
	  font-style: italic;        /* Deixa com aparência mais inspiradora */
	  color: #2c3e50;            /* Cor escura elegante (ou personalizada) */
	  text-align: center;        /* Centraliza o slogan */
	  margin: 2rem auto;         /* Espaçamento externo para respiro */
	  max-width: 600px;          /* Mantém o texto legível em telas largas */
	  line-height: 1.6;          /* Espaçamento entre linhas */
	  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	  
	}

	

	.temporizador {
		  border-collapse: collapse; 
		  margin: 1rem auto; 
		  
		  td {
		    width: 120px;
		    height: 40px;
		    border: 1px solid #ccc;
		    background: #eeeeee;          /* cor neutra inicial */
		    transition: background 0.3s;  /* animação suave */
		  }	
		}
	
	.preenchida { background: royalblue; } /* cor após o “tick” */
	
	.imagem {
	  border-radius: 8px;
	  width: auto;
	  height: 1100px;
	}
	
	.subtitulo{
		font-size:29px;
		}

	
	body {
	  font-family: 'Great Vibes';
	  font-size: 18px;
	  line-height: 1.9;
	  margin: 0;
	  padding: 0;
	}
	
	/* Padroniza os parágrafos */
	p {
	  margin-bottom: 1em;
	}
	
	/* Outros elementos de texto */
	h1, h2, h3, h4, h5, h6 {
	  font-family: 'Great Vibes';
	  color: #222222;
	  margin-top: 1em;
	  margin-bottom: 0.5em;
	}
	
	/* Links padrão */
	a {
	  color: navy;
	  text-decoration: none;
	}   
	 
	.editInsert{
		    
		td{
			padding:10px;
			font-size: 1.2em;
		}
		th{
			padding:10px;
			font-size: 1.4em;
		}
	} 
	.tituloSite table {
		width: 100%;
	}
	
	.tituloSite td {
		font-size: 40px;
		font-family: "Apple Chancery",cursive;
		width: 33%;
	}
	
	.valores {
		font-size: 35px;
		font-family: "Apple Chancery",cursive;
		color: green;
	}
	
	.valoresNeg {
		font-size: 35px;
		font-family: "Apple Chancery",cursive;
		color: red;
	}
	
	.custom-width{
			border-collapse: collapse;
			table-layout: fixed;
			word-wrap: break-word;
			justify-content: center;
			align-items: center;
			font-size: 1.4rem;
	}
	
	.nested {
			border-collapse: collapse;
		word-wrap: break-word;
		width: 100%;
		font-size: 1.2rem;
		
	}
	
	
	
	/*
	.custom-width td {
			width:200px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
			padding: 0;
			
		}
	*/
	th.ex1 {
			width:105px;
			
		}
		
	* {
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    /*list-style:none;*/
	    /*outline:none;*/
	    /*border:none 0px; */  
	}
	
	
	img {
	     border:none 0px;
	}
	

	
	/*
	table{
		font-size: 1.2em;
	}
	*/
	#contenedor {
	    /*width: 950px;
	    padding: 16px 26px 0 26px;
	    */
	    width: 100%;
	    height:auto;
	    margin:auto;
	    background-color:#FCFCFC;
	}
	
	.title1 {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    font-weight: bold;
	    padding: 1px 1px 1px 10px;
	    color:rgb(26, 95, 180);
	}
	
	.title2 {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    font-weight: bold;
	    padding: 1px 1px 1px 10px;
	    color:rgb(26, 95, 180);
	}
	
	.vertical-text1 {
	    color:#333;
	    border:0px solid red;
	    writing-mode:tb-rl;
	    -webkit-transform:rotate(-55deg);
	    -moz-transform:rotate(-55deg);
	    -o-transform: rotate(-55deg);
	    white-space:nowrap;
	    display:block;
	    bottom:0;
	    width:15px;/*20px*/
	    height:15px;/*20px*/
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:10px;/*12px*/
	    font-weight:normal;
	    text-shadow: 0px 0px 1px #333;
	    padding: 0px 0px 0px 5px;
	}
	
	.fonteVerdana{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.text1 {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    padding: 0px 0px 5px 0px;
	    color:#000;
	}
	
	.text2 {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.1em;
	    padding: 0px 0px 5px 0px;
	    color:#000;
	}
	
	.text3 {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    padding: 0px 0px 5px 0px;
	    color:#000;
	}
	
	.blueText {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #1c94c4;
	    background-color: #e78f08;
	    font-weight: bold;
	}
	
	.whiteText {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color:#FFFFFF;
	    background-color: #556B2F;
	    font-weight: bold;
	}
	
	
	.whiteTextgreenBackground {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color:#FFFFFF;
	    background-color: #2F4F2F;/*#003300;*/
	    font-weight: bold;
	}
	
	.redText {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    color:red;
	    text-decoration-color: red;
	    font-weight: bold;
	}
	
	.redGraphText {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    color:red;
	    text-decoration-color: red;
	    font-weight: bold;
	}
	
	.valorTotalReceita {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    color:blue;
	    text-decoration-color: blue;
	    font-weight: bold;
	}
	
	@font-face {
		 font-family: 'Great Vibes';
		  src: url('resources/fonts/GreatVibes-Regular.ttf') format('truetype');
		  font-weight: normal;
		  font-style: normal;
	}
	
	.text1Bold {
	    font-family: 'Great Vibes';
	    font-size: 1.4em;
	    padding: 0px 0px 5px 0px;
	    font-weight: bold;
	}
	
	.text1BoldMaior {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.34em;
	    padding: 0px 0px 5px 0px;
	    font-weight: bold;
	}
	
	.text1Gray {
	    font-family: 'Great Vibes';
	    font-size: 1.2em;
	    padding: 0px 0px 5px 0px;
	    color: #666666;
	}
	
	.buttonLink_temp{
	    background-color:#FFFFFF;
	    border:0px;
	    border-bottom:1px solid #000;
	    font-family: Tahoma,Arial, Helvetica;
	    font-size: 12px;
	    color:#556B2F;
	    /*border:1px solid #000000;*
	    /*background-color:#FAFAD2;*/     
	}
	
	/*a:link, a:visited {
	    text-decoration: underline;
	    color: black;
	    font-family: Tahoma,Arial, Helvetica;
	    font-size: 12px;
	}
	a:hover {
	    text-decoration: underline; 
	    color: #556B2F; 
	    font-family: Tahoma,Arial, Helvetica;
	    font-size: 12px;
	}*/
	
	.content-result{
	    padding: 0px 15px 0px 15px;/*0 dir 0 esq */
	    /*background-color:#FAFAD2;*/
	}
	
	.content-result-white{
	    padding: 0px 15px 0px 15px;/*0 dir 0 esq */
	    background-color: #E8E8E8;
	}
	
	.table-result{
	    border:0px;/*border:1px solid;*/
	    background-color:#FAFAD2;
	    padding: 1px 1px 1px 1px;
	    
	}
	
	.underlineTdTable{	
	    border-bottom: 1px #556B2F solid;
	    padding: 0px 6px 0px 0px;
	} 
	
	.table-result-grid-backup{
	    border:0px;/*border:1px solid;*/
	    background-color:rgb(192, 191, 188);
	    padding: 1px 1px 1px 5px;
	    tr:nth-child(even) {background-color: rgb(255, 255, 255);}
	}
	
	.table-result-grid-backup-met{
	    border:2px;/*border:1px solid;*/
	    background-color:#FAFAD2;
	    overflow: auto; 
	}
	
	.table-result-grid-backup td{	
	    border-bottom: 1px #556B2F solid;
	    padding: 5px 6px 3px 3px;
		font-size: 15pt;
	    /*font-family: Verdana, sans-serif, Arial;
	    font-weight: normal;
	    font-size: 11px;
	    color: #404040;
	    background-color: white;
	    text-align: left;*/
	    /*padding-left: 3px;*/
	} 
	
	.table-result-grid-backup th{	
	    border-bottom: 1px #556B2F solid;
	    padding: 5px 6px 3px 3px;
		font-size: 15pt;
	}
	
	.table-result-grid-backup-white{
	    border:0px;/*border:1px solid;*/
	    background-color: #E8E8E8;
	    padding: 1px 1px 1px 5px;
	}
	
	.table-result-grid-backup-withoutColor{
	    border:0px;/*border:1px solid;*/
	    padding: 1px 1px 1px 5px;
	}
	.table-result-grid-backup-withoutColor td{	
	    border-bottom: 1px #556B2F solid;
	    padding: 0px 6px 0px 0px;
	    /*font-family: Verdana, sans-serif, Arial;
	    font-weight: normal;
	    font-size: 11px;
	    color: #404040;
	    background-color: white;
	    text-align: left;*/
	    /*padding-left: 3px;*/
	} 
	

	
	.text-area-seq{
	    background-color: #FAFAD2;
	    border:0px;    
	    /*color:#556B2F;*/
	    /*border:1px solid #000000;*
	    /*background-color:#FAFAD2;*/
	     
	}
	
	.text-area-seq-gray{
	    background-color:#EEEEE4;
	    border:0px;    
	    /*color:#556B2F;*/
	    /*border:1px solid #000000;*
	    /*background-color:#FAFAD2;*/
	     
	}

	.temporizador{
		
		table {
			border-collapse: collapse;
		    width: 100%;
		    border: none;
	 		line-height: "10%"; /* Define a altura da linha como 1.5 vezes o tamanho da fonte */
		}
	
		td {
	  		line-height: "10%"; /* Define a altura da linha para células de dados e cabeçalho */
	  		font-size: 1.2em;
		}
		
		th {
	  		line-height: "10%"; /* Define a altura da linha para células de dados e cabeçalho */
	  		font-size: 1.4em;
		}
		
	}
	
	.cabecalhoHistorico {
		font-size: 1.4rem;
		font-family: 'Great Vibes';
	}
	
	
	.cabecalhoRelat{
		
		table {
			border-collapse: collapse;
		    width: 100%;
		    border: none;
	 		line-height: "10%"; /* Define a altura da linha como 1.5 vezes o tamanho da fonte */
		}
	
		td {
	  		line-height: "10%"; /* Define a altura da linha para células de dados e cabeçalho */
	  		font-size: 1.4rem;
		}
		
		th {
	  		line-height: "10%"; /* Define a altura da linha para células de dados e cabeçalho */
	  		font-size: 1.4rem;
		}
		
	}
	
	
	.table-result-grid table {
	    border-collapse: collapse;
	    width: 100%;
	    border: none;
	    margin: auto;
	    
	}
	
	.table-result-grid th {
	    padding: 8px;
	    border-top: 1px solid #000;
	    border-bottom: 1px solid #000;
	    font-size: 1.4em;
	    
	 }
	 
	 
		 
	.table-result-grid tr:nth-child(2) th {
		border-top: none;
	    border-bottom: 1px solid #000;
	    font-size: 1.2em;
	    
	}
	
	.table-result-grid td {
	    padding: 8px;
	    /* Apenas borda inferior */
	    border-bottom: 1px solid #000;
	    font-size: 1.2em;
	    
	}
	
	
	
	textarea {
	        text-align: justify;
	        white-space: normal;
	    }
	    
	.imageDom{
	    width: auto; /*height: 300px;*/
	    overflow: auto;
	    overflow-x: auto;
	    overflow-y: auto;
	    padding: 1px 1px 1px 5px;
	}
	
	.region-form{
	    border:0px;/*border:1px solid;*/
	    background-color: #FFFFFF;
	    padding: 5px 5px 5px 5px;
	}
	
	.table-example-columns{
	    background-color:#A80000; /*#C00000; */
	    color:white;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    padding: 0px 0px 5px 0px;
	}
	
	.table-example-data{
	    background-color:#E8E8E8; /*#C00000;*/
	    color:#000;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    padding: 0px 0px 5px 0px;
	}
	
	.table-result-data-small{
	    background-color:#E8E8E8; /*#C00000;*/
	    color:#000;
	    border:1px solid;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    padding: 0px 0px 5px 0px;
	}
	
	.region-form-data{
	    border:1px solid;/*border:1px solid;*/
	    background-color: #FFFAF0; /*#FFFFFF;*/
	    padding: 5px 5px 5px 5px;
	}
	
	.helplink{
	    cursor:help;
	}
	
	.divContent {
		margin: auto;
		width: 90%;
		padding: 10px;
		width: 100vw;
		height: 100hw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	
	input[type=text] {
				  padding: 12px 20px;
				  margin: 8px 0;
				  display: inline-block;
				  border: 1px solid #ccc;
				  border-radius: 4px;
				  box-sizing: border-box;
				}
				
	input[type=number] {
				  padding: 12px 20px;
				  margin: 8px 0;
				  display: inline-block;
				  border: 1px solid #ccc;
				  border-radius: 4px;
				  box-sizing: border-box;
				}			
	
	input[type=email] {
				  padding: 12px 20px;
				  margin: 8px 0;
				  display: inline-block;
				  border: 1px solid #ccc;
				  border-radius: 4px;
				  box-sizing: border-box;
				}
			
	.estiloSenha {
				  padding: 12px 20px;
				  margin: 8px 0;
				  display: inline-block;
				  border: 1px solid #ccc;
				  border-radius: 4px;
				  box-sizing: border-box;
				}	
							
	select {
				  padding: 12px 20px;
				  margin: 8px 0;
				  display: inline-block;
				  border: 1px solid #ccc;
				  border-radius: 4px;
				  box-sizing: border-box;
				}
				
	
	textarea {
	  padding: 12px 20px;
	  box-sizing: border-box;
	  border: 2px solid #ccc;
	  border-radius: 4px;
	  background-color: #f8f8f8;
	  font-size: 13px;
	  resize: none;
	}
	
	
	input[type=submit], button{
	
	font-family: Roboto, sans-serif;
	font-weight: 0;
	font-size: 14px;
	color: #fff;
	background-color: rgb(0, 0, 0);
	padding: 12px 14px;
	border: 2px solid rgb(0, 0, 0);
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
	border-radius: 50px;
	transition : 0ms;
	transform: translateY(0);
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	}
	/*
	input[type=submit]:hover{
	
	transition : 0ms;
	padding: 10px 14px;
	transform : translateY(-0px);
	background-color: #fff;
	color: #0066cc;
	border: solid 2px #0066cc;
	}
	
	
	/* --------------------------------------O-------------------------------*/
	
	
	/* -------------------------------- Body ------------------------------- */
	html, body, #contenedor {height: 100%;}
	body > #contenedor {height: auto; min-height: 100%;}
	
	#myhead{
	    height:15.5%;/*70px*/
	}
	#myHeadThin{
	    
	}
	#mybody{
	    border:0px solid gray;
	    font-size: 1.2em;
	    
	}
	#myBotton{
	    /*background: #B0F1B0;*/
	    /*width: 760px;*/
	    height: 40px;
	    clear:both;
	}
	/* --------------------------------------O-------------------------------*/
	
	#pop{
	    width:200px;
	    height:70px;
	    border:1px solid gray;
	    background-color:lightyellow;
	}
	#bigPop{
	    width:500px;
	    height:50px;
	    background-color:rgb(28, 113, 216);
	}
	
	button, a{
		text-decoration: none;
	}
	
	input[type="number"]{
	    width: 7em;
	} 
	
	/* Estilo para o título da empresa */
	#titulo-empresa {
	    font-family: 'Arial', sans-serif; /* Escolha a fonte desejada */
	    font-size: 36px; /* Tamanho do texto */
	    font-weight: bold; /* Peso da fonte (negrito) */
	    color: #333; /* Cor do texto */
	    text-align: center; /* Alinhamento do texto */
	    margin: 20px 0; /* Margem superior e inferior */
	    text-transform: uppercase; /* Transforma o texto em maiúsculas */
	}
	
	/* Estilo adicional para efeito de destaque */
	#titulo-empresa:hover {
	    color: gray; /* Cor do texto ao passar o mouse */
	}
	
	.fitwidth {
	   word-wrap: break-word;
	   width: 75%;
	   text-align: center;
	   max-width: fit-content;
	   margin-left: auto;
	   margin-right: auto;
	   display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: auto;
	   
	}
	
	
	/* ----- Cores das abas principais ----- */


	
	

	/* Texto das abas inativas */
	#mainTabs .ui-tabs-nav li a,
	#mainTabs2 .ui-tabs-nav li a,
	#tabs .ui-tabs-nav li a {
	  color: #4d4d4d;          /* cinza médio (inativo) */
	  font-weight: 700;
	  text-decoration: none;   /* remove sublinhado padrão do link */
	  background-color: #f0f4f8; /* nova cor de fundo da linha */
	}
	
	/* Texto da aba ativa */
	#mainTabs .ui-tabs-nav li.ui-state-active a,
	#mainTabs2 .ui-tabs-nav li.ui-state-active a,
	#tabs .ui-tabs-nav li.ui-state-active a {
	  color: navy;          /* azul destaque (ativo)   */
	  font-weight: 850;
	  background-color: #f0f4f8; /* nova cor de fundo da linha */
	}
	
	/* Hover: melhora acessibilidade */
	#mainTabs .ui-tabs-nav li a:hover,
	#mainTabs2 .ui-tabs-nav li a:hover,
	#tabs .ui-tabs-nav li a:hover {
	  color: navy;          /* azul um tom mais escuro */
	}
	
	
	.estiloDownload {
		  width: 100%;
		  border-collapse: collapse;
		  font-family: Arial, sans-serif;
		  color: #000;
		  border: 1px solid black;
		}
		
		.estiloDownload th,
		.estiloDownload td {
		  border: 1px solid black;
		  font-size: 12px;
		  padding: 2px 4px;       /* Reduzido ao mínimo confortável */
		  text-align: left;
		  line-height: 1;         /* Altura de linha mínima */
		}
		
		.estiloDownload th {
		  font-size: 12px;
		  font-weight: bold;
		}