.titulo         { 	TEXT-TRANSFORM: uppercase; font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.titulo:link    {	TEXT-TRANSFORM: uppercase; font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.titulo:houver  {	TEXT-TRANSFORM: uppercase; font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.titulo:visited {	TEXT-TRANSFORM: uppercase; font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.titulo:active  {	TEXT-TRANSFORM: uppercase; font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}

.menu           {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.menu:link      {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.menu:houver    {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.menu:visited   {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}
.menu:active    {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #7A83B8; text-decoration: none;}

.menu_selecionado         {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.menu_selecionado:link    {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.menu_selecionado:houver  {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.menu_selecionado:visited {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.menu_selecionado:active  {	font-family: arial,sans-serif;	font-size: 10px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}

.botao         {	font-family: arial,sans-serif;	font-size: 12px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.botao:link    {	font-family: arial,sans-serif;	font-size: 12px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.botao:houver  {	font-family: arial,sans-serif;	font-size: 12px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.botao:visited {	font-family: arial,sans-serif;	font-size: 12px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}
.botao:active  {	font-family: arial,sans-serif;	font-size: 12px;	font-weight: bold; 	color: #FFFFFF; text-decoration: none;}

.texto         { 	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto:link    {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto:houver  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto:visited {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto:active  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: none;}

.texto_link         { 	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: underline;}
.texto_link:link    {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: underline;}
.texto_link:houver  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: underline;}
.texto_link:visited {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: underline;}
.texto_link:active  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #000000; text-decoration: underline;}

.texto_verde         { 	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #009900; text-decoration: none;}
.texto_verde:link    {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #009900; text-decoration: none;}
.texto_verde:houver  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #009900; text-decoration: none;}
.texto_verde:visited {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #009900; text-decoration: none;}
.texto_verde:active  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #009900; text-decoration: none;}


.texto_vermelho         { 	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #FF0000; text-decoration: none;}
.texto_vermelho:link    {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #FF0000; text-decoration: none;}
.texto_vermelho:houver  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #FF0000; text-decoration: none;}
.texto_vermelho:visited {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #FF0000; text-decoration: none;}
.texto_vermelho:active  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: normal; 	color: #FF0000; text-decoration: none;}

.texto_vermelho_bold         { 	font-family: arial,sans-serif;	font-size: 11px;	font-weight: bold; 	color: #FF0000; text-decoration: none;}
.texto_vermelho_bold:link    {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: bold; 	color: #FF0000; text-decoration: none;}
.texto_vermelho_bold:houver  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: bold; 	color: #FF0000; text-decoration: none;}
.texto_vermelho_bold:visited {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: bold; 	color: #FF0000; text-decoration: none;}
.texto_vermelho_bold:active  {	font-family: arial,sans-serif;	font-size: 11px;	font-weight: bold; 	color: #FF0000; text-decoration: none;}

.texto_pequeno         { 	font-family: arial,sans-serif;	font-size: 9px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto_pequeno:link    {	font-family: arial,sans-serif;	font-size: 9px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto_pequeno:houver  {	font-family: arial,sans-serif;	font-size: 9px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto_pequeno:visited {	font-family: arial,sans-serif;	font-size: 9px;	font-weight: normal; 	color: #000000; text-decoration: none;}
.texto_pequeno:active  {	font-family: arial,sans-serif;	font-size: 9px;	font-weight: normal; 	color: #000000; text-decoration: none;}

.texto_mensagem         { 	font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #000000; text-decoration: none;}
.texto_mensagem:link    {	font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #000000; text-decoration: none;}
.texto_mensagem:houver  {	font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #000000; text-decoration: none;}
.texto_mensagem:visited {	font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #000000; text-decoration: none;}
.texto_mensagem:active  {	font-family: arial,sans-serif;	font-size: 14px;	font-weight: bold; 	color: #000000; text-decoration: none;}

/* ETF 2276*/
.atencao_new
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #d9534f;
}

/* Tabelas modernas */
.table-modern 
{ 
    width: 100%;                 /* Faz a tabela ocupar toda a largura do container */
    border-collapse: separate;   /* Mantém espaçamento entre células (ao contrário de collapse) */
    border-spacing: 0;           /* Remove o espaçamento padrão entre as células */
    font-size: 12px;             /* Define o tamanho da fonte */
    border-radius: 6px;          /* Arredonda os cantos externos da tabela */
    overflow: hidden;            /* Garante que o conteúdo respeite o arredondamento (sem vazar nas bordas) */
}

.table-modern th, .table-modern td 
{
    padding: 6px 8px;               /* Cria espaço interno (respiro) nas células: 6px em cima/baixo, 8px nos lados */
    border-bottom: 1px solid #ccc;  /* Adiciona uma linha cinza clara na parte inferior de cada célula */
}

.table-modern th 
{
    background-color: #6795CA;     /* Define a cor de fundo dos cabeçalhos (aquele lilás clarinho) */
    text-align: center;            /* Centraliza o texto dentro das células do cabeçalho */
    font-weight: bold;             /* Deixa o texto em negrito para destacar os títulos das colunas */
    border-right: 1px solid #ccc;  /* Cria uma linha vertical separando as colunas do cabeçalho */
	color: #fff;
	text-transform: uppercase;
}

.table-modern th:last-child 
{
    border-right: none;  /* Remove a borda direita do último cabeçalho, evitando uma linha extra no final */
}

.table-modern td 
{
    background-color: #ffffff;      /* Define a cor de fundo das células como branco */
    border-right: 1px solid #ccc;   /* Cria uma linha vertical separando as colunas da tabela */
}

.table-modern tr:nth-child(even) td {
    background-color: #f0f4f8;
}

.table-modern td:last-child 
{
    border-right: none;             /* Remove a borda direita da última célula da linha, evitando uma linha extra no final */
}


.table-modern-borda 
{ 
    width: 100%;                 /* Faz a tabela ocupar toda a largura do container */
    border-collapse: separate;   /* Mantém espaçamento entre células (ao contrário de collapse) */
    border-spacing: 0;           /* Remove o espaçamento padrão entre as células */
    font-size: 12px;             /* Define o tamanho da fonte */
    border-radius: 6px;          /* Arredonda os cantos externos da tabela */
    overflow: hidden;            /* Garante que o conteúdo respeite o arredondamento (sem vazar nas bordas) */
	border: 1px solid #000; /* Adiciona a borda externa */
}

.table-modern-borda th, .table-modern-borda td 
{
    padding: 6px 8px;               /* Cria espaço interno (respiro) nas células: 6px em cima/baixo, 8px nos lados */
    border-bottom: 1px solid #ccc;  /* Adiciona uma linha cinza clara na parte inferior de cada célula */
}

.table-modern-borda th 
{
    background-color: #6795CA;     /* Define a cor de fundo dos cabeçalhos */
    text-align: center;            /* Centraliza o texto dentro das células do cabeçalho */
    font-weight: bold;             /* Deixa o texto em negrito para destacar os títulos das colunas */
    border-right: 1px solid #ccc;  /* Cria uma linha vertical separando as colunas do cabeçalho */
	color: #fff;
	text-transform: uppercase;
}

.table-modern-borda th:last-child 
{
    border-right: none;  /* Remove a borda direita do último cabeçalho, evitando uma linha extra no final */
}

.table-modern-borda td 
{
    background-color: #ffffff;      /* Define a cor de fundo das células como branco */
    border-right: 1px solid #ccc;   /* Cria uma linha vertical separando as colunas da tabela */
}

.table-modern-borda tr:nth-child(even) td {
    background-color: #f0f4f8;
}

.table-modern-borda td:last-child 
{
    border-right: none;             /* Remove a borda direita da última célula da linha, evitando uma linha extra no final */
}

.table-modern-borda a {
    color: inherit;
    text-decoration: none;
}

.table-modern-borda a:hover {
    color: inherit;
    text-decoration: underline;
}

/* Inputs e textarea */
.texto_new 
{
    width: 100%;
    padding:3px;
    border-radius:4px;
    border:1px solid #4A8FD1;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
}

.texto_new_sem_borda {
    display: block;
    width: 100%;
    padding: 3px 0;           /* padding vertical menor, horizontal zero */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    border: none;
    box-shadow: none;
}

.cabecalho {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 36px; /* altura mais compacta */
    border-radius: 8px; /* borda uniforme */
    background: linear-gradient(135deg, #1F436D, #7DBAFF, #6795CA);
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s;
}

.topo {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 12px; /* substitui o <br> */
}

.instrucao
{
	margin-bottom:10px; 
	font-size:12px; 
	color:#555;
}

.status_verm {
    background-color: #f8d7da;
    color: #a33a3a;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.status {
    background-color: #7DBAFF;
    color: #FFF;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn_azul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #6795CA; /* azul mais claro da paleta do cabeçalho */
    color: #fff; /* texto branco */
    border: 1px solid #4A8FD1; /* mesma cor da borda */
    border-radius: 4px;
    padding: 3px 10px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}
					
					
/* Hover: tom ainda mais claro */
.btn_azul:hover {
    background-color: #7DBAFF; /* azul claro da paleta */
    transform: translateY(-1px);
}

.btn_vermelho
{
	font-family: Arial, Helvetica, sans-serif;  /* Define a fonte do texto: Arial como principal, Helvetica como alternativa e sans-serif como fallback */
	font-size: 12px;                            /* Define o tamanho do texto como 11 pixels (pequeno) */
	font-weight: bold;                          /* Deixa o texto em negrito */
	background-color: #f5c6cb;                  /* Cor de fundo rosa claro */
	color: #721c24;                             /* Cor do texto vermelho escuro */
	border: 1px solid #f1b0b7;                  /* Cria uma borda fina rosa um pouco mais escura que o fundo */
	border-radius: 4px;                         /* Cantos arredondados com raio de 4px */
	padding: 2px 6px;                           /* Espaçamento interno: 1px em cima/baixo e 6px nas laterais */
	cursor: pointer;                            /* Cursor muda para mãozinha ao passar o mouse (indica que é clicável) */
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);    /* Sombra discreta embaixo e à direita, dando efeito de leve elevação */
	transition: background-color 0.2s, color 0.2s; /* Suaviza a mudança de cor do fundo e do texto quando houver hover ou outro efeito */
}

/* Efeito ao passar o mouse */
.btn_vermelho:hover {
    background-color: #f1a1aa;
    color: #721c24;
}

/* Estilo moderno para o datepicker */
body .ui-datepicker {
    background: #F9F9F9;      
    border: 1px solid #6795CA; 
    border-radius: 6px;
    padding: 15px;               /* maior espaçamento */
    font-size: 14px;             /* fonte maior */
    color: #FFF;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);  /* sombra mais visível */
}

body .ui-datepicker-header {
    background: #6795CA;       
    color: #FFF;
    border: none;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    font-size: 16px;             /* mês/ano maior */
    padding: 8px 0;
}

body .ui-datepicker table {
    width: 100%;
    font-size: 14px;             /* dias maiores */
}

body .ui-datepicker a {
    color: #FFF;
    text-decoration: none;
    padding: 6px;                /* aumenta tamanho do clique */
    display: inline-block;
    border-radius: 4px;
}

body .ui-datepicker a.ui-state-hover,
body .ui-datepicker a.ui-state-active {
    background: #6795CA;
    color: #FFF;
    border-radius: 4px;
}

body .texto_new.ui-datepicker-trigger {
    vertical-align: middle;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-family: Arial, sans-serif;
    margin-top: 10px;
}

.page-btn {
    border: none;
    background-color: #f0f0f0;
    color: #333;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.page-btn:hover {
    background-color: #6795CA;
    color: #fff;
}

.page-btn.active {
    background-color: #6795CA;
    color: #fff;
}