/**
     * @name Plataforma GRIFOS
	 * @author Rafael Barros Dutra
	 * @version 2.00
	 * @copyright RD 2018
	 * @date 2020-12-13
	 * estilo.php - Estilo CSS
	 * Criação de Variáveis para as principais cores
	 */

body{
	overflow:scroll;
	margin:2px;
}
	 
:root {
	/* Paleta Cores SIGA-DDNM: AZUL ACINZENTADO */
	--gf_titulo_tabela_background: rgb(122,135,168); /* titulo_tabela */
	--gf_titulo_tabela_fundo_text: rgb(255,255,220); /* titulo_tabela */
	--gf_titulo_tabela_color: rgb(255,255,255); /* titulo_tabela */
	
	--gf_top_menu_mestre_background: rgb(255,255,255); /* top_menu_mestre */
	--gf_top_menu_mestre_color: rgb(32,32,32); /* top_menu_mestre */
	
	--gf_titulo_tabela_color_hover: rgb(0,0,255); /* titulo_menu */

	--gf_titulo_campo_form_background: rgb(229,237,288); /* titulo_campo_form */
	
	--gf_titulo_campo_form_background: rgb(237,224,189); /* titulo_campo_form */

	--gf_titulo_campo_form_color: rgb(45,46,51); /* titulo_campo_form */
	
	--gf_titulo_tabela_relacional_background: rgb(143,156,193); /* titulo_tabela_relacional */
	--gf_titulo_tabela_relacional_color: rgb(255,255,255); /* titulo_tabela_relacional */

	/*--gf_titulo_busca_background: rgb(19,61,91);  titulo_busca */
	--gf_titulo_busca_background: rgb(225,225,225); /* titulo_busca */
	/*--gf_titulo_busca_color: rgb(255,255,255);  titulo_busca */
	--gf_titulo_busca_color: rgb(0,0,0); /* titulo_busca */
	
	--gf_titulo_celula_background: rgb(221,221,221); /* titulo_celula */
	--gf_titulo_celula_color: rgb(0,0,0); /* titulo_celula */
	
	--gf_busca_tabela_background: rgb(237,224,189); /* busca_tabela */
	
	--gf_linha_tabela_background: rgb(245,245,245); /* linha_tabela */
	
	--gf_linha_tabela1_background: rgb(225,225,225); /* linha_tabela1 */
	
	--gf_linha_tabela2_background: rgb(255,255,255); /* linha_tabela2 */
	
	--gf_linha_tabela4_background: rgb(239,247,255); /* linha_tabela4 */
	
	--gf_div_tab_background: rgb(239,247,255); /* div_tab */
	--gf_div_tab_color: rgb(0,0,0); /* div_tab */
	
	--gf_div_tab_button_background: rgb(45,46,51); /* div_tab_button */
	--gf_div_tab_button_color: rgb(255,255,255); /* div_tab */
	
	--gf_linha_tabela_background_hover: rgb(255,255,170); /* linha_tabela */
	
	--gf_linha_tabela1_background_hover: rgb(255,255,170); /* linha_tabela1 */
	
	
}
 


@media print {
    @page {
        size: a4 portrait;
        margin: 1.5cm;
    }
	
	.content-block, tr {
		page-break-inside: auto;
	}
	
	.div_info_prj{
		page-break-inside: auto;
	}
	
	.nova_pagina_print {
		page-break-before: always;
	}
	
	.evita_quebra_print{
		page-break-inside: avoid;
	}
	
	.menu_01{
		display:none;
	}
	
	.tab{
		display:none;
		
	}
	
	#tabela_menu{
		display:none;
	}
	
	.div_historico_relacional{
		max-height:150px;
	}
	
	.linkbotao_relacional.noprint{
		display:none;
	}
	
} 
	 


	 
	 
*{
	font-family: calibri, "Times New Roman", sans-serif;
	
	font-size: 13px;
}


.modulos{
	height: 17px;
	font-size: 14px;
}


a.linkBuscaDet:link {color:#000000;}
a.linkBuscaDet:visited {color:#000000;}
a.linkBuscaDet:active {color:#000000;}
a.linkBuscaDet:hover {color:#3399FF;}

a.linkTitulo:link {color: var(--gf_titulo_tabela_color);}
a.linkTitulo:visited {color: var(--gf_titulo_tabela_color);}
a.linkTitulo:active {color: var(--gf_titulo_tabela_color);}
a.linkTitulo:hover {color: var(--gf_titulo_tabela_color_hover);}

.linkBuscaDet {
	cursor:pointer;
	text-decoration:none;
	font-size: 11px;
	z-index:10;
}

.linkTitulo {
	cursor:pointer;
	text-decoration:none;
	font-size: 12px;
	z-index:10;
}


.top_banner {
	cursor:pointer;
	text-decoration:none;
	font-size: 14px;
	z-index:10;
	color: var(--gf_top_menu_mestre_color);
	font-style:normal;
	margin-left:10px;
}

a.top_banner:link {color: var(--gf_top_menu_mestre_color);}
a.top_banner:visited {color: var(--gf_top_menu_mestre_color);}
a.top_banner:active {color: var(--gf_top_menu_mestre_color);}
a.top_banner:hover {color: var(--gf_titulo_tabela_color_hover);}





/* Retirado por não fazer mais parte do Grifos

a.linkReferencia:link {color:#006600;}
a.linkReferencia:visited {color:#006600;}
a.linkReferencia:active {color:#006600;}

.mouseOut { 
	background: #708090;
	color : #FFFAFA;
}

.mouseOver { 
	background: #FFFAFA;
	color : #000000;
}
 
*/

/* Estilo para tabela tipo 1*/


.tabela_tipo_1 {
	border-collapse: collapse;
    margin: 25px;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.tabela_tipo_1 thead tr {
    background-color: var(--gf_titulo_tabela_background);
    color: var(--gf_titulo_tabela_color);
    text-align: center;
	font-weight: bold; 
}

.tabela_tipo_1 th,
.tabela_tipo_1 td {
    padding: 12px 15px;
}


.tabela_tipo_1 tbody tr {
    border-bottom: 1px solid #dddddd;
}


.tabela_tipo_1 tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
	color: var(--gf_titulo_tabela_background);
}

.tabela_tipo_1 tbody tr:hover {
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
}



.tabela_tipo_1 tbody tr:last-of-type {
    border-bottom: 2px solid var(--gf_div_tab_button_background);
}


/* Fim do Estilo para tabela tipo 1*/

.borda{
	padding:0px;
	border:2px solid #000066;
}

.titulo_tabela {
	font-size: 16px;
	font-weight: bold; 
	text-decoration: none;
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
}


.top_menu_mestre {
	font-size: 16px;
	font-weight: bold; 
	text-decoration: none;
	background-color: var(--gf_top_menu_mestre_background);
	color: var(--gf_top_menu_mestre_color);
}



.titulo_campo_form {
	font-size: 13px;
	font-weight: bold;
	padding: 7px 0 7px 5px;
	margin: 5px 0 5px 0px;
	text-decoration: none;
	border-left: solid 3px var(--gf_titulo_tabela_background);
	background-color: var(--gf_titulo_campo_form_background);
	color: var(--gf_titulo_campo_form_color);
}

.titulo_campo {
	font-size: 13px;
	font-weight: bold; 
	text-decoration: none;
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
}

.titulo_tabela_relacional {
	font-size: 16px;
	font-weight: bold; 
	background-color: var(--gf_titulo_tabela_relacional_background);
	color: var(--gf_titulo_tabela_relacional_color);
}

.titulo_campo_relacional {
	font-size: 13px;
	font-weight: bold; 
	background-color: var(--gf_titulo_tabela_relacional_background);
	color: var(--gf_titulo_tabela_relacional_color);
}

.titulo_busca {
	font-size: 13px;
	font-weight: bold; 
	background-color: var(--gf_titulo_busca_background);
	color: var(--gf_titulo_busca_color);
}

.titulo_celula {
	font-size: 13px;
	font-weight: bold; 
	background-color: var(--gf_titulo_celula_background);
	color: var(--gf_titulo_celula_color);
}

.busca_tabela {
	font-size: 13px;
	font-weight: bold; 
	background-color: var(--gf_busca_tabela_background);
}



.linha_tabela00{
	height: 35px;
	border:1px solid rgb(212,212,212);
	background-color: var(--gf_linha_tabela_background);
}

.linha_tabela0{
	height: 40px;
	background-color: var(--gf_linha_tabela_background);
}

.linha_tabela0:hover {
	background-color: var(--gf_linha_tabela_background_hover);
	/*color: var(--gf_titulo_tabela_color);*/
}

.linha_tabela{
	background-color: var(--gf_linha_tabela_background);
}

.linha_tabela:hover {
	background-color: var(--gf_linha_tabela1_background_hover);
	/*color: var(--gf_titulo_tabela_color);*/
}

.linha_tabela1 {
	height: 40px;
	background-color: var(--gf_linha_tabela1_background);
}

.linha_tabela1:hover {
	background-color: var(--gf_linha_tabela1_background_hover);
	/*color: var(--gf_titulo_tabela_color);*/
}

.linha_tabela2 {
	margin:0px 0px 0px 0px;	
	background-color: var(--gf_linha_tabela2_background);
}

.linha_tabela4 {
	background-color: var(--gf_linha_tabela4_background);
}


.tabela_entradas{
	background-color: var(--gf_busca_tabela_background);
}



.aviso_tabela {
	font-size: 14px;
	border-top: 3px dashed red;
	border-bottom: 3px dashed red;
	border-left: 3px dashed red;	
	border-right: 3px dashed red;
	padding:10px;
	margin:10px 30px 30px 10px;
	color:#220000;
	background-color:#FFFFCC;
}

.aviso_mysql{
	font-size: 14px;
	border-top: 3px dashed yellow;
	border-bottom: 3px dashed yellow;
	border-left: 3px dashed yellow;	
	border-right: 3px dashed yellow;
	padding:10px;
	margin:10 30 30 10;
	color:yellow;
	background-color:#000000;
}

.avisos{
	text-align:center;
	font-size: 14px;
	font-weight: bold; 
    text-decoration: none;
	width:40%;
	padding:1px;
	margin:2 30 2 30;
	color:white;
	cursor:pointer;
	background-color:#646496;
}


.opcoes_extras{
	font-size: 14px;
	border-top: 3px solid blue;
	border-bottom: 3px solid blue;
	border-left: 3px solid blue;	
	border-right: 3px solid blue;
	padding:10px;
	margin:10px;
	color:#FFFFFF;
	background-color:#9999FF;
}

.excessoes_relatorios {
	font-size: 16px;
	color:#FFFFFF;
	text-align:center;
	border-top: 3px solid ;
	border-bottom: 3px solid;
	border-left: 3px solid ;	
	border-right: 3px solid ;
	border-color:#000040;
	padding:5;
	margin:10 0 10 0;
	background-color:#000022;
	background-image: url(figuras/b_print.png);
	background-position: right;
	background-repeat: no-repeat;
}

.excessoes_titulo {
	font-size: 14px;
	color:#FFFFFF;
	text-align:center;
	border-top: 3px solid ;
	border-bottom: 3px solid;
	border-left: 3px solid ;	
	border-right: 3px solid ;
	border-color:#000040;
	padding:5px;
	margin:-10px 0 0 0;
	background-color:#003366;
	background-image: url(figuras/b_tipp.png);
	background-position: right;
	background-repeat: no-repeat;
}

.excessoes_opcoes{
	font-size: 14px;
	color:#000000;
	text-align:center;
	border-top: 3px solid ;
	border-bottom: 3px solid;
	border-left: 3px solid ;	
	border-right: 3px solid ;
	border-color:#000040;
	padding:5px;
	margin:-13px 10px 10px 10px;
	background-color:#EAEAFF;
	}

.busca_detalhada {
	font-size: 16px;
	color:#FFFFFF;
	text-align:center;
    width:95%;
	border-top: 0px solid ;
	border-bottom: 0px solid;
	border-left: 0px solid ;	
	border-right: 0px solid ;
	border-color:#004000;
    text-decoration: none; 
	padding:5px;
	margin:0 0 0 0;
	background-color:#646496;

}

.busca_detalhada:hover {
	background-color:#AAAAFF;

	color:#000000;
}

.botao_especial{
	font-size: 14px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;	
	border-right: 1px solid;
	border-color:blue blue blue blue;
	padding:6px;
	margin:6px;
	color:#FFFFFF;
	background-color:#000022;
}

.dia {font-size: 8pt; color: #FFFFFF}
.data {font-size: 8pt; text-decoration:none; color:#191970}
.mes {font-size: 8pt}
.Cabecalho_Calendario {color: #000000; text-decoration:none; font-weight:bold}

.input {
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFE;
}

.input_valor_edit {
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFDD;
	text-align:right;
    width:100%;
	border-radius:4px;
	padding:5px;
	border-color: rgb(128,128,128);
}

.input_outra {
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
	text-align:left;
    width:47%;
}

.input_2 {
	border-width: 1px;		
	border-style: solid;
	background-color:#FFFFFF;
}

.input_listmenu {
	width:100%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
}


.input_listmenu_b3 {
	width:100%;
	border-style: solid;
	border-width: 1px;
	height:30px;
	background-color:#FFFFFF;
}

.input_listmenu_b3_efetivo {
	width:100%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFF00;
}


.input_listmenu_busca {
	width:70%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
}

.input_listmenu_busca_facil {
	width:25%;
	border-style: solid;
	border-width: 1px;
	background-color:#FAFAFF;
}


.input_text {
    width:100%;
	border-style: solid;
	border-width: 1px;
	min-height:30px;
	background-color:#FFFFFF;
	border-radius:4px;
	padding:2px;
	border-color: rgb(128,128,128);
	margin:2px;
}

.input_text:focus {
	border-style: solid;
	border-width: 2px;
	border-radius:4px;
	/*background-color: var(--gf_titulo_tabela_fundo_text);*/
	background-color: var(--gf_linha_tabela2_background);
	/*color: var(--gf_titulo_tabela_color);*/
	color: var(--gf_div_tab_color);
	
}

 
.input_text_efetivo {
    width:100%;
	border-style: solid;
	border-width: 1px;
	min-height:30px;
	background-color:#FFFF00;
	border-radius:4px;
	padding:2px;
	border-color: rgb(128,128,128);
	margin:2px;

}

.input_text_efetivo:focus {
	border-style: solid;
	border-width: 2px;
	border-radius:4px;
	/*background-color: var(--gf_titulo_tabela_fundo_text);*/
	background-color:#FFFF00;
	/*color: var(--gf_titulo_tabela_color);*/
	color: var(--gf_div_tab_color);
	
}

.input_file {
    width:70%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
}

.input_textarea {
	width:100%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
	border-color: rgb(128,128,128);

}

.input_data {
	border-style: solid;
	border-width: 1px;
	width:100%;
	text-align:right;
	/*padding-right:20px;*/
	padding-right:30px;
	background-image: url(figuras/b_calendar.png);
	background-size: 24px 24px;
	background-position: right;
	background-repeat: no-repeat;
	height:30px;
	border-radius:4px;
	background-color:#FFFFDD;
	
	
}

.input_data:focus {
	border-style: solid;
	border-width: 2px;
	border-radius:4px;
	background-color:#FFFFDD;
	
}

.input_data_pq {
	border-style: solid;
	border-width: 0px;
	background-color:#FFFFEE;
	width:120px;
	text-align:right;
	padding-right:20px;
    background-image: url(figuras/b_calendar.png);
	background-size: 20px 20px;
	background-position: right;
	background-repeat: no-repeat;
}

.input_data_hora_pq {
	border-style: solid;
	border-width: 0px;
	background-color:#FFFFEE;
	width:203px;
	text-align:right;
	padding-right:20px;	
	background-position: right;
	background-repeat: no-repeat;
}

.input_text_pq {
	width:100%;
	border-style: solid;
	/*border-width: 0px;*/
	border-width: 1px;
	background-color:#FFFFFF
}

.input_text_busca_externa {
	width:80%;
	border-style: solid;
	border-width: 0px;
	background-color:#FFFFFF
}

.input_valor_pq {
	border-style: solid;
	border-width: 0px;
	background-color:#FFFFEE;
	text-align:right;
    width:120px;
}

.required {
	width:250px;
	width:100%;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
	background-image: url(figuras/required.gif);
	background-position: right;
	background-repeat: no-repeat;
}


.linkbotao {
   	width:120px;
	padding:5px;   
	font-size: 14px; 
	font-weight: bold; 
	text-align:center;
	text-indent: 0px;   
	color: #FFFFFF; 
	text-decoration: none; 
	border-top: 1px solid var(--gf_busca_tabela_background);
	border-bottom: 3px solid var(--gf_busca_tabela_background);
	border-left: 1px solid var(--gf_busca_tabela_background);
	border-right: 3px solid var(--gf_busca_tabela_background);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	border-radius:5px;   
	margin:3px 3px 0px 0px;
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
	   
	
} 
.linkbotao:link, 
.linkbotao:visited { 

} 

.linkbotao:hover { 
	border-top: 3px solid var(--gf_busca_tabela_background);
	border-bottom: 1px solid var(--gf_busca_tabela_background);
	border-left: 3px solid var(--gf_busca_tabela_background);
	border-right: 1px solid var(--gf_busca_tabela_background);
	background-color: var(--gf_div_tab_button_background);
}

.linkbotao_busca {
	width:120px;
	padding:5px;  
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	text-indent: 0px;  
	text-decoration: none;
	border-top: 1px solid var(--gf_busca_tabela_background);
	border-bottom: 3px solid var(--gf_busca_tabela_background);
	border-left: 1px solid var(--gf_busca_tabela_background);
	border-right: 3px solid var(--gf_busca_tabela_background);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	border-radius:5px;  
	margin:3px 0px 3px 0px;
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
} 

.linkbotao_busca:hover { 
	border-top: 3px solid var(--gf_busca_tabela_background);
	border-bottom: 1px solid var(--gf_busca_tabela_background);
	border-left: 3px solid var(--gf_busca_tabela_background);
	border-right: 1px solid var(--gf_busca_tabela_background);
	background-color: var(--gf_titulo_celula_background);
} 


.linkbotao_relacional {
   	width:120px;
	padding:5px;   
	font-size: 13px; 
	font-weight: bold; 
	text-align:center;
	text-indent: 0px;   
	text-decoration: none; 
	border-top: 1px solid var(--gf_busca_tabela_background);
	border-bottom: 3px solid var(--gf_busca_tabela_background);
	border-left: 1px solid var(--gf_busca_tabela_background);
	border-right: 3px solid var(--gf_busca_tabela_background);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	border-radius:5px;   
	margin:3px 0px 3px 0px;
	background-color: var(--gf_titulo_tabela_relacional_background);
	color: var(--gf_titulo_tabela_relacional_color);
} 
.linkbotao_relacional:link, 
.linkbotao_relacional:visited { 

} 
.linkbotao_relacional:hover { 
	background-color:rgb(190,196,203);
	border-top: 3px solid var(--gf_busca_tabela_background);
	border-bottom: 1px solid var(--gf_busca_tabela_background);
	border-left: 3px solid var(--gf_busca_tabela_background);
	border-right: 1px solid var(--gf_busca_tabela_background);

} 


.esquerda_grupos,
.esquerda_grupos:link, 
.esquerda_grupos:visited
{
   width:180px;
   padding:5px 5px 5px 20px;  
   font-size: 13px; 
   font-weight: bold; 
   text-align:left;
   background-color:#000022;     
   color: #FFFFFF; 
   text-decoration: none; 
   background-image: url(figuras/pasta_fechada.gif);
   background-position: 0px 6px;
   background-repeat: no-repeat;
   display: block;
}

.esquerda_grupos:hover {
   background-color:#CCCCFF;     
   color: #000000; 
}



.esquerda_grupos_abertos,
.esquerda_grupos_abertos:visited,
.esquerda_grupos_abertos:link {	
   width:180px;
   padding:5px 5px 5px 20px;  
   font-size: 13px; 
   font-weight: bold;    
   text-align:left;
   color: #FFFFFF; 
   background-color:#000022;        
   text-decoration: none; 
   background-image: url(figuras/pasta_aberta.jpg);
   background-position: 0px 6px;
   background-repeat: no-repeat;
   display: block;
}


.esquerda_grupos_abertos:hover {
   color: #000000; 
   background-color:#CCCCFF;        
}


.esquerda_filhos,
.esquerda_filhos:link, 
.esquerda_filhos:visited { 
   width:160px;
   padding:5px 5px 5px 15px;  
   margin:0px 0px 0px 20px;
   font-size: 13px; 
   font-weight: bold;    
   text-align:left;
   color: #FFFFFF; 
   background-color:#000022;     
   text-decoration: none; 
   background-image: url(figuras/bd_nextpage.png);
   background-position: 0px 6px;
   background-repeat: no-repeat;
   display: block;
}

.esquerda_filhos:hover {
   background-color:#DDDDFF;   
   color: #000000;      
}

.help,.help_destaque {
   text-align: justify;
   font-size: 15px;
}

.help_destaque {
	font-weight: bold;
}

.div_permissao { /* basica_1.php */
	padding:0px 4px 0px 4px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;	
	background-color: #FFFFBB;
	font-size: 12px;
	color:#000;
}



.div_data,.div_hora { /* mestre.php */
	position:absolute;
	top:30;
	z-index:1;	
	font-weight: bold;
	color:#FFFFFF;
}

.div_data { /* mestre.php */
	width:240px;
	left:0px;
	white-space:nowrap;
}

.div_hora { /* mestre.php */
	width:70px;
	left:245px;
}

.legenda{
	color:#FF0000;
}

.div_imprimir_todos { /* menu */
	position:relative;
	top:0;
	left:5;
	font-weight: bold;
}

.div_help_busca { /* basica_3.php */
	width:290px;
	padding:4px;
	position:absolute;
	z-index:5010;	
	border: 1px solid #000022;
	background-color: #FFFF99;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	display: none;
}

.div_cont_sessao { /* basica_2.php */
	width:200px;
	padding:2px;
	position:relative;
	background-color: #FFFF99;
	font-weight: bold;
	color:#000000;
	text-align:center;
}



.menu_01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
	

	
}

.menu_01 ul li {
	position: relative;
	float: left;
	width:100%;
	/*width: ".$largura."%;*/

}
	
.menu_01 li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width 
	font:bold 10px verdana;*/
	font-size: 14px;
	top: auto;
	display: none;

}




.menu_01 ul li ul li a {
	padding: 2px; 

 }

/* Styles for Menu Items */
.menu_01 ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding:2px 4px 2px 4px;
	border-top: 2px;
	font-size: 14px;
	color: #fff;
	color: rgb(255,230,0);
	color: #fff; 
	border-radius:0px; 
	background-color: var(--gf_div_tab_button_background);
}

.menu_01 ul li a {
	background-color: var(--gf_div_tab_button_background);
	height:17px;
}


/* commented backslash mac hiding hack \*/ 
.menu_01 * html ul li a {height:1%}
/* end hack */ 



/* Hover Styles */
.menu_01 li:hover a, .menu_01 li.over a,
.menu_01 li:hover li:hover a, .menu_01 li.over .menu_01 li.over a,
.menu_01 li:hover li:hover .menu_01 li:hover a, .menu_01 li.over li.over li.over a,
.menu_01 li:hover li a:hover, .menu_01 li.over li a:hover,
.menu_01 li:hover li:hover li:hover a:hover, .menu_01 li.over li li a:hover,
.menu_01 li:hover li:hover li:hover li:hover a:hover, .menu_01 li.over li.over li.over li.over a:hover
{
	border-width:1px;
	padding:1px 3px 1px 3px;
	border-style: solid;
	border-color: var(--gf_div_tab_button_background);
	background-color: var(--gf_div_tab_background);
	color: var(--gf_div_tab_color);
}






/* set dropdown to default */
.menu_01 li:hover li a, .menu_01 li.over li a,
.menu_01 li:hover li:hover li a, .menu_01 li.over li.over li a,
.menu_01 li:hover li:hover li:hover li a, .menu_01 li.over li.over li.over li a
{
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
}



.menu_01 li ul li a { padding: 5px 2px 6px 2px; } /* Sub Menu Styles */
.menu_01 ul li:hover ul ul, .menu_01 ul li:hover ul ul ul, .menu_01 ul li.over ul ul, .menu_01 ul li.over ul ul ul {
display:none;

}

.menu_01 ul li:hover ul, .menu_01 ul li li:hover ul, .menu_01 ul li li li:hover ul, .menu_01 ul li.over ul, .menu_01 ul li li.over ul, .menu_01 ul li li li.over ul {
	display: block;
    min-width:100%;
	z-index:1000;
}




.linha_tabelaeq {
	background-color:#EAEAFF;
}

.titulo_campoeq {
	font-size: 13px;
	font-weight: bold; 
	color:#FFFFFF;
	background-color:#000022;
    text-decoration: none;
}

.titulo_campoeq a {
	color:#FFFFFF;
}

td, div{
border-radius:0px; 
}


.div_1 {
	background-color:#FFFFFF;
}

.div_2 {
	background-color:#C0C0C0;
}

/* Style the tab */
div.tab {
	overflow: hidden;
	border: 0px solid var(--gf_titulo_tabela_background);
	border-radius:0px;
	border-bottom: 6px solid rgb(255,255,255);
	border-top: 4px solid var(--gf_div_tab_background);
	background-color: var(--gf_div_tab_background);	
}

/* Style the buttons inside the tab */
div.tab button {
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 9px;
	transition: 0.2s;
	font-size: 14px;
	border-top: 3px solid var(--gf_div_tab_button_grupo_background);
	border-bottom: 3px solid var(--gf_div_tab_button_grupo_background);
	margin-right: 4px;
	margin-top: 1px;

	background-color: var(--gf_titulo_tabela_background);
	
	color: var(--gf_div_tab_button_color);

}

/* Change background color of buttons on hover */
div.tab button:hover {
	background-color: var(--gf_titulo_tabela_background);
	color: var(--gf_titulo_tabela_color);
}

/* Create an active/current tablink class */
div.tab button.active {
background-color:#fff;
color: #000;
border-bottom: 3px solid rgb(255,255,255);
font-weight: bold;

}

/* Style the tab content */
.tabcontent {
display: none;
padding: 0px 0px;
-webkit-animation: fadeEffect 0.5s;
animation: fadeEffect 0.5s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}


.aviso_mascote{
	border-style: solid;
	border-width: 0px;
	background-color:#FFFFEE;
	text-align:left;
	margin:30px;
	padding-left:70px;
	background-image: url(figuras/sisinfo_mascote_pq.png);
	background-size: 64px 64px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;
}


.quadro_avisos{
	width: 90%;
	margin-top:5px;
	background-color:rgb(132,141,155);
	background-color:#FFFFCC;
	text-align:left;
	background-position: left top;
	background-repeat: no-repeat;
	font-size:13px;
	height: 230px;
	color:rgb(255,255,255);
	color:rgb(0,0,0);
	
    border-bottom:1px solid rgba(0,0,0,.08);
    border-radius:10px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);

}

.quadro_tarefas{
	width: 90%; 
	height:230px;
	padding:0 10px;
	
	background-color:#FFF;
	overflow: auto;

	margin-top:5px;
	
    border-bottom:1px solid rgba(0,0,0,.08);
    border-radius:10px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);

}


.titulo_quadro_avisos{
	background-color:rgb(3,18,41);
	background-color:#FFFF00;
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
	padding:2px;
	color:rgb(255,255,255);
	color:rgb(0,0,0);

}

.titulo_quadro_tarefas{
	background-color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
	padding:2px;
	color:rgb(255,255,255);
	color:rgb(0,0,0);

}

.fundo_ok {
	background-color:rgb(179, 255, 179);
}

.fundo_expirando1, .fundo_atencao, .fundo_excecucao {
	/*background-color:rgb(255, 224, 179);*/
	background-color:rgb(255, 255, 153);
}

.fundo_expirando2 {
	background-color:rgb(255, 224, 179);
}

.fundo_atrasado {
	background-color:rgb(255, 179, 179);
}

.fundo_concluído {
	background-color:rgb(255, 179, 179);
}


/* Inicio: Style utilizado para a exibição da janela modal utilizada para a visualização de imagens. Exemplo: gi_indicador_risco.php #Data: 14-05-2018 */

/*img{border-radius:10px; cursor:pointer; }*/
.img_borda_redonda{border-radius:10px; cursor:pointer; }

/* Fim: Style utilizado para a exibição da janela modal utilizada para a visualização de imagens. Exemplo: gi_indicador_risco.php #Data: 14-05-2018*/

/*Início: Alerta HD desmontado - Data? 04/11/2020 - Aline Malafaia */
.tooltip {
  position: relative;

 }

 .blink{
	  text-decoration:blink; animation: blinker 2s linear infinite;
 }
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*Fim: Alerta HD desmontado - Data? 04/11/2020 - Aline Malafaia */





.msg-alertas{ 
     width:95%; 
     overflow:hidden; 
     margin:0 auto; 
     padding:10px; 
     background-color:#FFFFFF; 
	 min-width:1024px;
} 
.ms{ 
    width:95%; 
    margin:auto;  
    padding:3px 3px 3px 30px;  
    float:left; 
    display:block; 
    margin-bottom:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-weight:100; 
    font-size:14px;
	min-height: 30px;
	

	
}
	 
.ms_btn{ 
    width:150px; 
    margin:auto;  
    padding:3px 3px 3px 30px;  
    float:left; 
    display:block; 
    margin-bottom:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-weight:100; 
    font-size:14px;
	min-height: 30px;
	background-color:#FFFFBF; 
	border:2px #2b2b2b solid; 
	color:#2b2b2b; 
	border-radius:5px;
	cursor:pointer;
	text-decoration:none;
	line-height:24px;
	background-image: url(figuras/close.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 28px;
	
}
	 
.erro   { 
	background-color:#FFCACA;
	border:2px #a60202 solid; 
	color:#a60202; 
	border-radius:5px; 
	background-image: url(figuras/error.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 28px;
}
	
.ok     { background-color:#A6FFBC; border:2px #00bd00 solid; color:#00bd00; border-radius:5px; }



.ok2     { 
	background-color:#CCFFD9; 
	border:2px #00bd00 solid; 
	color:#008000; 
	border-radius:5px; 
	font-family: monospace, monospace;
	font-size:12px;
}


.apropriado     { 
	background-color:#CCFFD9; 
	border:1px #00bd00 solid; 
	color:#008000; 
	border-radius:2px; 
	font-family: monospace, monospace;
	font-size:9px;
	width:30px;
	float:left;
	margin:1px;
	
}

.apropriar     { 
	background-color:#B3E7FF; 
	border:1px #018ace solid;
	color:#018ace; 
	border-radius:2px; 
	font-family: monospace, monospace;
	font-size:9px;
	width:30px;
	float:left;
	margin:1px;
}

.feriado_apr     { 
	background-color:#E7E7E7; 
	border:1px #808080 solid;
	color:#808080; 
	border-radius:2px; 
	font-family: monospace, monospace;
	font-size:9px;
	width:30px;
	float:left;
	margin:1px;
}

.mes_apr {

	clear: both;
}

.alerta { 
	background-color:#FFFFBF; 
	border:2px #2b2b2b solid; 
	color:#2b2b2b; 
	border-radius:5px; 
	background-image: url(figuras/alert.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 28px;
}

.info   { 
	background-color:#B3E7FF; 
	border:2px #018ace solid; 
	color:#018ace; 
	border-radius:5px; }


/* 1) Scroll no wrapper (não na <table>) */
.card-table-wrap{
  max-height: 800px;
  overflow-y: auto;
  position: relative;
}

/* 2) Zere o border-spacing para não criar colchão no topo */
.card-table{
  margin: 5px 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;           /* <— antes: 0 8px */
  color: black;
  table-layout: auto;
  background: transparent;
}

/* 3) Cabeçalho sticky correto */
.card-table thead th{
  position: sticky;
  top: 0;                      /* use unidade */
  z-index: 3;
  text-align: center;
  font-weight: 600;
  padding: 8px 10px;
  color: #000;
  background: var(--gf_busca_tabela_background, #fff);
}

/* 4) Elimine o “card” do thead via ::before (pode parecer um bloco separado) */
.card-table thead tr::before{ content: none; }

/* 5) Células acima do card (AGORA o card é por célula) */
.card-table tbody td{
  padding: 20px 14px;
  background: #fff;                 /* antes: transparent */
  position: relative;
  z-index: 1;
  max-width: 250px;
  min-width: 50px;
  white-space: normal;
  word-break: break-word;
  transition: background .2s ease, box-shadow .2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,.06);  /* sombra leve por célula */
  box-shadow: none;
}

/* 6) Cada linha é um card, com gap simulado sem border-spacing */
.card-table tbody tr{ position: relative; }

/* Desliga qualquer pseudo herdado no <tr> (mantém sem “coluna fantasma”) */
.card-table tbody tr::before,
.card-table tbody tr + tr::before{
  content: none !important;
}

/* Gap entre linhas a partir da 2ª (substitui o antigo top:8px do ::before) */
.card-table tbody tr + tr td{
  border-top: 8px solid transparent;
}

/* Bordas arredondadas do “card” nas extremidades */
.card-table tbody td:first-child{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.card-table tbody td:last-child{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* 7) Zebra e hover (AGORA por CÉLULA, não por ::before) */
.card-table tbody tr:nth-of-type(even) td{ background: #f5f5f5; }
.card-table tbody tr:hover td{
  background: rgba(14,165,233,.15);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
   box-shadow: none;
}

/* 8) Remova a faixa manual que criava “div fantasma” */
.card-table tbody tr:first-child{ border-top: 0 !important; }

/* 9) Primeira coluna sem quebra (como você já tinha) */
.card-table thead th:first-child,
.card-table tbody td:first-child{ white-space: nowrap; }

/* 10) iOS: (agora é redundante, mas deixo como fallback seguro) */
@supports (-webkit-touch-callout: none){
  .card-table tbody tr::before{ content: none; }
  .card-table tbody tr td{
    background: #fff;
    box-shadow: none;
  }
  .card-table tbody tr + tr td{
    border-top: 8px solid transparent; /* simula o gap */
  }
  .card-table tbody tr:nth-of-type(even) td{ background: #f5f5f5; }
  .card-table tbody tr:hover td{ background: rgba(14,165,233,.15); }
}


	
	body {
      background: #f5f5f5;
     margin: 10px;
    }
	
   /* Reset básico */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  background: #f8f8f8;
}

/* Menu principal */
 :root{
      --bg:#ffffff;         /* fundo branco */
      --bg-2:#f9fafb;       /* gray-50 */
      --txt:#111827;        /* gray-900 */
      --muted:#6b7280;      /* gray-500 */
      --brand:#0ea5e9;      /* sky-500 */
      --panel:#ffffffee;      /* painel branco */
	  --panel2:#ffffff;      /* painel branco */
      --ring:#0ea5e980;     /* focus ring */
      --radius:16px;
      --shadow: 0 12px 30px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.08);
	  --zebra-odd: #f3f4f6;  /* cinza claro (gray-100) */
	  --zebra-even:#e5e7eb;  /* cinza médio (gray-200) */
    }

    body{
      margin:0; font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial, "Noto Sans", sans-serif;
      color:var(--txt); background:var(--bg-2);
      min-height:100vh;
    }

	.site-header-compact .menu-title{
	  position:fixed;
	  top:0;
	  left:0;
	  width:280px; /* acompanha o drawer */
	  height:50px;
	  display:flex;
	  align-items:center;
	  gap:8px;
	  padding:0 12px;
	  font-size:14px;
	  font-weight:600;
	  color:#374151; /* gray-700 */
	  background:var(--panel2, #ffffff);
	  border-bottom:1px solid rgba(0,0,0,.08);
	  z-index:106; /* acima do drawer */
	  border-bottom:2px solid transparent;
	  background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(to right, #e5e7eb, #c7d2fe) border-box;
	}
	

	/* Ícone opcional */
	.site-header-compact .menu-icon{
	  font-size:16px;
	  line-height:1;
	  opacity:.8;
	}

	/* Ajuste do conteúdo do drawer para não ficar escondido */
	.site-header-compact .main-nav-compact{
	  padding-top:64px; /* já estava assim — mantém */
	}
	
	
	/* Zebra apenas no drawer (compact) */
	.site-header-compact .main-nav-compact .menu > li.has-mega:nth-child(odd)  > a{
	  background: var(--zebra-odd);
	}

	.site-header-compact .main-nav-compact .menu > li.has-mega:nth-child(even) > a{
	  background: var(--zebra-even);
	}
	
	
	/* Estado ativo/hover no compact sobrepõe a zebra */
	.site-header-compact .has-mega.is-open > a,
	.site-header-compact .has-mega.is-hover > a,
	.site-header-compact .has-mega > a:hover,
	.site-header-compact .has-mega > a:focus-visible{
	  background: rgba(0,0,0,.08);
	}
	
    .site-header{
      position:relative;
      z-index:30; 
      background:var(--bg);
	  background:var(--gf_top_menu_mestre_background);
	  color:var(--gf_top_menu_mestre_color);
      border-bottom:1px solid rgba(0,0,0,.08);
	  height: 50px;
	  margin-bottom:10px;
	  border-radius:10px;
	  
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 1000;
	  position: sticky;
  	  top: 0;	  /* garante que fica acima do conteúdo */
	  
	  box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);
	  
	  
	
    }
	
	

    .bar{
       margin:0 auto; padding:0px; display:flex; align-items:center; gap:24px;
    }

    .logo{ font-weight:800; letter-spacing:.4px; color:var(--txt); }
    .logo b{ color:var(--brand); }

    nav{ flex:1; }

    .menu{
      list-style:none; margin:0; padding:0; display:flex; gap:10px; justify-content:center; align-items:center;
	  
    }

    .menu > li{
      position:static;
    }

    .menu > li > a{
      display:inline-block; 
	  padding:0px 5px; 
	  border-radius:12px; 
	  text-decoration:none; 
	  color:var(--txt); 
	  text-align:center;
	  
    }
    .menu > li > a:hover{ background:rgba(0,0,0,.04); }
    .menu > li > a:focus-visible{ outline:2px solid var(--ring); outline-offset:2px; }

    .mega-panel{
      position:absolute;
      top:100%;
      left:50%;
      transform: translateX(-50%);
      transform-origin: 50% 0; 
      min-width: min(92vw, 960px);
      max-width: min(96vw, 1100px);
      padding: 10px; 
	  border-radius: var(--radius);
      background: var(--panel);
      box-shadow: var(--shadow);
      opacity:0; 
	  pointer-events:none;
      transition: opacity .18s ease, transform .22s ease;
	  box-shadow: 0 20px 40px rgba(0,0,0,0.15),
              0 8px 16px rgba(0,0,0,0.1);
    }

    .has-mega:hover > .mega-panel,
    .has-mega:focus-within > .mega-panel{
      opacity:1; 
	  pointer-events:auto; 
	  transform: translateX(-50%);
    }

    .mega-grid{
      display:grid;
      grid-template-columns: 1.1fr 1fr 1fr 1fr;
      gap:10px;
    }

    .mega-col{ 
		background:rgba(255,255,255,.82); 
		border:1px solid rgba(0,0,0,.06); 
		border-radius:14px; 
		padding:14px; 
	}
    .mega-col h4{ margin:0 0 10px; font-size:14px; letter-spacing:.5px; text-transform:uppercase; color:var(--muted);
    }

    .link{
      display:flex; 
	  align-items:center; 
	  gap:10px;
	  padding:9px 10px;
	  border-radius:12px; 
	  text-decoration:none; 
	  color:var(--txt);
	  cursor:pointer;
    }
    .link:hover{ background:rgba(0,0,0,.04); }
    .k{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px; background:rgba(14,165,233,.15); font-weight:700; color:var(--brand); }
    .desc{ font-size:13px; color:var(--muted); margin:2px 0 0 38px; }

	
/*inicio_menu*/

/* ===========================
   HEADER + BARRA (compartilhado)
   =========================== */

.site-header{
  position: sticky;
  top: 0;
  z-index: 110;
  background: var(--gf_top_menu_mestre_background);
  color: var(--gf_top_menu_mestre_color);
  border-bottom:1px solid rgba(0,0,0,.08);
  height: 50px;
  margin-bottom:10px;
  border-radius:10px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);
}

.site-header .bar{
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.logo{
  font-weight:800;
  letter-spacing:.4px;
}

.logo a{
  font-weight:600;
  font-size:18px;
  text-decoration:none;
  color:var(--gf_top_menu_mestre_color);
}

/* NAV raiz */

.main-nav{ }

.main-nav .menu{
  list-style:none;
  margin:0;
  padding:0;
}

/* ===========================
   BOTÃO HAMBÚRGUER (compact)
   =========================== */

.menu-toggle{
  display:none;
  width:40px;
  height:40px;
  border-radius:999px;
  border:none;
  background:#e5e7eb;
  cursor:pointer;
  padding:8px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:3px;
}

.menu-toggle-line{
  width:18px;
  height:2px;
  border-radius:999px;
  background:#111827;
}

/* Mostra o hambúrguer apenas no modo compact */
.site-header-compact .menu-toggle{
  display:inline-flex;
}

/* Overlay quando o menu compact está aberto */
body.menu-open::before{
  content:'';
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.35);
  z-index:90;
}

/* ===========================
   MODO FULL (horizontal)
   =========================== */

.site-header-full .main-nav-full .menu{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
}

.site-header-full .has-mega{ 
  position:static; 
  height:50px;
  margin-top:5px;
}

.site-header-full .has-mega > a[aria-expanded="true"],
.site-header-full .has-mega:hover > a,
.site-header-full .has-mega:focus-within > a{
  background:rgba(0,0,0,.06); 
}

/* Links de nível 1 (Grupos) no full */
.menu > li{
  position:static;
}

.menu > li > a{
  display:inline-block;
  padding:0 5px;
  border-radius:12px;
  text-decoration:none;
  color:var(--gf_top_menu_mestre_color);
  text-align:center;
}

.menu > li > a:hover{
  background:rgba(0,0,0,.04);
}

/* Mega-panel padrão (full) */

.mega-panel{
  position:absolute;
  top:100%;
  left:50%;
  transform: translateX(-50%);
  transform-origin:50% 0;
  min-width:min(92vw,960px);
  max-width:min(96vw,1100px);
  padding:10px;
  border-radius:16px;
  background:#ffffffee;
  box-shadow:0 20px 40px rgba(0,0,0,0.15),
              0 8px 16px rgba(0,0,0,0.10);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .22s ease;
  z-index:120; /* acima do conteúdo normal */
}

.has-mega:hover > .mega-panel,
.has-mega:focus-within > .mega-panel{
  opacity:1;
  pointer-events:auto;
  transform: translateX(-50%);
}

/* Grid de módulos no full (4 colunas) */
.mega-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr 1fr;
  gap:10px;
}

.mega-col{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:14px;
}

.mega-col h4{
  margin:0 0 10px;
  font-size:14px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#6b7280;
}

/* Links de submódulos */

.link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:12px;
  text-decoration:none;
  color:#111827;
  cursor:pointer;
}

.link:hover{
  background:rgba(0,0,0,.04);
}

.k{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:rgba(14,165,233,.15);
  font-weight:700;
  color:#0ea5e9;
}

.desc{
  font-size:13px;
  color:#6b7280;
  margin:2px 0 0 38px;
}

/* Responsividade do mega no full */
@media (max-width:900px){
  .mega-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .mega-grid{ grid-template-columns:1fr; }
}

/* ===========================
   MODO COMPACT (drawer + vertical)
   =========================== */

/* Drawer à esquerda com lista vertical de Grupos */
.site-header-compact .main-nav-compact{
  position:fixed;
  inset:0 auto 0 0; /* top, right, bottom, left */
  width:280px;
  background:var(--panel2,#ffffff);
  box-shadow:2px 0 12px rgba(0,0,0,0.15);
  padding:64px 12px 16px;
  transform:translateX(-100%);
  transition:transform .25s ease;
  z-index:105;
}

/* abre o drawer */
body.menu-open .main-nav-compact{
  transform:translateX(0);
}

/* Grupos na vertical (NÃO alterar isso) */
.main-nav-compact .menu{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0px;
}

/* Grupos (menu_tab) no compact */
.site-header-compact .has-mega{
  position:relative;
  height:auto;
  margin-top:0;
}

.site-header-compact .has-mega > a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px 8px;
  border-radius:5px;
  font-size:12px;
  text-decoration:none;
  color:#111827;
}

/* Painel de módulos/submódulos no compact */
.site-header-compact .has-mega > .mega-panel{
  position:fixed !important;
  top:50px;
  left:280px;
  width:min(90vw, 1100px);
  max-width:90vw;
  margin:0;
  padding:10px;
  border-radius:16px;
  background:#ffffffee;
  box-shadow:0 20px 40px rgba(0,0,0,0.15),
             0 8px 16px rgba(0,0,0,0.10);
  opacity:0;
  pointer-events:none;
  max-height:calc(100vh - 60px);
  overflow-y:auto;
  transform:none;
  transition:opacity .18s ease;
  z-index:120;
}

/* ABERTO POR CLIQUE */
body.menu-open .site-header-compact .has-mega.is-open > .mega-panel{
  opacity:1;
  pointer-events:auto;
  z-index:121;
}

/* ABERTO TEMPORARIAMENTE POR HOVER (TEM PRIORIDADE) */
body.menu-open .site-header-compact .has-mega.is-hover > .mega-panel{
  opacity:1;
  pointer-events:auto;
  z-index:130;  /* sempre acima do is-open */
}

/* Painel visível QUANDO:
   - o body está com menu-open (compact aberto)
   - e o grupo possui a classe .is-open (controlada via JS)
*/
body.menu-open .site-header-compact .has-mega.is-open > .mega-panel{
  opacity:1;
  pointer-events:auto;
}

body.menu-open .site-header-compact .has-mega:hover > .mega-panel{
  opacity:1;
  pointer-events:auto;
}

/* Grid de módulos no compact:
   número de colunas automático, ocupando bem a largura disponível */
.site-header-compact .mega-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap:8px 10px;
  padding-right:4px;
}

/* Cada módulo vira um “card” como no full */
.site-header-compact .mega-col{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:14px;
}

.site-header-compact .mega-col h4{
  font-size:13px;
  margin:4px 0 8px;
  opacity:.85;
}

.site-header-compact .mega-col .link{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 6px;
  border-radius:6px;
  font-size:12px;
  line-height:1.3;
}

/* Em telas muito estreitas, o drawer fica menor
   e o grid se ajusta automaticamente pelas minmax() */
@media (max-width:480px){
  .site-header-compact .main-nav-compact{
    width:240px;
  }
}

/* ===========================
   USER MENU (foto, busca, logout)
   =========================== */

.user-menu{
  position:relative;
}

.user-btn{
  margin:5px;
  position:relative;
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
  background:var(--brand,#0ea5e9);
  color:#fff;
  font-weight:bold;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:none;
}

.user-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.user-initial{
  display:none; /* só aparece se a imagem não carregar via onerror */
}

.user-btn:hover{
  background:#0284c7;
}

.user-panel{
  position:absolute;
  right:0;
  top:100%;
  margin-top:8px;
  width:260px;
  background:var(--panel2,#ffffff);
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.12),
             0 2px 6px rgba(0,0,0,.08);
  padding:16px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .2s ease, transform .2s ease;
  color:#000;
}

.user-menu:focus-within .user-panel,
.user-menu:hover .user-panel{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.user-panel h4{
  margin:0 0 8px;
  font-size:14px;
  color:#6b7280;
}

.user-panel input{
  width:100%;
  padding:8px 10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:8px;
  font-size:14px;
  margin-bottom:10px;
}

.user-panel a{
  display:block;
  text-decoration:none;
  color:var(--brand,#0ea5e9);
  font-size:14px;
  margin-top:6px;
  margin-left:5px;
  float:left;
}

/* Botão de logout */

.logout-btn{
  background:linear-gradient(to bottom,#ffffff,#f2f2f2);
  color:#333;
  font-size:12px;
  font-weight:500;
  padding:5px 10px;
  border:1px solid #ccc;
  border-radius:8px;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 2px 4px rgba(0,0,0,0.08);
}

.logout-btn:hover{
  background:linear-gradient(to bottom,#f9f9f9,#eaeaea);
  border-color:#aaa;
}

.logout-btn:active{
  background:#e0e0e0;
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);
}

.logout-btn:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,122,255,0.4);
}

/*fim_menu*/

	
	.tb_rodape{
      position:relative;
      z-index:30; 
	  background:var(--gf_top_menu_mestre_background);
	  color:var(--gf_top_menu_mestre_color);
      border-bottom:1px solid rgba(0,0,0,.08);
	  height: 30px;
	  margin-top:0px;
	  border-radius:10px;
	  
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  z-index: 900;
	  position: relative;
	  font-size: 11px;
	  font-weight: bold;
  	    
	  box-shadow: 0 20px 40px rgba(0,0,0,0.15),
              0 8px 16px rgba(0,0,0,0.1);
	
    }

	
	.div_contato { /* config.php */
		width:200px;
		padding:4px;
		left:80%;
		top:-73;
		position:relative;
		z-index:1000;	
		border: 1px solid #000022;
		background-color: #FFFFBB;
		font-size: 11px;
		color:#000000;
		display: none;
	}
	
	a.linkContato:link {color:rgb(57,101,136);}
	a.linkContato:visited {color:rgb(57,101,136);}
	a.linkContato:active {color:rgb(57,101,136);}
	a.linkContato:hover {color:rgb(0,0,255);}
	.linkContato {
		cursor:help;
		text-decoration:none;
	}
	
	.tab_lista{
	  position: relative;
	  /* z-index: 100;  REMOVA, a não ser que seja estritamente necessário */
	  z-index: auto; 
	  background: var(--gf_top_menu_mestre_background);
	  color: var(--gf_top_menu_mestre_color);
	  border-bottom: 1px solid rgba(0,0,0,.08);
	  margin-top: 10px;
	  /* 20 (offset-y) + 40 (blur) ˜ 60px de “cauda” de sombra */
	  margin-bottom: 64px;            /* antes 10px */
	  border-radius: 10px;
	  padding: 20px;
	  left: 0;
	  width: 100%;
	 /* box-shadow: 0 20px 40px rgba(0,0,0,0.15),
				  0 8px 16px  rgba(0,0,0,0.10);*/
	

	margin-bottom: 32px;           /* dá respiro pra sombra */
	box-shadow: 0 8px 16px rgba(0,0,0,.12);
	
	}
	
	
	.div_titulo{
      position:relative;
	  background:var(--gf_top_menu_mestre_background);
	  color:var(--gf_top_menu_mestre_color);
      border-bottom:1px solid rgba(0,0,0,.08);
	  border-radius:10px;
	  box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);
    }
	
	.div_titulo2{
      position:relative;
	  background:var(--gf_top_menu_mestre_background);
	  color:var(--gf_top_menu_mestre_color);
      border-bottom:1px solid rgba(0,0,0,.08);
	  border-radius:10px;
	  box-shadow: 0 20px 40px rgba(0,0,0,0.10),
              0 8px 16px rgba(0,0,0,0.05);
    }
	
	a.linkTitulo2:link {color: var(--gf_top_menu_mestre_color);}
	a.linkTitulo2:visited {color: var(--gf_top_menu_mestre_color);}
	a.linkTitulo2:active {color: var(--gf_top_menu_mestre_color);}
	a.linkTitulo2:hover {color: var(--gf_titulo_tabela_color_hover);}
	
	
	.linkTitulo2 {
	cursor:pointer;
	text-decoration:none;
	font-size: 12px;
	z-index:10;
}


:root{
  /* ajuste só essas variáveis p/ combinar com sua paleta */
  --dl-accent: #007aff;          /* azul iOS */
  --dl-ink:    #0b0b0c;
  --dl-muted:  #6b7280;
  --dl-card:   #ffffff;
  --dl-border: #e5e7eb;
  --dl-bg:     rgba(255,255,255,.85);
  --dl-shadow: 0 12px 40px rgba(0,0,0,.14);
}

@media (prefers-color-scheme: dark){
  :root{
    --dl-ink:    #f5f5f7;
    --dl-muted:  #9ca3af;
    --dl-card:   #1c1c1f;
    --dl-border: #2a2a2e;
    --dl-bg:     rgba(17,17,19,.72);
    --dl-shadow: 0 18px 54px rgba(0,0,0,.6);
  }
}

/* overlay com blur e transição suave */
.dl-overlay{
  position: fixed; inset: 0; z-index: 9999;
  display: none; place-items: center;
  background: var(--dl-bg);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
          backdrop-filter: saturate(180%) blur(10px);
  opacity: 0; transition: opacity .2s ease;
}

/* se preferir, pode usar classe .open em vez de inline style */
.dl-overlay.open{ display: grid; opacity: 1; }

/* cartinha central */
.dl-card{
  width: min(520px, 92vw);
  background: var(--dl-card);
  color: var(--dl-ink);
  border: 1px solid var(--dl-border);
  border-radius: 20px;
  padding: 18px 22px;
  box-shadow: var(--dl-shadow);
  display: flex; flex-direction: column; align-items: stretch;
}

/* spinner minimalista */
.dl-spinner{
  width: 36px; height: 36px; margin: 0 auto 10px;
  border: 3px solid rgba(0,0,0,.08);
  border-top-color: var(--dl-ink);
  border-radius: 50%;
  animation: dl-spin 1s linear infinite;
}
@keyframes dl-spin{ to{ transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
  .dl-spinner{ animation: none; }
  .dl-overlay{ transition: none; }
}

/* textos */
.dl-msg{ margin: 0 0 2px; font-size: 15px; line-height: 1.35; font-weight: 600; color: var(--dl-ink); text-align: center; }
.dl-sub{ margin-top: 2px; font-size: 12px; color: var(--dl-muted); text-align: center; }

/* barra de progresso */
.dl-bar{
  height: 10px; margin-top: 12px;
  background: #eef0f3;
  border: 1px solid var(--dl-border);
  border-radius: 999px; overflow: hidden;
}
.dl-bar > div{
  height: 100%; width: 0%;
  background: var(--dl-accent);
  border-radius: 999px;
  transition: width .2s ease;
}

/* ações opcionais (se quiser botões no card) */
.dl-actions{ display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.dl-btn{
  appearance: none; border: 1px solid var(--dl-border);
  background: var(--dl-card); color: var(--dl-ink);
  font: inherit; padding: 8px 12px; border-radius: 10px; cursor: default;
}
.dl-btn.primary{ border-color: transparent; background: var(--dl-accent); color: #fff; }

/* trava scroll da página quando overlay está ativo */
body.dl-lock{ overflow: hidden; }



/* grid dos utilitários */

.tool-grid{
  --card-w: 260px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-w), var(--card-w)));
  gap:14px;
  justify-content: center;   /* centraliza o conjunto de colunas */
}


/* cartão-clicável (anchor) */
.tool-card{
  --accent:#2563eb;          /* cor de ênfase (mude por card) */
  --icon:120px;              /* tamanho do quadrado do ícone */
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  text-decoration:none;
  color:inherit;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  width: var(--card-w);
}

.tool-card:hover{ 
  border-color:#c7d2fe;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.tool-card:focus-visible{
  outline:3px solid color-mix(in oklab, var(--accent) 60%, #fff);
  outline-offset:2px;
}

/* bloco do ícone */
.tool-card__icon{
  flex:0 0 auto;
  width:var(--icon);
  height:var(--icon);
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.tool-card__icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* textos */
.tool-card__body{ min-width:0; }
.tool-card__title{
  font:600 15px/1.25 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:#111827; margin:0 0 4px;
}
.tool-card__desc{
  font:500 12px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:#6b7280; margin:0;
}

/* dark mode opcional */
@media (prefers-color-scheme: dark){
  .tool-card{ background:#0b0f14; border-color:#1f2937; box-shadow:none; }
  .tool-card__icon{ background:#121820; border-color:#1c2430; }
  .tool-card__title{ color:#e5e7eb; }
  .tool-card__desc{ color:#94a3b8; }
}


/* ===========================
   Overrides do modo COMPACT
   (colocar no final do CSS)
   =========================== */