/*body{
background: radial-gradient(circle, rgba(68,137,214,1) 0%, rgba(107,102,222,1) 100%);
color: #fff;
}*/


.menu_direito{

height: 86px;
width: 80px;
background-color: black;
color: white;
position: absolute;
z-index: 2;
opacity: 0;
text-align: center;
line-height: 26px;
cursor: pointer;

}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	/*margin: 0 45px 45px 0;*/
}

.qvplaceholder, .qvobject {
	flex: 1 1 auto;
	height: 300px;
	min-width: 400px;
	margin: 45px 0 0 45px;
}

#popup {
	background-color: #c3534b;
	color: #FFFFFF;
	position: fixed;
	max-width: 250px;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
	z-index: 6;
	font-family: sans-serif;
}

.close {
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	position: absolute;
	right: 9px;
	top: 7px;
}

.close:hover {
	opacity: .5;
}

#popupText {
	margin-right: 23px;
}

.altura_400{
	height: 5100px; !important;
}



/* -- Ocultando campos no cabeçalho da Tabela Dinâmica -- */
/*[tid="meta.rows"],[tid="meta.columns"] {
 display: none;
}*/


/* -- Colorindo linhas da tabela -- */
[tid="data.row"]:nth-child(odd) {
 background-color: hashtag#EAEAEA;
}


/* -- Estilizando cor e fonte do cabeçalho -- */
[tid="header.row"] {
 background-color: rgb(51,50,61) !important;
 color: white;
 font-size: 10px;
}

/* -- Deixando o cabeçalho em negrito -- */
[tid="header.row.cell"] {
 font-weight: 700 !important;
}


/* -- Mudando cor dos filtros selecionados -- */
.qv-listbox-item.ng-scope.serverSelected {
 background-color: rgb(51,50,61);
 color: hashtag#fff;
}

/* -- Reposicionando a tabela  -- */
[tid="PPBmTY"] {
 padding: 35px;
}

.scrollbar-animation.scrollbar-track {
    opacity: 1 !important;
    visibility: visible !important;
    height: 8px !important;
    transition: none !important;
}


#custom-background {
    background: linear-gradient(130deg, rgba(11,25,196,0.3) 0%, rgba(150,190,252,1) 18%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%) !important;
}

/* alguns temas usam essas classes */
.qv-grid-header .lui-icon--search,
.qv-grid-header .qv-icon-search,
[tid="header.row.cell"] .lui-icon--search,
[tid="header.row.cell"] .qv-icon-search {
  display: none !important;
}

[tid="header.row"]              { background-color: #33323d !important; color: #fff; }
[tid="header.row.cell"]         { font-weight: 700 !important; text-align: center; white-space: normal; }
[tid="header.row.cell"] span,
[tid="header.row.cell"] .qv-st-value { opacity: 1 !important; }




/* 2.1 esconder LUPA só no cabeçalho da pivot do Qlik */
.qv-grid-header .lui-icon--search,
.qv-grid-header .qv-icon-search,
[tid="header.row.cell"] .lui-icon--search,
[tid="header.row.cell"] .qv-icon-search {
  display: none !important;
}

/* 2.2 tabela HTML gerada */
#QV01_html .pivot-html {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
  background: #fff;
  border: 1px solid #dcdcdc;
}

#QV01_html .pivot-html th,
#QV01_html .pivot-html td {
  border: 1px solid #e6e6e6;
  padding: 6px 8px;
  vertical-align: top;
  word-wrap: break-word;
}

#QV01_html .pivot-html thead th {
  position: sticky;
  top: 0;
  background: #33323d;
  color: #fff;
  font-weight: 700;
  z-index: 2;
  text-align: center;
}

#QV01_html .pivot-html tbody tr:nth-child(odd) td {
  background: #fafafa;
}

/* loading simples */
#QV01_html .loading {
  padding: 12px;
  font-style: italic;
  color: #666;
}

/* botão toggle (mínimo) */
.btn-toggle {
  margin: 8px 0 12px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  cursor: pointer;
  border-radius: 6px;
}
.btn-toggle:hover { background:#eee; }



/* Banner de seleções (versão HTML) */
#QV01_html .selections {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 10px;
  margin: 0 0 10px 0;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

#QV01_html .selection-pill {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 16px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

#QV01_html .selection-pill .label { 
  font-weight: 600; 
  color: #374151;
}

#QV01_html .selection-pill .value { 
  color: #111827; 
}

#QV01_html .selection-pill.empty { 
  opacity: .6; 
}

#QV01 { display:none !important; }

/* faz o sticky do thead funcionar */
#QV01_html {
  max-height: 70vh;
  overflow: auto;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 0;              /* opcional: dá aquele look de card */
}