#topo {
/*
margin: 5px;
height: 80px;
*/
    background: silver;
    display: block;
    color: #000;
}

/*
#baixo {
position: absolute;
top: 405px;
margin: 5px;
height: 80px;
margin-left: 170px;
margin-right: 10px;
}
*/
#esquerda {
/*
position: absolute;
top: 205px;
left: 10px;
width: 150px;
*/
background: none;
}

/*#meio {
//top: 205px;
//--margin-left: 170px;-->
//--margin-right: 220px;-->
//--margin-right: 10px;-->
//background: none;
//}
*/
#direita {
position: absolute;
top: 105px;
right: 10px;
width: 200px;
background: silver;
}

.textopequeno {
font-family: verdana;
color: blue;
font-size: 13px;
}

table {
font-family: verdana;
color: black;
font-size: 13px;
border-collapse: collapse;
}
/*
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
}
li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}
estava conflitando com o css menu */ 
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
/*	background-color: #f1f1f1*/
	background-color: #000000
}

.dropdown:hover .dropdown-content {
     
	 display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

tr:hover {background-color: #f5f5f5}
tr:nth-child(even) {background-color: #f2f2f2}

/* Change the link color on hover */
li a:hover {
    background-color: #555;
    color: white;
}
li a.active {
    background-color: #4CAF50;
    color: white;
}

a {
    /*display: block;*/
    color: #000;
    padding: 1px 0 1px 16px;
    text-decoration: none;
}
a:hover {
    background-color: #555;
    color: white;
}
a.active {
    background-color: #4CAF50;
    color: white;
}
body {
font-family: Tahoma, Verdana, Arial;
font-size: 13px;
color: dimgray;
}
tablex, thx, tdx {
   border: 1px solid black;
}
Ax:link { color:navy; text-decoration:none; }
Ax:visited { color:steelblue; text-decoration:none; }
Ax:hover { color:blue; text-decoration:underline; }
BODYx { font-family:verdana;font-size:9pt;color:navy;background-color:white;}
PREx	{ font-family:verdana;font-size:9pt;color:navy;background-color:white;}
TDx { font-family:verdana;font-size:9pt;color:navy; }

.textodestaque {
font-family: verdana;
color: black;
font-size: x-small;
}

h4 {
font-family: verdana;
color: black;
}

.textolegenda {
font-family: verdana;
color: black;
font-size: xx-small;
}

.textologo {
font-family: verdana;
color: black;
font-size: medium;
}

P {
margin: 5 pixels; 
margin-left: 0; 
} 

A {
font-weight:bold;
text-decoration:none;
}

table.fixo { 
    table-layout:fixed;
 } 
.tabela_registros {
    width: 100%;
    background-color: white;
    border-collapse:collapse;
}
.titulos_registros {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;color: white;
    background-color: gray;
}
.exibe_registros {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    width: 100%;
    color: dimgray;
    background-color: whitesmoke;
}
.texto_pagina {
    font-family: Tahoma, Verdana, Arial;
    font-size: 15px;
    color: dimgray; 
}
th.tg-sort-header::-moz-selection {
    background:transparent;
}
th.tg-sort-header::-selection {
    background:transparent;
}
th.tg-sort-header {
    cursor:pointer;
}
table th.tg-sort-header:after {
    content:'';
    float:right;
    margin-top:7px;
    border-width:0 4px 4px;
    border-style:solid;
    border-color:#404040 transparent;
    visibility:hidden;  
}
table th.tg-sort-header:hover:after {
    visibility:visible;  
}
table th.tg-sort-desc:after,
table th.tg-sort-asc:after,
table th.tg-sort-asc:hover:after {
    visibility:visible;
    opacity:0.4;  
}
table th.tg-sort-desc:after {
    border-bottom:none;
    border-width:4px 4px 0;  
}
/* sugerido pelo gemini */
/* --- Reset Básico e Tipografia --- */
body {
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  background-color: #f4f7f6;
  color: #2c3e50;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* --- Cabeçalho e Menu --- */
/* Estilização para deixar a barra superior moderna */
#header, .menu, td[bgcolor] {
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364) !important;
  border-bottom: 3px solid #00a8ff;
}

/* Links do Menu */
a {
  color: #0077cc;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

a:hover {
  color: #004488;
  text-decoration: underline;
}

/* --- Formulários e Filtros (Dropdowns) --- */
select {
  padding: 8px 12px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 14px;
  color: #333333;
  outline: none;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: border-color 0.2s, box-shadow 0.2s;
}

select:focus {
  border-color: #0077cc;
  box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.2);
}

/* --- Tabela Principal de Resultados --- */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Cabeçalho da Tabela */
table th, table tr:first-child td {
  background-color: #1b365d !important;
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 12px 10px;
  border: none !important;
  text-align: center;
}

/* Linhas e Células da Tabela */
table td {
  padding: 10px;
  border-bottom: 1px solid #eef2f5;
  font-size: 13px;
  text-align: center;
}

/* Efeito Zebra e Hover nas Linhas */
table tr:nth-child(even) td {
  background-color: #f8fafc;
}

table tr:hover td {
  background-color: #eef6ff !important;
}

/* Ajuste nos Ícones de Certificado (HTML / PDF) */
table img {
  vertical-align: middle;
  transition: transform 0.2s;
}

table img:hover {
  transform: scale(1.15);
}

/* --- Botão / Link de Impressão --- */
a[href*="impressao"], .botao-impressao {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: #27ae60;
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

a[href*="impressao"]:hover {
  background-color: #219150;
  text-decoration: none;
}

/* marca d'agua <div class="watermark">CONFIDENCIAL</div>*/
  .watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 5rem;
    color: rgba(0, 0, 0, 0.08);
    pointer-events: none;
    z-index: 9999;
	
    user-select: none;
    white-space: nowrap;
  }