:root{
  --comex-navy: #001f3f;
  --comex-royal: #004080;
  --comex-blue: #007bff;
  --comex-light: #cfeefb;
  --track: #d6deea;
}

body
{
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0 auto;
color: #000000;
-webkit-print-color-adjust: exact;
min-width: fit-content;
}
select[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
input[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
.clear{
	clear:both;
}
.hide{
	display: none;
}
a{
color:#256c89;
}
h2 {
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 600;
	padding: 0 0 10px 4px;
	margin: 0 0 15px 0;
	font-family: "Inter", Arial, sans-serif;
	border-bottom: 2px solid #e3e6ea;
	letter-spacing: 0.3px;
}

h3 {
	font-size: 18px;
	color: #22a6b3;
	font-weight: 500;
	padding: 10px 0 6px 10px;
	margin: 0 0 10px 0;
	font-family: "Inter", Arial, sans-serif;
	letter-spacing: 0.2px;
	clear: both;
}
a.forgot_pass{
float:right;
color:#256c89;
text-decoration:none;
background:url(images/help.png) no-repeat left;
padding:0 0 0 18px;
display:block;
margin:15px 20px 0 0;
}
#date_time{
	padding-top:10px;
	width:100%;
	color:#333333;
	font-size:10px;
	text-align:center;
}


#main_container{
	margin:0 auto;
	width:100%;
	min-width:1010px;
	padding:0px 0 0px 0;
}
.header{
	width:100%;
	height:60px;
	background:#f5f8fa;
	background-color: #f5f8fa;
	border-bottom: 1px solid #dbe2e8;
}
.header_login{
width:800px;
margin:0px;
}
#clock_a{
float:right;
padding:15px 0 0 0;
}
.jclock{
color:#FFFFFF;
float:right;
font-size:22px;
font-weight:bold;
padding:34px 25px 0 0;
}
.right_header{
	width:500px;
	float:right;
	text-align:right;
	color:#333333;
}
.right_header a{
	text-decoration:underline;
	color:#333333;
}

.divUserHeader{
	float:right; 
	color:#3ea0bb;
	width: auto; 
	height: 60px; 
	line-height: 60px; 
	margin-right: 20px;
	cursor: pointer;
	position:relative;
}
.divUserHeaderSub{
	width:170px; 
	right: 0px;
	position:absolute; 
	background: #FFFFFF;
	z-index:9999999999999;
	display:none;
	padding-top: 10px;
	padding-bottom:10px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
}
.divUserHeader:hover .divUserHeaderSub {
	display:block;
}
.divUserHeader ul {padding:0; font-weight: normal; font-size: 12px; margin:0;list-style-type:none; padding-left:8px; padding-right: 8px; cursor:pointer;}
.divUserHeader ul li {float:left; width:154px; height:32px;line-height:32px;cursor:pointer; text-align: left;  }
.divUserHeader ul li img{margin-right: 7px; margin-left: 7px; }
.divUserHeader ul li:hover {color:#333333}
.divUserHeader ul a {text-decoration: none; color:#3ea0bb }

.divChatHeader{
	float:right; 
	color:#3ea0bb;
	width: 200px; 
	height: 60px; 
	line-height: 60px; 
	margin-right: 20px;
	cursor: pointer;
}
.divChatHeaderSub{
	position:absolute; 
	background: #FFFFFF;
	z-index:999999999;
	display:none;
	padding-top: 10px;
	padding-bottom:10px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	
	right:30px; 
	padding-left:8px; 
	padding-right: 8px; 
	width: 180px; 
	top: 60px; 
	display:none;	
		
}

.iframe_itens {
	width: 100%;
	border: 1px solid #e5e7eb;   /* borda sutil cinza claro */
	border-radius: 8px;           /* cantos arredondados */
	box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* leve sombra */
	background: #fff;
	transition: all 0.2s ease;
}

.iframe_itens:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	border-color: #22a6b3; /* tom moderno no hover */
}

.iframe_itens_sub {
	width: 100%;
	border: 1px solid #999999;   /* borda sutil cinza claro */
	border-radius: 8px;           /* cantos arredondados */
	box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* leve sombra */
	background: #fff;
	transition: all 0.2s ease;
}

.iframe_itens_sub:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	border-color: #22a6b3; /* tom moderno no hover */
}

.main_content{
	margin:0 auto;
	width:100%;
	padding:0px 0 50px 0;
	background:#fff;
}
.footer{width:100%;height:47px;background: #4c5457; color:#FFFFFF}
.footer_login{width:900px;margin-left:10%;}

.left_footer{float:left;padding:15px 0 0 10px;color:#FFFFFF;font-size:11px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:15px 10px 0 0;}

.left_footer_login{float:left;padding:15px 0 0 10px;color:#000000;font-size:11px;}
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.right_footer_login{float:left;padding:0px 0px 0 0; font-size: 10px;}

/* ----- MENU PRINCIPAL ----- */
/* Remove marcadores (bolinhas) de todos os níveis de lista */
.menu ul,
.menu ul li,
.menu ul ul,
.menu ul ul li {
	list-style: none !important;
	background-image: none !important;
}

/* Também remove qualquer pseudo-elemento que possa gerar marcador */
.menu ul li::before {
	content: none !important;
}

.menu {
  font-size: 13px;
  background: linear-gradient(90deg, #1b5d7d, #247ba0);
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 9999;
  height: 34px;
  line-height: 34px;
  border-bottom: 2px solid #14506b;
}

/* garante que o fundo azul cubra todo o menu */
.menu > ul:first-of-type{
	margin-left: 50px;
}
.menu > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  height: 100%;
}

/* cada item principal */
.menu > ul > li {
  position: relative;
  height: 100%;
}

/* links principais */
.menu a {
  display: block;
  padding: 0 20px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500;
  font-family: "Inter", Arial, sans-serif;
  transition: background 0.25s ease, color 0.25s ease;
}

.menu a:hover,
.menu a.current {
  background: #3ea0bb;
  color: #fff;
}

/* ----- SUBMENUS ----- */
.menu ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background: #1b5d7d;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: all 0.25s ease;
  padding: 0;
}

.menu ul li:hover > ul{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);

  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition:
    opacity .25s ease,
    visibility 0s;  

}


/* links do submenu */
.menu ul ul li {
  width: 250px;
  position: relative;
}

.menu ul ul a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-size: 12px;
  background: #1b5d7d;
  border-bottom: 1px solid #2e6e8a;
}

.menu ul ul a:hover {
  background: #3ea0bb;
}

/* subníveis (3º ou mais) */
.menu ul ul ul {
  left: 100%;
  top: 0;
  border-radius: 6px;

position: absolute;
  top: 0;           /* começa na mesma altura do li pai */
  left: 100%;       /* encostado à direita do li */
  margin-left: -1px;/* sobrepõe 1px pra não ter “fenda” */
  border-radius: 0 6px 6px 0;

  /* estado escondido, sem deslocar pra cima */
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition:
    opacity .25s ease,
    visibility 0s linear .25s;  
}

/* ----- ÍCONE MENU HAMBÚRGUER (RESPONSIVO) ----- */
.menu-anchor {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	
  width: 28px;
  height: 28px;

  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 3px;
}
.menu-anchor::before,
.menu-anchor::after,
.menu-anchor span {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  height: 3px;
  background: #1b5d7d;
  transition: all 0.3s ease;
}
.menu-anchor::before { top: 8px; }
.menu-anchor span { top: 13px; }
.menu-anchor::after { top: 18px; }

/* responsivo */
@media (max-width: 900px) {
  .menu {
    height: auto;
    flex-direction: column;
  }
  .menu > ul {
    flex-direction: column;
    display: none;
  }
  .menu.menu-active > ul {
    display: flex;
  }
  .menu-anchor {
    display: inline-block;
  }
}






.linha{
	border-top:1px solid #CCCCCC;
	width:1200px;
}




.center_content{
	clear:both;
	height: 100%;
}
.left_content{
	width:195px;
	float:left;
	padding:15px 0 0 0px;
	transition-duration: 0.5s;
}
.left_contenttrue{
	display:none;
	width:195px;
	float:left;
	padding:15px 0 0 20px;
}
.right_content{
	width: 95%;	
	float:left;
	padding:15px 0 0 30px;
	height: 100%;
	transition-duration: 0.5s;
}




.sidebarmenu {
	margin: 0;
	padding: 0;
	width: 100%;
	
	font-family: "Inter", Arial, sans-serif;
}

/* === ITENS PRINCIPAIS === */
.submenuheader {
  
}
.sidebarmenu a.menuitem,
.sidebarmenu a.menuitem_green,
.sidebarmenu a.menuitem_red {
	display: block;
	position: relative;
	width: 160px;
	margin: 4px 0 6px 12px;
	padding: 10px 12px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 1.4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: all 0.25s ease-in-out;
	float:left;
}

/* Cores modernas */
.sidebarmenu a.menuitem {
	background: linear-gradient(145deg, #4e8fc9, #3a6ea7);
	color: #fff;
}
.sidebarmenu a.menuitem_green {
	background: linear-gradient(145deg, #8cc84b, #6aa437);
	color: #fff;
	display: inline-flex;
}
.sidebarmenu a.menuitem_red {
	background: linear-gradient(145deg, #e35d6a, #b7404b);
	color: #fff;
}

/* Hover elegante */
.sidebarmenu a.menuitem:hover,
.sidebarmenu a.menuitem_green:hover,
.sidebarmenu a.menuitem_red:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	filter: brightness(1.05);
}

/* Ícone de status */
.sidebarmenu a.menuitem .statusicon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	border: none;
	filter: brightness(1.2);
}

/* === SUBMENUS === */
.sidebarmenu div.submenu {
	background: #f9fafb;
	width: 185px;
	margin-left: 20px;
	border-left: 3px solid #4e8fc9;
	border-radius: 6px;
	padding: 6px 0;
	animation: fadeIn 0.3s ease-in-out;
	float:left;
}

.sidebarmenu div.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebarmenu div.submenu ul li {
	border-bottom: 1px solid #e3e6ea;
}
.sidebarmenu div.submenu ul li:last-child {
	border-bottom: none;
}

/* Links do submenu */
.sidebarmenu div.submenu ul li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 8px 12px;
	font-size: 13px;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.sidebarmenu div.submenu ul li a.current {
	background: #e3f2fd;
	color: #0b5881;
	font-weight: 600;
}

.sidebarmenu div.submenu ul li a:hover {
	background: #4e8fc9;
	color: #fff;
	transform: translateX(3px);
}

/* === ANIMAÇÃO DE ENTRADA === */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-5px); }
	to { opacity: 1; transform: translateY(0); }
}
.sidebar_search{
	width:195px;
	float:left;	
	margin:0 0 5px 0;
	position: relative;
}
input.search_input {
	width: 100%;
	max-width: 185px;
	padding: 10px 36px 10px 12px;
	font-size: 14px;
	font-family: "Inter", Arial, sans-serif;
	color: #222;
	background: #f9fafb;
	border: 1px solid #999999;
	border-radius: 8px;
	box-sizing: border-box;
	outline: none;
	transition: all 0.25s ease;
	margin-left: 12px;
}


/* Efeito de foco moderno */
input.search_input:focus {
	border-color: #d94f4f;
	box-shadow: 0 0 0 3px rgba(34,166,179,0.15);
	background: #fff;
}

/* Botão de busca */
.sidebar_search input.search_submit {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	font-size: 18px;
	transition: color 0.2s ease;
}

/* Hover com cor moderna */
.sidebar_search input.search_submit:hover {
	color: #22a6b3;
}

.btn-timeline-update{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border-radius: 10px;
  border: 1px solid #cfd8e3;

  background: #fff;
  color: #004080;

  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);

  transition: background .15s ease,
              box-shadow .15s ease,
              transform .08s ease;
}

.btn-timeline-update:hover{
  background: #f3f7fb;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.btn-timeline-update:active{
  transform: translateY(1px);
}

/* animação sutil no hover */
.btn-timeline-update:hover i{
  animation: spin .8s linear;
}

@keyframes spin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

	
	.botao1{
		padding:2px;
		cursor:pointer;
	}
	.conversa{
		width:100%;
		margin-bottom:10px;
	}
	.conversa > .foto{
		width:38px;
		height:29px;
		

	}	
	.conversa_data{
		font-size:11px;
		padding:5px;
 		width:50px;
		background-color:#e1f3fb;
		text-align:center;
		margin-left:44%;
		margin-bottom:10px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		
	}
	.conversa > .texto{
		font-size:12px;
		padding:5px;
 		width:auto;
		max-width:235px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		
		-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		
	}
	
	.conversa.out > .texto{
		float:left;
		background-color:#ecebeb;

	}
	.conversa.out > .texto:before{
		content: '';
		display: inline-block;
		position: absolute;
		border-color: transparent transparent #ecebeb transparent;
		border-width: 8px;
		border-style: solid;
		margin-left: -8px;
		margin-top: -8px;
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
		
	}
	
	.conversa.in > .texto{
		margin-right:15px;
		float:right;
		background-color:#c8f0d6;
	}

	.conversa.in > .texto:before{
		content: '';
		display: inline-block;
		position: absolute;
		right:0px;
		border-color: transparent transparent #c8f0d6 transparent;
		border-width: 8px;
		border-style: solid;
		margin-right: -5px;
		margin-top: -8px;
		transform:rotate(315deg);
		-ms-transform:rotate(315deg); /* IE 9 */
		-webkit-transform:rotate(315deg); /* Opera, Chrome, and Safari */
	}		
	.emojis{
		position:absolute; 
		background-color:#FFFFFF; 
		width:200px; 
		margin-left:-100px; 
		height:150px; 
		margin-top:-160px; 
		overflow:auto; 
		border:1px solid #e1e2e2; 
		display:none;
		
		-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.42);
		box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.42);		
	}
	.emo{
		cursor:pointer;
		width:20px;
	}
	.menor{
		width:14px;
	}	
	.editor{
		width:100%; 
		padding:10px;
		height:20px; 
		overflow:auto; 
		border:0px; 
		background-color:#FFFFFF;
		resize: none; 
		color:#808080; 
		font-size:16px;
		border-radius: 20px;
	}
	.editor:focus{
		outline: none;
	}






.impressao{
	max-width:980px;
	min-width:980px;
	width:980px;	
}
.impressao td{
	padding-right:5px;
}


#rounded-corner {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 8px;
	background: #fff;
	font-family: "Inter", Arial, sans-serif;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s ease-in-out;
}

/* CABEÇALHO */
#rounded-corner thead th {
	position: sticky;
	top: 0;
	z-index: 10;
	background: #f4f6f8;
	color: #111;
	font-weight: 600;
	font-size: 14px;
	padding: 12px 14px;
	text-align: left;
	border-bottom: 2px solid #e3e6ea;
	letter-spacing: 0.3px;
}

#rounded-corner th a {
	color: #1b7f8a;              /* Azul turquesa moderno */
	text-decoration: none;
	font-weight: 600;
	font-family: "Inter", Arial, sans-serif;
	transition: color 0.2s ease, text-shadow 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#rounded-corner th a:hover {
	color: #22a6b3;              /* Destaque no hover */
	text-shadow: 0 0 6px rgba(34,166,179,0.25);
}

/* Para parecer clicável */
#rounded-corner th a::after {
	content: "⇅";                /* Ícone indicativo de ordenação */
	font-size: 11px;
	color: #aaa;
	transition: color 0.2s ease;
}

#rounded-corner th a:hover::after {
	color: #22a6b3;
}

/* Cabeçalho fixo ainda com o fundo */
#rounded-corner thead th.rounded a {
	display: inline-block;
}

/* ZEBRA MAIS FORTE */
#rounded-corner tbody tr:nth-child(odd) {
	background: #ffffff;
}
#rounded-corner tbody tr:nth-child(even) {
	background: #edf3f4;
}
#rounded-corner tbody tr {
  transition: background 0.25s ease, color 0.25s ease;
}
/* CÉLULAS GERAIS */
#rounded-corner {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	background: #fff;
	font-family: "Inter", Arial, sans-serif;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s ease-in-out;
}

/* CABEÇALHO */
#rounded-corner thead th {
	position: sticky;
	top: 0;
	z-index: 10;
	background: #f4f6f8;
	color: #111;
	font-weight: 600;
	font-size: 14px;
	padding: 12px 14px;
	text-align: left;
	border-bottom: 2px solid #e3e6ea;
	letter-spacing: 0.3px;
}

#rounded-corner th a {
	color: #1b7f8a;              /* Azul turquesa moderno */
	text-decoration: none;
	font-weight: 600;
	font-family: "Inter", Arial, sans-serif;
	transition: color 0.2s ease, text-shadow 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#rounded-corner th a:hover {
	color: #22a6b3;              /* Destaque no hover */
	text-shadow: 0 0 6px rgba(34,166,179,0.25);
}

/* Para parecer clicável */
#rounded-corner th a::after {
	content: "⇅";                /* Ícone indicativo de ordenação */
	font-size: 11px;
	color: #aaa;
	transition: color 0.2s ease;
}

#rounded-corner th a:hover::after {
	color: #22a6b3;
}

/* Cabeçalho fixo ainda com o fundo */
#rounded-corner thead th.rounded a {
	display: inline-block;
}

/* ZEBRA MAIS FORTE */
#rounded-corner tbody tr:nth-child(odd) {
	background: #ffffff;
}
#rounded-corner tbody tr:nth-child(even) {
	background: #edf3f4;
}
#rounded-corner tbody tr {
  transition: background 0.25s ease, color 0.25s ease;
}
/* CÉLULAS GERAIS */
/* CÉLULAS GERAIS */
#rounded-corner td {
	padding: 10px 14px;
	font-size: 13px;
	color: #333;
	position: relative; /* necessário para o pseudo-elemento */
	vertical-align: middle;
	transition: background 0.3s ease, color 0.3s ease;
}

/* Linha divisória inferior perfeita, mesmo com célula flex */
#rounded-corner tbody tr {
	position: relative;
}

#rounded-corner tbody tr::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #e0e4e7;
	pointer-events: none; /* não interfere em cliques */
}

/* Remove linha duplicada no último item */
#rounded-corner tbody tr:last-child::after {
	display: none;
}

/* HOVER ANIMADO */
#rounded-corner tbody tr:hover {
  background: linear-gradient(90deg, #22a6b3 0%, #47c0d1 100%) !important;
  color: #fff;
  transition: background 0.3s ease-in-out;
}

#rounded-corner tbody tr:hover td {
  color: #fff;
}

#rounded-corner tbody tr.no-hover:hover,
#rounded-corner tbody tr.no-hover:hover td {
	background: unset !important;
  color: unset !important;
  cursor: default !important;
  transition: none !important;
}


/* ÚLTIMA COLUNA (FUNÇÕES) */
#rounded-corner tr td:last-child {
	
	text-align: center;
	padding: 8px;
	box-sizing: border-box;
	white-space: nowrap;
	/*border-bottom: 1px solid #e0e4e7;*/ 
	position: relative;
}

/* CONTAINER FLEXÍVEL INTERNO */
#rounded-corner tr td:last-child {
	display: flex;
	/*align-items: center;       /* 
	/*justify-content: center;
	gap: 6px;*/
	/*flex-wrap: wrap;*/
	min-height: 30px;          /* 👈 força altura mínima para nivelar */
}

/* ÍCONES */
#rounded-corner tr td:last-child img {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ddd;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

#rounded-corner tr td:last-child img:hover {
  border-color: #22a6b3;
  box-shadow: 0 0 6px rgba(34,166,179,0.4);
  filter: brightness(1.1);
}

/* ÍCONES */
#rounded-corner tr td:last-child img {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ddd;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

#rounded-corner tr td:last-child img:hover {
  border-color: #22a6b3;
  box-shadow: 0 0 6px rgba(34,166,179,0.4);
  filter: brightness(1.1);
}

/* C�lula de TP Servi�o */
#rounded-corner td.tp-servico {
  text-align: center;
  font-weight: 600;
  color: #fff;
  border-radius: 6px;
  padding: 6px 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
  transition: all 0.2s ease-in-out;
  width: 90px;
}

/* Ajuste para harmonizar altura e bordas com as demais c�lulas */
#rounded-corner td.tp-servico::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.05);
  pointer-events: none;
}

/* Cores espec�ficas */
#rounded-corner td.tp-servico.kick {
  background-color: #c56b00;
}
#rounded-corner td.tp-servico.comex {
  background-color: #007da6;
}

/* Efeito hover sutil */
#rounded-corner tbody tr:hover td.tp-servico {
  filter: brightness(1.15);
  transform: scale(1.02);
}



.SubItem{
padding: 3px!important;
background:#ECECEC!important;
border-top: 0px solid #fff!important;
color: #669;
}

.paga
{
padding: 8px;
background:#c0ffba !important;
border-top: 1px solid #fff;
color: #669 !important;
}
.inativo
{
padding: 8px;
background:#ffd4d4 !important;
border-top: 1px solid #fff;
color: #669 !important;
text-decoration:line-through;
}
.encaminhada
{
	padding: 8px;
	background: #DDE0FF !important;
	border-top: 1px solid #fff;

}
.alerta
{
padding: 8px;
background:#ffd4d4 !important;
color: #669 !important;
}




#tbrelatorio
{
margin:0px;
width:1200px;
max-width:1200px;
text-align: left;
border-collapse: collapse;
}
#tbrelatorio thead th.rounded-company
{
width:26px;
background: #60c8f2 url('images/left.jpg') left top no-repeat;
}
#tbrelatorio th
{
padding: 8px;
font-weight:bold;
font-size: 13px;
color:#2E2E2E;
position: sticky;
top: 0;
background:#FFFFFF;
		
}
#tbrelatorio td
{
padding: 8px;
border-top: 1px solid #fff;
color:#0D0D0D;
}
#tbrelatorio tr:nth-child(even) td {background:#E8E8E8}
#tbrelatorio tr:nth-child(odd) td {background: #FFFFFF}

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	font-size: 13px;
	line-height: 1.5em;
	padding: 10px 0 0 0;
	margin-left: -10em;
	margin-top: -3em;
	opacity: 0;
	padding-bottom:5px;
	color:#333333;
	
	border:1px solid #d9e5ed;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: #FFFFFF;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.68);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.68);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.68);
	z-index: 99999999999999;
}


.yes{
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	line-height: 21px;
	border:0px;
	border-radius:6px;
	color:#fff;
	background: #3fa1bc;
}
.yes:hover{
	background: #1b5d7d;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	line-height: 21px;
	border:0px;
	border-radius:6px;
	color:#fff;
	background: #d0757c;
}
.cancel:hover {
	background: #a6242e;
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
	width:185px;
	margin-left:10px;
	padding:0px 0 0px 0;
	border:0px solid #EBEBEB;
	display:block;
	background:#f3f4f6;
	margin-top: 20px;
	
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.16);
}
.sidebar_box_top{width:185px;height:8px;background:#f3f4f6; }
.sidebar_box_bottom{width:185px;height:0px;background:#f3f4f6;}
.sidebar_box_content{width:175px;height:auto;background:#f3f4f6; padding:0 0 0 7px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
.sidebar_icon_right{
	float:right;
	margin-right: 4px;
	margin-top: -7px;
	display:none;
}
.sidebar_box_content ul{
list-style:none;
padding:5px 0 5px 0;
margin:0px;
clear:both;
}
.sidebar_box_content ul li{
padding:5px 0 5px 10px;
background-position:0px 10px;
}

			
.side-pill{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:10px 12px;
border-radius:10px;
text-decoration:none;
box-sizing:border-box;
margin:8px 0;
}

.side-pill--neutral{
background:#ffffff;
border:1px solid #e5e7eb;
box-shadow:0 1px 2px rgba(0,0,0,.06);
}

.side-pill-badge{
min-width:34px;
height:26px;
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:12px;
}

.side-pill-badge--icon{
background:#eef2ff;      /* leve */
color:#1f2937;
}

.side-pill-text{
line-height:1.05;
color:#111827;
font-size:12px;
}

.side-pill-text small{
display:block;
margin-top:3px;
color:#6b7280;
font-size:11px;
font-weight:600;
}
.side-pill{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:10px 12px;
border-radius:10px;
text-decoration:none;
box-sizing:border-box;
margin:8px 0;
transition: all .18s ease;
}

.side-pill:hover{
transform: translateX(4px);
box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.side-pill-badge{
min-width:34px;
height:26px;
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:12px;
transition: all .18s ease;
}

.side-pill:hover .side-pill-badge{
transform: scale(1.08);
}



  .popx{
  position:absolute;
  z-index:9999;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  border-radius:10px;
  padding:10px 12px;
  min-width:200px;
}

.popx:before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background:#fff;
  border-right:1px solid rgba(0,0,0,.12);
  border-bottom:1px solid rgba(0,0,0,.12);
  bottom:-6px;
  right:20px;
  transform:rotate(45deg);
}

.popx .title{
  font-size:13px;
  margin-bottom:8px;
}

.popx .actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
}

.popx button{
  border:0;
  padding:6px 10px;
  border-radius:8px;
  cursor:pointer;
  font-size:13px;
  color:#fff;
}

.popx .b1{background:#2f8ca8;}
.popx .b2{background:#3aa55d;}
.popx .danger{background:#d9534f;}



.kpi-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.kpi-card{
background:#fff;border:1px solid #e5e7eb;border-radius:10px;
padding:10px 10px;box-shadow:0 1px 2px rgba(0,0,0,.06);
transition:all .18s ease;
}
.kpi-card:hover{transform:translateX(3px);box-shadow:0 4px 10px rgba(0,0,0,.08);}
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.kpi-title{font-size:11px;color:#6b7280;font-weight:800;line-height:1.1;}
.kpi-gear{font-size:14px;text-decoration:none;opacity:.75}
.kpi-gear:hover{opacity:1}
.kpi-value{font-size:16px;font-weight:900;color:#111827;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kpi-bar{height:7px;background:#f3f4f6;border-radius:999px;overflow:hidden;position:relative;}
.kpi-fill{height:100%;width:0%;background:#16a34a;border-radius:999px;transition:width .35s ease;}
.kpi-marks{position:absolute;inset:0;pointer-events:none;}
.kpi-mark{position:absolute;top:0;bottom:0;width:2px;background:rgba(17,24,39,.15);}
.kpi-foot{margin-top:6px;font-size:11px;color:#6b7280;display:flex;justify-content:space-between;gap:8px;}
.kpi-foot b{color:#111827}
			

.warning_box{width:540px;clear:both;background:url(images/warning.png) no-repeat left #fcfae9;
border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 0 0;}

.valid_box{width:540px;clear:both;background:url(images/valid.png) no-repeat left #edfce9;
border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.error_box{width:540px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

/* CONTAINER */
div.pagination {
  width: 100%;
  clear: both;
  padding: 16px 0;
  margin-top: 30px;
  text-align: center;
  float: left;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
}

/* LINKS */
div.pagination a {
  display: inline-block;
  margin: 0 3px;
  padding: 8px 14px;
  border-radius: 8px;
  color: #1b5d7d;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #d0dee3;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
}

/* HOVER */
div.pagination a:hover {
  background: #1b5d7d;
  color: #ffffff;
  border-color: #1b5d7d;
  box-shadow: 0 0 6px rgba(27, 93, 125, 0.3);
  transform: translateY(-1px);
}

/* PÁGINA ATUAL */
div.pagination span.current {
  display: inline-block;
  margin: 0 3px;
  padding: 8px 14px;
  border-radius: 8px;
  background: linear-gradient(90deg, #22a6b3 0%, #47c0d1 100%);
  color: #ffffff;
  font-weight: 600;
  border: 1px solid #22a6b3;
  box-shadow: 0 2px 4px rgba(34,166,179,0.3);
}

/* DESABILITADO */
div.pagination span.disabled {
  display: inline-block;
  margin: 0 3px;
  padding: 8px 14px;
  border-radius: 8px;
  color: #bbb;
  background: #f6f8f9;
  border: 1px solid #e0e4e7;
  cursor: not-allowed;
}

/* SUAVIZAÇÃO AO HOVER */
div.pagination a,
div.pagination span.current,
div.pagination span.disabled {
  transition: all 0.2s ease-in-out;
}



.btnAdiciona{
	o-border-radius:50%;
	border-radius:50%;
	border:solid 2px #b9ce44;
	background:#b9ce44;
	cursor:pointer;
	width:50px;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	font-size:50px;
	font-weight:bold;
	position:absolute;
	bottom:40px;
	right:50px;
    z-index:2;	
}



.modal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999999999999999;
	opacity:0;
	-webkit-transition: opacity 600ms ease-in;
	-moz-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
	pointer-events: none;
}

.modal:target {
	opacity:1;
	pointer-events: auto;
}

.modal > div {
	width: 600px;;
	color:#000000;

	position: relative;
	margin: 50px auto;
	padding:30px;
	border-radius: 8px;
	background: #FFFFFF;
}


.fechar {
	background: #e9112d;
	color: #FFFFFF;
	line-height: 22px;
	position: absolute;
	right: 12px;
	text-align: center;
	top: 10px;
	width: 22px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

}
.fechar:hover { background: #c61229; }



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 7px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



@media print { 
	.btnSavePdf { display:none; } 
    .noprint { display:none; } 
	html, body{
		height: 100%;
	}	
}