/*
	--- Versionamento ---
	25/11/2015 - Andrey - Primeira Versão
	08/01/2019 - Andrey - Classe cliqueaqui
	02/12/2025 - Daniel Vale - #titulo-pagina, Adição de Fonte, #btn-principal, --cor-principal
	13/01/2026 - Daniel Vale - Sol. 24116, Adicionando Responsividade a Consulta do Protocolo
	--- Fim Versionamento ---	
*/
@font-face {
    font-family: 'Roboto';
    src: url('../Fontes/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --cor-principal: #666;
}

#titulo_pagina{
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Roboto', Arial, sans-serif;
	color: var(--cor-principal);
}

#titulo_pagina > a{
	text-decoration: none;
	color: #000;
}

#titulo_pagina > a:hover{
	text-decoration: underline;
	color: #000;
}

#btn-principal {
	cursor: pointer;
	background-color: var(--cor-principal);
	color: #FFF;
	font-weight: bold;
	border: none;
	padding: 5px 10px;
	border-radius: 3px;
}

#btn-principal:hover {
    filter: brightness(1.3);
}


@media print{
	.cabecalho{
		display: none;
	}

	.rodape{
		display: none;
	}
	
	.centralizador{
		display: none;
	}
}

	.exemplo{
		color: red;
		font-size: 10px;
	}


	.aviso_dados_anterior{
		font-family: verdana;
		color: red;
		font-weight: bold;
		font-size: 12px;
		
	}

	.centralizador{
		text-align: center;
	}
	

	.resultado{
		font-family : helvetica, Arial;
		font-size : 11px;
		font-weight:normal;
		border: 1px solid #BBB;
		color: #333;
		border-radius: 20.5px;
		border-collapse: collapse;
		padding: 5px;
		margin: 0px;
	}

	.resultado TR{
		font-family : helvetica, Arial;
		font-size : 11px;
		font-weight:normal;
		margin: 0px;
		padding: 5px;
	}

	.resultado TD{
		font-family : helvetica, Arial;
		font-size : 11px;
		font-weight:normal;
		margin: 0px;
		padding: 5px;
		
	}

	.resultado TH{
		font-family : helvetica, Arial;
		font-size : 11px;
		font-weight: Bold;
		background-color: #EEE;
		background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.05));
		border: 1px solid #BBB;
		margin: 0px;
		padding: 5px;
	}



@media screen{

	.cliqueaqui{
		color: #00F;
		text-decoration: none;
	}
	
	.cliqueaqui:hover{
		color: #00F;
		text-decoration: underline;
	}
	
	.cabecalho{
		width: 100%;
		font-size: 20px;
		font-family: verdana, helvetica, courier;
		background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.05));
		margin-bottom: 50px;
	}

	.rodape{
		text-align: center;
		width: 100%;
		font-size: 10px;
		font-family: verdana, helvetica, courier;
		background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.05));
	}

	p{
		font-family: verdana, helvetica, courier;
	}

	.panel{
		background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.05));
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #FFFFFF #999999 #999999 #FFFFFF;
	}


	.panel td{
		font-family: verdana, helvetica;
		font-size: 14px;
		text-align: left;
	}

	.falha{
		width: 60%;
		font-weight: bold;
		color: #C00;
		font-family: verdana, helvetica;
		padding: 10px;
		background-color: #F2CFCF;
		border: 1px solid #B35454;
	}
}	

@media (max-width: 999px) {
	#titulo_pagina{
		margin-bottom: 15px;
		text-transform: uppercase;
		margin: 5px;
	}
}

/* Responsividade na Consulta do Protocolo, tive que fazer aqui, pq a consulta foi feita antes
e é montada diferente dos outros lugares desse sistema */

@media (max-width: 768px) {
	table.resultado,
	table.resultado tbody,
	table.resultado tr,
	table.resultado th,
	table.resultado td {
		display: block;
		width: 100%;
	}

	.cabecalho-mov {
		display: none !important;
	}

	tr.movimentacao {
		border: 1px solid #ddd;
		border-radius: 6px;
		margin: 10px 0px 10px 0px;
		padding: 10px 30px;
		background: #f9f9f9;
		width: 100% !important;
	}

	table.resultado {
		padding: 10px;
		width: 100% !important;
		margin: 0 auto;
	}

	table.resultado tr {
		display: block;
		width: 97% !important;
		padding: 0;
	}

	table.resultado th {
		font-weight: bold;
		margin-top: 8px;
	}

	table.resultado td {
		word-break: break-word;
		overflow-wrap: break-word;
		white-space: normal;
		display: block;
		width: 100%;
		padding: 6px 0;
	}

	table.resultado td::before {
		word-break: break-word;
		overflow-wrap: break-word;
		white-space: normal;
		display: block;
		content: attr(data-label);
		display: block;
		font-weight: bold;
		color: #444;
		margin-bottom: 2px;
	}

	table.resultado tr:nth-child(n+6) {
		background: #f9f9f9;
		width: 97% !important;
		padding: 0;
	}
}