*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
*::-webkit-scrollbar-track {
  background-color: #F9F9F9;
}
*::-webkit-scrollbar-track:hover {
  background-color: #F5F5F5;
}
*::-webkit-scrollbar-track:active {
  background-color: #FAFAFA;
}
*::-webkit-scrollbar-thumb {
  background-color: #999999;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #888888;
}
*::-webkit-scrollbar-thumb:active {
  background-color: #888888;
}


.ha-2 { height: 2px; }
.ha-25 { height: 25px; }
.ha-30 { height: 30px; }
.ha-35 { height: 35px; }
.ha-40 { height: 40px; }
.ha-50 { height: 50px; }
.ha-60 { height: 60px; }
.ha-65 { height: 65px; }
.ha-70 { height: 70px; }
.ha-75 { height: 75px; }
.ha-80 { height: 80px; }
.ha-85 { height: 85px; }
.ha-90 { height: 90px; }
.ha-95 { height: 95px; }
.ha-100 { height: 100px; }
.ha-110 { height: 110px; }
.ha-125 { height: 125px; }
.ha-150 { height: 150px; }
.ha-170 { height: 150px; }
.ha-180 { height: 150px; }
.ha-190 { height: 150px; }
.ha-200 { height: 200px; }
.ha-250 { height: 250px; }
.ha-270 { height: 270px; }
.ha-280 { height: 280px; }
.ha-290 { height: 290px; }
.ha-300 { height: 300px; }
.ha-310 { height: 310px; }
.ha-320 { height: 320px; }
.ha-330 { height: 330px; }
.ha-350 { height: 350px; }
.ha-400 { height: 400px; }
.ha-450 { height: 450px; }
.ha-500 { height: 500px; }
.ha-550 { height: 550px; }
.ha-600 { height: 600px; }
.ha-650 { height: 650px; }
.ha-700 { height: 700px; }
.ha-750 { height: 750px; }
.ha-800 { height: 800px; }
.ha-850 { height: 850px; }
.ha-900 { height: 900px; }
.ha-950 { height: 950px; }



html.contraste{
  background-color: #000 !important;
  filter: invert(100%);
  -webkit-filter: invert(100%); 
}

html.monotom{
  background-color: #000 !important;
  filter: invert(100%) grayscale(100%);
  -webkit-filter: invert(100%) grayscale(100%);
}

body{
  font-family: "Roboto", sans-serif !important;
  background: #edeceb;
}

.fa-solid{
  min-width: 14px;
  min-height: 14px;
  text-align: center;
}

.main-container{
  min-height: 70vh;
}

#popup{
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 300px;
  min-height: 55px;
}

#CurrentSelections{
  position: sticky !important;
  z-index: 1000;
  top: 0;
  left: 0;
}

.qv-panel-current-selections ul{
  padding: 0;
}

.qv-global-selections.sub-bar-present{
  top: 38px;
}

body.qv-global-selections-enabled,
body.card-expanded-enabled{
  overflow: hidden !important;
}

.card.expanded {
  height: 100vh !important;
  left: 0 !important;
  position: fixed !important;
  top: 0 !important;
  width: 100vw !important;
  z-index: 99999 !important;
  background: white !important;
}

/* Esconde header e outros elementos */
body.card-expanded-enabled header,
body.card-expanded-enabled .scolltop,
body.card-expanded-enabled [vw] {
  visibility: hidden !important;
}

.has-current-selections .card.expanded{
  top: 38px;
}

.card.expanded .qvobject{
  height: 100% !important;
}


.scolltop{
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.carousel{
  padding-bottom: 30px;
}

.carousel-indicators{
  margin-bottom: 0;
}

.offcanvas{
  max-width: 300px;
}

#loader{
  z-index: 999999;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #fff;
}

.loader{
  margin-top: calc(50vh - 45px);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background: linear-gradient(0deg, rgba(102, 102, 102, 0.2) 33%, #666666 100%);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #fff;
}
@keyframes rotation {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
} 

.bnt-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bnt-menu h1 {
    font-size: 1.5em;
}

.logo, .logo-apresentacao {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
}

.logo-apresentacao .container{
    width: 50%;
    margin: 0 auto;
}

.logo .container {
    width: 75%;
    margin: 0 auto;
}



.logo-apresentacao img, .logo img {
    width: 100%;
}

/*.BTN-Qlik {
  color: #e5e7ed;
  display: flex;
  justify-content: space-between;
  align-items: center;
}*/

.BTN-Qlik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    color: #e5e7ed;
}

/*.BTN-Qlik .nav-link {
  background: #e5e7ed;
  border: 1px solid #d1d1d1;
  color: #4a697d;
  font-size: 13px;
  border-radius: .6em;
  width: 31%;
  height: 3em;
  text-align: center;
  padding: .7em 0;
}*/

.BTN-Qlik .nav-link {
    background: #e5e7ed;
    border: 1px solid #d1d1d1;
    border-radius: .6em;
    color: #4a697d;
    
    display: block; /* Opcional, para que as propriedades de altura funcionem */
    height: 50px;
    line-height: 50px; /* A altura da linha deve ser igual à altura do elemento */
    text-align: center; /* Centraliza o texto horizontalmente */
    width: 32%; /* Opcional, para ocupar toda a largura */
}

.BTN-Qlik .nav-link.ativo{
  background: #003466;
  color: #fff;
}

.Qlik-bg-red{
  background: #87205d !important;
  color: #fff !important;
}
.Qlik-bg-green{
  background: #99ba56 !important;
  color: #fff !important;
}


.BTN-Qlik .nav-link-g1{
  width: 24%;
}

.BTN-Qlik .nav-link-g {
    width: 13.5%;
    height: 70px;
    line-height: 70px;
    margin-top: 0px important;
    font-size: .7em;
}

.navbar .container-full {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bg-none{
  background: none;
}

/*.qvplaceholder, .qvobject {
  flex: 1 1 auto;
  height: 80px;
  min-width: 400px;
}*/


/* ========================================
   BOTÕES FLUTUANTES - NÃO QUEBRAM LAYOUT
   ======================================== */

/* Container dos botões - POSIÇÃO ABSOLUTA */
.panel-controls-export {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 100;
    display: flex;
    gap: 0.25rem;
    background: transparent !important;
    padding: 0.25rem;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.panel-controls-export button:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}


/* Card precisa ser relative */
.card {
    position: relative;
}

/* Botões */
.panel-controls-export button {
    width: 28px;
    height: 28px;
    border: 1px solid #d1d1d1;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 0;
    margin: 0;
}


#TAB-01 ~ .panel-controls-export,
.card:has(#TAB-01) > .panel-controls-export {
    position: relative !important; /* ← ocupa espaço */
    top: auto !important;
    right: auto !important;
    justify-content: flex-end !important;
    background: #EDECEB !important;
    padding: 0.25rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 4px !important;
}


.precessosadministrativos #GRAF-01 .panel-controls-export,
.precessosadministrativos .card:has(#GRAF-01) .panel-controls-export {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    justify-content: flex-end !important;
    background: #fff !important;
    padding: 0.25rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 4px !important;
}
.requerimentodetcc #GRAF-01 .panel-controls-export,
.requerimentodetcc .card:has(#GRAF-01) .panel-controls-export {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    justify-content: flex-end !important;
    background: #fff !important;
    padding: 0.25rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 4px !important;
}

.estoquetribunal #GRAF-01 .panel-controls-export,
.estoquetribunal .card:has(#GRAF-01) .panel-controls-export {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    justify-content: flex-end !important;
    background: #fff !important;
    padding: 0.25rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 4px !important;
}


.outrosprocedimentos #GRAF-02 .panel-controls-export,
.outrosprocedimentos .card:has(#GRAF-02) .panel-controls-export,
.outrosprocedimentos #GRAF-03 .panel-controls-export,
.outrosprocedimentos .card:has(#GRAF-03) .panel-controls-export {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    justify-content: flex-end !important;
    background: #fff !important;
    padding: 0.25rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 4px !important;
}





requerimentodetcc

/* Ícones */
.panel-controls-export button i {
    font-size: 12px;
    color: #666;
}

/* Hover - Excel */
.panel-controls-export button.export-data:hover {
    background-color: #1D6F42 !important;
    border-color: #1D6F42;
}

.panel-controls-export button.export-data:hover i {
    color: white;
}

/* Hover - PDF */
.panel-controls-export button.export-pdf:hover {
    background-color: #F40F02 !important;
    border-color: #F40F02;
}

.panel-controls-export button.export-pdf:hover i {
    color: white;
}

/* Hover - Fullscreen */
.panel-controls-export button.fullscreen:hover {
    background-color: #028ef4 !important; 
    border-color: #028ef4;
}

.panel-controls-export button.fullscreen:hover i {
    color: white;
}

/* Esconde botões em KPIs e textos */
.card:has(.ha-80) .panel-controls-export,
.card:has(.ha-30) .panel-controls-export,
.card:has(#DESC-01) .panel-controls-export {
    display: none !important;
}


/*
.panel-controls-export {
	display: flex;
	justify-content: end;
	border-bottom: 1px solid #d2dcdd;
	padding: 5px 5px;
}
		
.panel-controls-export button {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 0;
    background: lightgrey;
    margin: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.panel-controls-export button.export-pdf:hover {
    background-color: #F40F02;
    color: #fff;
    cursor: pointer;
}
.panel-controls-export button.export-data:hover {
	background-color: #1D6F42;
	color: #fff;
	cursor: pointer;
}
.panel-controls-export button.fullscreen:hover {
	background-color: #028ef4;
	color: #fff;
	cursor: pointer;
}
*/
/* ========================================
   AJUSTA POSIÇÃO DO MENU DE NAVEGAÇÃO
   ======================================== */

/* Adiciona espaço acima dos botões de navegação */
.BTN-Qlik.qlik-g {
    margin-top: 1rem !important; /* ajuste o valor conforme necessário */
}

/* OU se quiser adicionar espaço abaixo dos botões superiores */
.BTN-Qlik:not(.qlik-g) {
    margin-bottom: 1.5rem !important;
}

.col-sm-6 .card.mb-3 {
    margin-bottom: 0.5rem !important;
}

/* Força fonte em TODOS os spans dentro do KPI */
/*
#KPI-02 span, 
#KPI-03 span {
    font-size: 16px !important;
}


#KPI-02 .value,
#KPI-03 .value {
    font-size: 25px !important;
	
}
#KPI-02 div[class*="statistics"] span,
#KPI-03 div[class*="statistics"] span {
    font-size: 12px !important;
}

.atosdeconcentracao .card:has(#GRAF-01):not(.expanded) {
    position: relative !important;
    top: 0px !important;
}

.atosdeconcentracao .card.expanded #GRAF-01,
.atosdeconcentracao .card.expanded #GRAF-01 .qv-object-wrapper,
.atosdeconcentracao .card.expanded #GRAF-01 .qv-object-content-container {
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
}
*/
/* Remove altura fixa do .ha-170 quando expandido */
.atosdeconcentracao .card.expanded .ha-170 {
  height: 100% !important;
}

/* Desce o card que contém o gráfico vermelho */
.atosdeconcentracao .card:has(#GRAF-02):not(.expanded) {
    position: relative !important;
    top: -40px !important;
}

.atosdeconcentracao  .card:has(#GRAF-03):not(.expanded) {
    position: relative !important;
    top: 10px !important;
}

.atosdeconcentracao  .card:has(#TAB-01):not(.expanded) {
    position: relative !important;
    top: -40px !important;
}
.atosdeconcentracao  .card:has(#DESC-01) {
    position: relative !important;
    top: -40px !important;
}

.outrosprocedimentos  .card:has(#TAB-01):not(.expanded) {
    position: relative !important;
    top: 10px !important;
}
.outrosprocedimentos  .card:has(#DESC-01) {
    position: relative !important;
    top: 3px !important;
}
.facavcmesmo  .card:has(#DESC-02) {
    position: relative !important;
    top: -60px !important;
}