html, body {
  margin: 0;
  text-align: center;
}

#cabecalho{
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 999;
}

#cabecalho h1 {
 background-color: rgba(133, 25, 68, 0.75);
 color: white;
 line-height: 2em;
 margin: 0;
 text-shadow: 3px 3px #000;
 vertical-align: middle;
}

#SecaoAutenticacao {
  margin-top: 3.5em;
  margin-bottom: 1ch;
}

#ParametrosAutenticao {
  font-family: "courier new";
  margin-left: calc((100% - 350px)/2);
  margin-bottom: 1ch;
  margin-top: 1ch;
  line-height: 1.7;
  text-align: left;
}

#Autenticacao {
  word-wrap: break-word;
  text-align: left;
  padding: 0.5em;
  font-size: 0.75em;
}

.AutenticacaoValida {
  color: blue;
}

.AutenticacaoInvalida {
  color: red;
}

/* tratamento genérico para tabelas */
.tabela {
  width: 100%;
  display: table;
  font-family: Trebuchet MS;
  font-size: 0.8em;
  margin: 0 auto;
/*  border-spacing: 1px; */
}

.linha {
  display: table-row;
  height: 30px;
  width: 100%;
}

.linha:nth-child(2n+1){
  background: rgba(128, 128, 128, 0.16);
}

.linha:hover {
  background-color: rgba(0, 128, 0, 0.14);
}

.linha:first-child {
  background: rgba(171, 171, 236, 0.63);
  font-weight: bold;
}

.coluna {
  display: table-cell;
  vertical-align: middle;
  padding: 1ch;
}


/* status de objetos */
.invisivel {
  display: none;
}

.erro {
  color: red;
  background-color: #fdd7d7;
}


/* tratamento para cada coluna da lista de indicadores */
.info-codigo {
  width:5%;
  text-align: right;
}

.info-descricao {
  width:45%;
  text-align: left;
}

.info-tipo {
  width:10%;
  text-align: left;
}

.info-limiteInferior {
  width:10%;
  text-align: right;
}

.info-limiteSuperior {
  width:10%;
  text-align: right;
}

.info-condicaoInferior {
  width:10%;
  text-align: left;
}

.info-condicaoSuperior {
  width:10%;
  text-align: left;
}

/* Visualização dos valores dos indicadores */
#SecaoMostrarIndicador {
  margin-top: 10px;
}

#ValorIndicador {
  border-radius: 5px;
  box-shadow: inset 0 0 8px 0px #000;

  height: auto;
  min-height: 150px;
  margin: 0 auto;
  margin-bottom: 1em;
  min-height: 150px;
  overflow: auto;
  padding: 20px;
  width: 95%;
}

pre {
 text-align: initial;
}

.indicadorNumerico {
	height: 79%;
	font-size: 2em;
    box-shadow: inset 0 0 8px 0px #000;
}
.statusInsatisfatorio {background-color: #ff6060}
.statusNormal         {background-color: #ffff89}
.statusOtimo          {background-color: #9ef99e}