.ava-tipo {
  background-color: #fcf3cf;
  border-radius: max(0px, min(8px, ((100vw - 4px) - 100%) * 9999)) / 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  padding: 8px;
  width: 100%;
  max-width: 450px;
  margin-bottom: 10px;
}
.ava-tipo .nome {
  font-size: 15px;
}
.ava-tipo .subtitulo {
  font-size: 13px;
  color: #666;
}
.ava-tipo.exists {
  background-color: #d1f2eb;
}
.ava-tipo.expirado {
  background-color: #fadbd8;
}
.dados {
  margin: 10px 0;
  border: 1px solid #aab7b8;
  padding: 10px;
  background-color: #fff;
}
.dados span {
  font-size: 15px;
  font-weight: bold;
}
.escalas {
  padding: 10px;
  background-color: #d5dbdb;
  margin: 10px 0;
}
.escalas .nota {
  font-size: 25px;
  color: #4d5656;
}
.topico .head {
  padding: 10px;
  background-color: #ebf5fb;
  border-bottom: 1px solid #ebf5fb;
}
.ava-nrsp {
  padding: 10px;
  background-color: #fdebd0;
  margin-bottom: 5px;
}
.ava-resp {
  background-color: #d1f2eb;
  margin-bottom: 5px;
  padding: 10px;
}
.td-servidor {
  background-color: #d6eaf8;
}
.td-gestor {
  background-color: #fcf3cf;
}