/* DIV PRINCIPAL */
@media only screen and (max-width:500px) and (min-width:0px){

.qeTQDxygEd{
position:relative;
display:block;
}

.qeTQDxygEd > div{
position:relative;
display:block;
}

.qeTQDxygEd > div > div{
position:relative;
display:block;
background-color:var(--background-color-menu);
border-top:1px solid var(--border-color);
border-bottom:1px solid var(--border-color);
box-shadow:var(--box-shadow);
width:100%;
min-height:200px;
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
}

}

@media only screen and (min-width:500px){

.qeTQDxygEd{
position:relative;
display:block;
text-align:center;
margin-top:20px;
}

.qeTQDxygEd > div{
position:sticky;
display:inline-block;
width:500px;
height:auto;
margin-right:20px;
}

.qeTQDxygEd > div:last-child{
margin-right:0px;
}

.qeTQDxygEd > div > div{
position:relative;
display:block;
background-color:var(--background-color-menu);
outline:1px solid var(--border-color);
box-shadow:var(--box-shadow);
border-radius:var(--radius-size);
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
}

}

/* INDICADOR CIRCULAR */
.gNrVmDEfuS{
position:relative;
display:block;
}

.gNrVmDEfuS > div:nth-child(1){
position:relative;
display:block;
margin:20px;
text-align:left;
cursor: pointer;
}

.gNrVmDEfuS > div:nth-child(1) > div:nth-child(1){
position:relative;
display:block;
line-height:30px;
font-size:20px;
}

.gNrVmDEfuS > div:nth-child(1) > div:nth-child(2){
position:relative;
display:block;
line-height:70px;
font-size:40px;
}

.gNrVmDEfuS > div:nth-child(1) > div:nth-child(n+3) > div:nth-child(1){
position:relative;
display:inline;
line-height:50px;
font-size:20px;
margin-right:10px;
}

.gNrVmDEfuS > div:nth-child(1) > div:nth-child(n+3) > div:nth-child(2){
position:relative;
display:inline;
background-color:#3498db;
text-transform:lowercase;
color:#fff;
text-align:center;
font-size:20px;
padding:5px 10px;
border-radius:5px;
overflow:hidden;
}

.gNrVmDEfuS > div:nth-child(2){
position:absolute;
display:block;
width:160px;
height:160px;
top:40px;
right:20px;
margin:auto;
}

.gNrVmDEfuS > div:nth-child(2) > div{
width:100%;
height:100%;
border-radius:50%;
background:conic-gradient(var(--main-color) 0deg,var(--main-color) 0deg,#e0e0e0 0deg 360deg);
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

.gNrVmDEfuS > div:nth-child(2) > div::before{
content:'';
position:absolute;
width:80%;
height:80%;
background-color:#fff;
border-radius:50%;
z-index:1;
}

.gNrVmDEfuS > div:nth-child(2) > div > div{
position:absolute;
font-size:40px;
color:#333;
z-index:2;
}

/* INDICADOR BARRA */
.BmSlYZnRAa{
position:relative;
display:block;
padding:20px;
overflow:hidden;
}

.BmSlYZnRAa > div{
position:relative;
display:block;
width:100%;
overflow:hidden;
margin-bottom:20px;
}

.BmSlYZnRAa > div:last-child{
margin-bottom:0px;
}

.BmSlYZnRAa > div > div:nth-child(1){
font-size:30px;
color:#fff;
height:30px;
line-height:30px;
margin-bottom:20px;
text-align:left;
}

.BmSlYZnRAa > div > div:nth-child(2){
position:relative;
display:block;
margin-bottom:20px;
text-align:left;
}

.BmSlYZnRAa > div > div:nth-child(2) > div > div:nth-child(1){
position:relative;
display:inline;
line-height:25px;
font-size:15px;
margin-right:10px;
}

.BmSlYZnRAa > div > div:nth-child(2) > div > div:nth-child(2){
position:relative;
display:inline;
text-transform:lowercase;
color:#fff;
text-align:center;
line-height:25px;
font-size:15px;
overflow:hidden;
}

.BmSlYZnRAa > div > div:nth-child(3){
position:relative;
display:block;
width:100%;
height:50px;
overflow:hidden;
}

.BmSlYZnRAa > div > div:nth-child(3) > div:nth-child(1){
position:absolute;
display:block;
left:10px;
font-size:20px;
color:#fff;
width:100%;
height:50px;
line-height:50px;
text-align:left;
z-index:3;
}

.BmSlYZnRAa > div > div:nth-child(3) > div:nth-child(2){
position:absolute;
display:block;

background-color:#3498db;
height:50px;
border-radius:5px;
overflow:hidden;
z-index:2;
}

.BmSlYZnRAa > div > div:nth-child(3) > div:nth-child(3){
position:absolute;
display:block;

background-color:rgba(255, 255, 255, 0.1);
width:100%;
height:50px;
border-radius:5px;
overflow:hidden;
z-index:1;
}








/* Cores Primárias para Gráficos */
.graf1blue {
background-color: #2196F3; /* Azul */
color: #FFFFFF;
}
.chart2grn {
background-color: #4CAF50; /* Verde */
color: #FFFFFF;
}
.color3red {
background-color: #F44336; /* Vermelho */
color: #FFFFFF;
}
.bg4yellow {
background-color: #FFEB3B; /* Amarelo */
color: #333333;
}
.data5gray {
background-color: #9E9E9E; /* Cinza Médio */
color: #FFFFFF;
}

/* Cores de Alerta e Indicadores de Status */
.warn6oran {
background-color: #FF9800; /* Laranja Aviso */
color: #FFFFFF;
}
.succ7lime {
background-color: #CDDC39; /* Lima Sucesso */
color: #333333;
}
.info8cyan {
background-color: #00BCD4; /* Ciano Informativo */
color: #FFFFFF;
}
.error9pur {
background-color: #9C27B0; /* Roxo Erro */
color: #FFFFFF;
}

/* Cores Adicionais para Diversidade */
.extrablack {
background-color: #212121; /* Preto Intenso */
color: #FFFFFF;
}
.addwhite01 {
background-color: #F5F5F5; /* Branco Quebrado */
color: #333333;
}
.backgrnd2 {
background-color: #673AB7; /* Roxo Intenso */
color: #FFFFFF;
}
.highlite3 {
background-color: #FF5722; /* Laranja Escuro */
color: #FFFFFF;
}
.border4bg {
background-color: #FFC107; /* Amarelo Ouro */
color: #333333;
}

/* Estilos de borda para destaque */
.border5wh {
border: 2px solid #FFFFFF;
border-radius: 4px;
}
.round6bg1 {
border: 2px solid #333333;
border-radius: 10px;
}














/* DIV PRINCIPAL MOBILE */
.AZrQnshlRe{
position:relative;
display:block;

}

.AZrQnshlRe > div{
position:relative;
display:block;
max-width:500px;
margin:auto;
}

.AZrQnshlRe > div > div{
position:relative;
display:block;
background-color:var(--background-color-menu);
border-top:1px solid var(--border-color);
border-bottom:1px solid var(--border-color);
box-shadow:var(--box-shadow);
width:100%;
min-height:200px;
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
}



/* INDICADOR CIRCULAR MOBILE */
.DceNAmZBPb{
position:relative;
display:block;
}

.DceNAmZBPb > div:nth-child(1){
position:relative;
display:block;
margin:20px;
text-align:left;
}

.DceNAmZBPb > div:nth-child(1) > div:nth-child(1){
position:relative;
display:block;
line-height:45px;
font-size:15px;
}

.DceNAmZBPb > div:nth-child(1) > div:nth-child(2){
position:relative;
display:block;
line-height:35px;
font-size:20px;
}

.DceNAmZBPb > div:nth-child(1) > div:nth-child(n+3) > div:nth-child(1){
position:relative;
display:inline;
line-height:35px;
font-size:15px;
margin-right:10px;
}

.DceNAmZBPb > div:nth-child(1) > div:nth-child(n+3) > div:nth-child(2){
position:relative;
display:inline;
background-color:#3498db;
text-transform:lowercase;
color:#fff;
text-align:center;
font-size:15px;
padding:3px 7px;
border-radius:5px;
overflow:hidden;
}

.DceNAmZBPb > div:nth-child(2){
position:absolute;
display:block;
width:120px;
height:120px;
top:40px;
right:20px;
margin:auto;
}

.DceNAmZBPb > div:nth-child(2) > div{
width:100%;
height:100%;
border-radius:50%;
background:conic-gradient(var(--main-color) 0deg,var(--main-color) 0deg,#e0e0e0 0deg 360deg);
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

.DceNAmZBPb > div:nth-child(2) > div::before{
content:'';
position:absolute;
width:80%;
height:80%;
background-color:#fff;
border-radius:50%;
z-index:1;
}

.DceNAmZBPb > div:nth-child(2) > div > div{
position:absolute;
font-size:25px;
color:#333;
z-index:2;
}


.opXSYxAzPV{
position:relative;
display:block;
padding:20px;
overflow:hidden;
}

.opXSYxAzPV > div{
position:relative;
display:block;
width:100%;
height:60px;
margin-bottom:20px;
background-color:rgba(255, 255, 255, 0.1);
border-radius:5px;
overflow:hidden;
z-index:1;
}

.opXSYxAzPV > div:last-child{
margin-bottom:0px;
}

.opXSYxAzPV > div > div:nth-child(1){
position:absolute;
display:block;
left:10px;
font-size:20px;
color:#fff;
float:left;
z-index:3;
line-height:30px;
}

.opXSYxAzPV > div > div:nth-child(2){
position:absolute;
display:block;
top:30px;
left:10px;
font-size:15px;
color:#fff;
float:left;
z-index:3;
line-height:30px;
}


.opXSYxAzPV > div > div:nth-child(3){
position:relative;
display:block;
right:10px;
font-size:25px;
color:#fff;
float:right;
z-index:3;
line-height:60px;
}

.opXSYxAzPV > div > div:nth-child(4){
position:absolute;
display:block;
height:100%;
overflow:hidden;
z-index:2;
}