.dx-tabs-scrollable .dx-tab {
  display: inline-grid;
}

.row {
  margin: 0 auto;
  padding: 15px;
}

@media screen and (max-width: 450px) {
  .telha {
    width: calc(100% - 20px);
    margin: 5px;
    padding: 0px;
  }
}

.telha-detalhe {
  visibility: hidden;
}

.telha:hover .telha-detalhe {
  visibility: visible;
}

.telha-pequena {
  height: 65.5px;
  width: 65.5px;

  display: block;
  float: left;

  contain: content;
}

.telha-pequena .titulo-icone16 {
  height: 25px;
  font-size: 18px;
  color: white;
}

.telha-media {
  height: 160px;
  width: 152px;

  /* margin: 5px; */
  /* padding: 5px; */

  display: block;
  float: left;

  contain: content;
}

.telha-media .titulo-icone16 {
  font-size: 14px;
  color: white;
  float: left;
}

.telha-media .titulo-icone32 {
  font-size: 14px;
  color: white;
  float: left;
}

.telha-media .icone16 {
  float: left;
  padding-right: 5px;
}

/* .telha-grande {
  width: 305px;
  height: 160px;

  padding: 5px;

  border-color: white;
  border-width: 5px;

  display: block;
  float: left;

  contain: content;
} */

.dash {
  background-color: white;
  border-color: silver;

  width: 570px;
  height: 300px;

  border-style: none;
  margin: 5px;
}

/* .dashboard-item { */
/* box-shadow: 0px 0px 3px 3px #ebebeb; */
/* } */

.dashboard-item-detalhe {
  visibility: hidden;
}

.dashboard-item:hover .dashboard-item-detalhe {
  visibility: visible;
}

/* .titulo-icone16-descricao {
  flex: 1;
} */

.titulo-icone16-total {
  right: 5px;
  text-align: right;
}

/* .telha-grande .titulo-icone16 {
  font-size: 14px;
  color: white;
}

.telha-grande .titulo-icone32 {
  font-size: 24px;
  color: white;
}

.telha-grande .icone16 {
  float: left;
  padding-right: 5px;
}

.telha-grande .icone32 {
  float: left;
  position: absolute;
  bottom: 5px;
} */

.telha-valor-unico {
  font-size: 34px;
  text-align: right;
  color: white;
  position: absolute;
  right: 3px;
  bottom: 0px;
}

.telha-aguarde {
  display: flex;
  position: relative;
  color: white;
  font-size: 14px;
  top: 15px;
}

.telha-tabela {
  font-size: 8pt;
  color: white;
  line-height: 8.5pt;

  top: 5px;
  position: relative;
}

.telha-tabela table {
  width: 100%;
}

.telha-tabela-valor {
  text-align: right;
}

/**Do Web2*/
.boxZoom {
  padding: 5px;
  margin: 5px;
  float: left;
  /* width: 	410px; */
  height: 310px;
  background-color: #ffffff;
}

.grade2Colunas {
  position: relative;
  /* padding: 5px; */
  /* margin: 5px; */
  max-width: 520px;
  /* float:left; */
  /* width: 410px; */
  /* height:145px; */
  height: 150px;
}

.card {
  /* padding: 5px; */
  /* margin: 5px; */
  float: left;
  /* width: 195px; */
  /* width: 190px; */
  /* height: 150px; */
  background-color: #ffffff;
}


/*
 Tem que respeitar o tema do sistema, não do browser
 @media (prefers-color-scheme: dark) {
  .card {
    background-color: #2a2a2a;
    border-color: #4d4d4d;
  }
} */

.card-medio {
  padding: 5px;
  margin: 5px;
  float: left;
  /* width: 305px; */
  /*Por causa das margens*/
  /* height: 150px; */
  background-color: #ffffff;
}

.card-grande {
  padding: 5px;
  margin: 5px;
  float: left;
  /* width: 410px; */
  /*Por causa das margens*/
  /* height: 150px; */
  background-color: #ffffff;
}

.divGrafico {
  display: block;
  float: left;
  height: 310px;
  margin: 10px 0px;
}

.divGraficoZoom {
  display: block;
  float: left;
  height: 210px;
}

.divGraficoLargo {
  /* padding: 5px; */
  /* margin: 5px; */

  display: block;
  float: left;
  /* width: calc(((100% / 3) - 2px * 3) * 2); */
  /* height: 310px; */
}

.divGraficoGrande {
  padding: 5px;
  margin: 5px;
  display: block;
  float: left;
  width: 100%;
  max-width: 100%;
  height: 310px;
  /* background-color: #ffffff;' */
}

.checkbox_selector {
  padding: 5px !important;
}

.dxbg-bar-gauge {
  float: left;
}