@CHARSET "UTF-8";

body, td, th {
	font-family: Arial;
	font-size: 12px;
	padding: 0px;
}

th {
	min-height: 25px;
	padding: 0px;
}

img {
	border: 0px;
}

#container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	/* background-color: #e64a42 !important; */
}

#titulo {	
	font-family:Arial;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;
	padding-left: 10px! important;
	padding-right: 10px !important;
	/* box-shadow: #000 2px 2px 1px; */
	background-color:white;	
	border-radius: 0.2em;	 			
}

#topo {	
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: -8px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	top: 0px;
	bottom: 0px;	
	position: fixed;
	height: 49px;
	border-bottom: 1px solid #fff;	
	z-index: 1000;	
}

#fundotopo {
	/* height: 37px; */
	background-color: #c5221b;
	padding: 0px;	
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	width: 100%;
	position: fixed;
	border: none;		
	/*Efeito Gradiente em Imagem.*/
	/*background-image: url(/fourprev/javax.faces.resource/fundo.jpg.jsf?ln=imagens) !important*/;
	/*Criar efeito gradiente no firefox (1º linha), safari (2º linha) e IE, Chrome e Opera (5º linha).*/	
	/*background-image: -moz-linear-gradient(135deg, #c5221b 40%, #e64a42 80%);*/ /*Firefox antigo*/
	/*background-image: -webkit-linear-gradient(135deg, #c5221b 40%, #e64a42 80%);*/ /*Safari*/
	/*background-image: -o-linear-gradient(135deg, #c5221b 40%, #e64a42 80%);*/
    /*background-image: -ms-linear-gradient(135deg, #c5221b 40%, #e64a42 80%);*/
	/*background-image: linear-gradient(135deg, #c5221b 40%, #e64a42 80%);*/ /*Maioria dos Navegadores Modernos*/
	
	/* background-image: -moz-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
     background-image: -webkit-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
      background-image: -o-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79) );
       background-image: -ms-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
        background-image: linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
    opacity: 0.8; */   
}

#frmAvaliacao:dtAvaliacao:imprimir_button{
	width:20px;
	height:20px;
}

#instituto {
	height: 20px;		  	 	
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	/* width: 100%; */
	position: fixed;
	border: none;
	border-spacing: 0px;	
}

#meio {	
	top: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	margin-top: 0px;
	margin-left: -8px;
	float: left;
	/* margin: 20 0 0 20px; */		
		
	width: 100%;
	height: 100%;
	
	position: absolute;	 	
}

#corpo {	
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 23px;
	/* margin-bottom: 23px; */
	margin-top: 50px;
	margin-left: 27px;
	overflow: hidden !important;
}

#rodape {
	background-color: #c5221b;
	position: fixed;	
	bottom: 0px;
	width : 100%;
	height: 22px;
	text-align: center;
	color: white;	
	margin-left: -8px;
	z-index: 1000;
	float: bottom;
	border-top: 1px solid #fff;	
	/* background-image: -moz-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
     background-image: -webkit-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
      background-image: -o-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79) );
       background-image: -ms-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
        background-image: linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
    opacity: 0.8; */
}

#menu {
	margin-top: 0px;
	top: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	border: none;
	border-spacing: 0px;
	font-weight: normal !important;
}

.fonteEmNegrito{
	font-weight: bold;
}

.colunaDireita {
	text-align: right;
}

.colunaEsquerda {
	text-align: left;
}

.colunaCentralizada {
	text-align: Center;
}

.colunaTopo {
	vertical-align: top;	 
}

.removeScrollDialog .ui-dialog-content {
	overflow:hidden !important;
	transform: translate(0%, 0%) !important;
}

.fixaDiv {
	transform: translate(0%, 0%) !important;
}

.dvSemHeader .ui-dataview-header {
    display: none !important;
}

.dvSemBorda .ui-dataview-content {
    border: none !important;
    box-shadow: none !important;
}

.semBorda tr, .semBorda td {
	border: none !important;
} 

.logout {
	background-image: url(/fourprev/javax.faces.resource/exit.png.jsf?ln=imagens) !important;
}

.principal {
	background-image: url(/fourprev/javax.faces.resource/home.png.jsf?ln=imagens) !important;
}

.maiusculo {
	text-transform: uppercase;
}

.titModulo {
	color:white;
	font-family: open_sansbold;
	/* font-style:italic; */
	font-weight: bold;
	font-size: 20pt;
	font-variant: small-caps;
	/* text-shadow: #000 2px 2px 0px; */
}

.titInstituto {
	color:white;
	font-family: open_sansbold;
	/* font-style:italic; */
	font-weight: bold;
	font-size: 12pt;
	font-variant: small-caps;
	/* text-shadow: #000 2px 2px 0px; */
}

.labelCampos {
	text-align: right;		
}

.campos {
	text-transform: uppercase;	
}

.desabilitado {
	opacity: 1 !important;			
}

.link {
	text-transform: lowercase;	
	text-decoration: underline;		   
}

.camposMinusculos {
	text-transform: lowercase;		
}

.camposNumericosVermelho input {
	color: red !important;
}

.logoInstituto {
	width: 300px;
	/*height:  300px;*/	
	margin-left: -150px; /* metade da largura */
	margin-top: -150px; /* metade da altura */ 
    position: absolute;
    top: 45%;
    left: 50%;
    /*border: 1px solid red;*/
    border-radius: 10px;
    opacity:.50;        	
}

.semMargens {	
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;			
	padding-bottom: 0px !important;	
}

.animated .ui-progressbar-value {
	background-image: url(/fourprev/javax.faces.resource/pbar-ani.gif.jsf?ln=imagens) !important; 
}

.semVinculo {
	/* color: red !important; */
	/* color: #B67A13 !important; */	
	color: #c000c0!important;
	/* font-style:italic; */
}

.arquivoMorto {
	/* color: #B67A13 !important;
	font-style:italic; */		  
	color: red !important;
}

.somenteDependencia {
	color: orange !important;
}

.centralizado {
	position:relative; 
	left:50%; 
	margin-left:-110px;	
}

.eventoSchedule {
	background-color: lightgray !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	color: blue !important;
	border: none !important;
	height: 25px;
	font-weight: bold !important;	
}

.eventoScheduleSelecionado {
	background-color: #186BA0 !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	color: white !important;
	border: none !important;
	height: 25px;
	font-weight: bold !important;	
}

.agendamentoMarcado {
	color: green !important;
}

.agendamentoRealizado {
	color: blue !important;
}

.agendamentoCancelado {
	color: red !important;
}

.atendimentoMarcado {
	color: green !important;
}

.atendimentoRealizado {
	color: blue !important;
}

.atendimentoCancelado {
	color: red !important;
}

.proventos {
	color: blue !important;
}

.informativos {
	color: orange !important;
}

.descontos {
	color: red !important;
}

.desativado {
	color: gray !important;
}

.fonteStoredProcedure {
	font-family: Consolas !important;
	font-size: 10pt !important;
}

.slide-panel {
	border-color: #c5221b !important;
	border-width: 1px !important;		 
}

.slide-handle {	
	font-size: 12px !important; 
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #c5221b !important;    
	color: #c5221b !important;
	background-color: white !important;		 
}

.slide-handle:hover {	
	background-color: #c5221b !important;	
	color: white !important;	
	/*opacity: 0.8 !important;*/	 	
}

.ui-slideouttab-open>.slide-handle {
	background-color: #c5221b !important;	
	color: white !important;	
}

.animated2 .ui-progressbar-value {	
	background-image: url(/fourprev/javax.faces.resource/gifloading_blue.gif.jsf?ln=imagens) !important;	
}

.custom-dialog.ui-widget-overlay {
   opacity: 0.05 !important;
}

/* Defina o estilo do diálogo */
.dialog-auto-Ajustado {
	max-height: 90vh; /* 90% da altura da tela */
	max-width: 90vw; /* 90% da largura da tela */
	overflow: auto; /* Habilita a rolagem quando necessário */
}

/* Adicione um estilo para o conteúdo do formulário */
.form-calculatamanho{
	max-height: calc(80vh - 50px); /* Ajuste a altura para considerar a altura do cabeçalho e rodapé do diálogo */
	overflow: auto; /* Habilita a rolagem quando necessário */
}

#fotoUsuario {
	background-color: transparent;
	color: white !important;			
}
#fotoUsuario:hover {
	background-color: rgba(255,255,255,0.2);
	color: lightgray !important;			
}
#nomeOperador {
	background-color: transparent;
	color: white !important;			
}
#nomeOperador:hover {
	background-color: rgba(255,255,255,0.2);
	color: lightgray !important;				
}


@keyframes fa-blink {
     0% { opacity: 1; }
     50% { opacity: 0.5; }
     100% { opacity: 0; }
 }
.fa-blink {	
   -webkit-animation: fa-blink 1.00s linear infinite;
   -moz-animation: fa-blink 1.00s linear infinite;
   -ms-animation: fa-blink 1.00s linear infinite;
   -o-animation: fa-blink 1.00s linear infinite;
   animation: fa-blink 1.00s linear infinite;
}

#notMsg, #msg {	
	/*background-color: transparent !important;*/
	color: white !important;
}

#notMsg:hover, #msg:hover {
	/*background-color: rgba(255,255,255,0.2) !important;*/
	color: lightgray !important;
}

#fecharMsg {
	color: white;
}

#fecharMsg:hover {
	color: gray;		 	
}

#iconeFav {
	background-color: transparent;
}
#iconeFav:hover {
	background-color: rgba(255,255,255,0.2);
}

.disableSemCaixaeFonteCorPadrao:disabled {
	opacity: 1.0 !important;
	border: none !important;
	/* font-weight: bold; */
}

.table-no-select-all .ui-chkbox-all {
     display: none !important;
}

.panelMenuButton{
    min-width: 300px !important;
}

.teamviewer {
	background-size: 15px;
	background-image: url(/fourprev/javax.faces.resource/teamviewer_novo.png.jsf?ln=imagens) !important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);		
	margin-left: -2px;
	margin-right: 2px;	
}

.editaFavoritos {
	background-size: 15px;	
	background-image: url(/fourprev/javax.faces.resource/estrela_lapis.png.jsf?ln=imagens) !important;	
	-webkit-filter: brightness(0%);
	filter: brightness(0%);
	margin-left: -2px;
	margin-right: 2px;	
}

.editaFavoritosBranca {
	background-size: 15px;
	background-image: url(/fourprev/javax.faces.resource/estrela_lapis.png.jsf?ln=imagens) !important;	
	font-weight: bold !important;
	-webkit-filter: brightness(1000%);
	filter: brightness(1000%);	
	margin-left: -2px;
	margin-right: 2px;	
}

.progressBarVermelho .ui-progressbar-value {
	background: red;
	border-color: red;
	opacity: 0.7 !important;		
}

.progressBarVerde .ui-progressbar-value {			
	background: green;
	border-color: green;
	opacity: 0.7 !important;		
}

.pbLabelBranco .ui-progressbar-label {	
	color: white;			
}

.pbLabelPreto .ui-progressbar-label {
	color: black;
}

.tooltip {
	color: white;
	font-weight: bold;
	background-color: #222222;
	padding: 5px;
	border-radius: 6px;
	opacity: 0.8;	
}

.setaCima:before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  margin-left: 70px; 
  left: 50%;  
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  opacity: 0.8;
  margin-bottom: -1px;
}


.espacamentoCertificado .ui-selectlistbox-item {
	padding: 5px !important;
}

.tipoBorda .ui-datatable tbody td {
	border-style: inset !important ;
	
}

/* Ajuste o estilo do botão */
.menuItens .ui-button-icon-only {
    width: 20px !important;
    height: 20px !important;
}


.semRolagemDialogo .ui-dialog-content {
	overflow: hidden !important;
}

.fundoCinzaClaro {
	background-color: #F5F5F5;
}

.legendaComprevCol5 {
	display: block !important;
}
.legendaComprevCol4 {
	display: none !important;
}

.dataViewOpcoesEscondidas .ui-dataview-layout-options {
    display: none !important;
}

.custom-tooltip-panel {
    background-color: #333; /* Fundo escuro típico do tooltip */
    color: #fff; /* Texto branco para contraste */
    border: 1px solid #555; /* Borda ligeiramente mais escura */
    border-radius: 3px; /* Borda arredondada */
    padding: 8px 12px; /* Espaçamento interno */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Sombra para destaque */
    font-size: 12px; /* Tamanho de fonte */
    max-width: 250px; /* Largura máxima similar ao tooltip */
    z-index: 1000; /* Para aparecer acima de outros elementos */
    opacity: 0.9; /* Leve transparência */
}

.custom-tooltip-panel::after {
    content: "";
    position: absolute;
    bottom: 100%; /* Posiciona acima do painel */
    left: 10px; /* Ajuste horizontal da seta */
    border-width: 6px; /* Tamanho da seta */
    border-style: solid;
    border-color: transparent transparent #333 transparent; /* Cores das bordas, seta apontando para cima */
}


@media(max-width: 1300px) {
	.legendaComprevCol5 {
		display: none !important;
	}
	.legendaComprevCol4 {
		display: block !important;
	}	
}

/* ESTILOS DA FOTO DO SEGURADO GRANDE */
.fullScreenImage {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* Fundo preto com opacidade */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.fullScreenImage img {
    max-width: 90%;
    max-height: 90%;
}

.closeButtonFullScreenImage {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 60px;
    color: white;
    cursor: pointer;
}

.fullScreenImage img:hover {
    transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
    transition: all 0.3s ease;
}
/* FIM DOS ESTILOS DA FOTO DO SEGURADO GRANDE */

/* ESTILOS DA ASSINATURA DIGITAL DE DOCUMENTOS */
#pdf-container {
  position: relative;
  width: 75vw;
  height: 70vh;
  overflow-y: auto;
  overflow-x: auto;
  background-color: #424242;
}
.pdf-page {
  margin: 15px auto;
  position: relative;
}
.signature-box {
  position: absolute;
  border: 2px dashed #000;
  min-width: 212px;
  min-height: 62px;
  max-width: 95%;
  max-height: 95%;
  cursor: move;
  background-color: rgba(255, 255, 165, 0.85);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  resize: both;
  overflow: hidden;
  user-select: none; /* Impede a seleção de texto */
}
.signature-box strong {
  font-size: 14px;
  pointer-events: none;
}
.signature-box span {
    font-size: 12px;
    pointer-events: none;
}
/* FIM DOS ESTILOS DA ASSINATURA DIGITAL DE DOCUMENTOS */

/* ESTILOS DAS CORES DE FUNDO DO TREETABLE */
.nivel-1 { background-color: hsl(220, 80%, 90%); } /* azul */
.nivel-2 { background-color: hsl(100, 80%, 90%); } /* verde pastel */
.nivel-3 { background-color: hsl(0, 80%, 90%); } /* vermelho pastel */
.nivel-4 { background-color: hsl(40, 80%, 90%); } /* laranja pastel */
.nivel-5 { background-color: hsl(270, 80%, 90%); } /* lilás */
.nivel-6 { background-color: hsl(170, 80%, 90%); } /* azul piscina */
.nivel-7 { background-color: hsl(300, 80%, 90%); } /* rosa */
.nivel-8 { background-color: hsl(60, 80%, 90%); } /* amarelo */
.nivel-9 { background-color: hsl(200, 80%, 90%); } /* azul pastel */
.nivel-10 { background-color: hsl(330, 80%, 90%); } /* rosado pastel */
/* FIM DOS ESTILOS DAS CORES DE FUNDO DO TREETABLE */

.input-password-toggle {
    display: flex;
    align-items: center;
    position: relative;
}

.input-password-toggle i {
    margin-left: -20px;
    cursor: pointer;
    color: #555;
}

.input-password-toggle i:hover {
    color: #007bff;
}