#onhigh {
  width: 100%;
  float: left;
  margin-top: 110px;
  padding: 30px 50px 100px;
}

@media screen and (max-width: 823px) {
  #onhigh {
    padding: 25px;
  }
}

/* #onhigh .container {
  width: 100%;
  max-width: 900px;
} */

#onhigh .master-title h3 {
  padding: 0 170px;
}

@media screen and (max-width: 823px) {
  #onhigh .master-title h3 {
    padding: 0 50px;
  }
}

@media screen and (max-width: 667px) {
  #onhigh .master-title h3 {
    padding: 0;
  }
}

#onhigh .tabs {
  width: 100%;
  height: 37px;
  margin-bottom: 20px;
  border-bottom: 3px solid #999;
  font-size: 0.95rem;
  font-weight: 700;
  transition: color 0.5s;
  margin-top: 16px;
}

@media screen and (max-width: 411px) {
  #onhigh .tabs {
    border-bottom: none;
  }
}

#onhigh .tabs .step {
  width: auto;
  height: 37px;
  padding: 10px 30px 10px 0;
  float: left;
  color: #999;
}

@media screen and (max-width: 411px) {
  #onhigh .tabs .step {
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    border: 1px solid #999;
  }
}

#onhigh .tabs .on,
#onhigh .tabs .step:hover {
  border-bottom: 3px solid var(--primary);
  color: #021f26;
  cursor: pointer;
  margin-top: 3px;
}

#trabalhista_previdenciario {
  border-bottom: 0 !important;
  cursor: default !important;
}

#contabil_fiscal {
  border-bottom: 0 !important;
  cursor: default !important;
}

#tabs_modelos_contratos {
  border-bottom: 0 !important;
}

#container_modelos_contratos {
  float: left !important;
  padding: 0 !important;
}

#titulo_modelo_contrato {
  margin-top: 25px !important;
  margin-bottom: 0px !important;
}

#onhigh .content {
  min-height: 300px;
  font-size: 0.9rem;
  line-height: 1.08rem;
  display: none;
}

#onhigh .content:first-child {
  display: block;
}

[data-iob="contabilContent"].active {
  display: block !important;
}

#onhigh .content .question,
#onhigh .content .date,
#onhigh .content .answer,
#onhigh .content .procedure,
#onhigh .content .full .publisher,
#onhigh .content .full p,
#onhigh .content .contracts-list p {
  width: 100%;
  float: left;
}

#onhigh .content .question,
#onhigh .content .procedure {
  padding: 10px 0;
  font-weight: 700;
  color: var(--primary);
  transition: color 0.5s;
}

#onhigh .content .procedure {
  border-bottom: 1px solid #ccc;
}

#onhigh .content .question:hover,
#onhigh .content .procedure:hover {
  color: #333;
  cursor: pointer;
}

#onhigh .content .date {
  padding-top: 3px;
  font-size: 0.8rem;
  color: #999;
  font-weight: 100 !important;
}

#onhigh .content .answer p {
  padding-bottom: 10px;
}

#onhigh .content .answer a {
  color: var(--primary);
}

#onhigh .content .full {
  display: none;
}

#onhigh .content .full p {
  padding-bottom: 8px;
  font-size: 0.95rem;
  line-height: 1.3rem;
}

#onhigh .content .full .publisher {
  padding: 5px 0 30px;
  font-size: 0.9rem !important;
  color: #999;
}

#onhigh .content .full button {
  padding-bottom: 25px;
  float: none;
  margin: 0;
  font-size: 0.9rem;
}

#onhigh .content .full .footer-btn {
  padding-top: 20px;
  text-align: center;
}

#onhigh .content .contracts-list p {
  padding: 15px 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid #ccc;
  line-height: 1.25rem;
}

#onhigh .content .contracts-list .ico {
  color: #0f4fac;
  font-size: 1.25rem;
}

#onhigh .content .contracts-list span {
  height: 100%;
  display: flex;
}

#onhigh .content .contracts-list i {
  font-size: 1.25rem;
  margin-right: 10px;
  vertical-align: middle;
  color: #0f4fac;
}

#onhigh .content .contracts-list p a {
  text-decoration: none;
  color: var(--primary);
  font-weight: 600;
}

#onhigh .content .contracts-list p a:hover {
  text-decoration: underline;
}

#onhigh .line {
  width: 100%;
  float: left;
  border-top: 1px solid #ccc;
}

#onhigh .pagination ul {
  width: 100%;
  float: left;
  padding-top: 20px;
  text-align: center;
  font-size: 0.9rem;
}

#onhigh .pagination li {
  padding: 10px 5px;
  display: inline-block;
}

#onhigh .pagination .active {
  background: var(--primary);
  color: #fff;
}

#onhigh .collection {
  width: 100%;
  padding: 20px 0 20px;
  float: left;
}

#onhigh .thumb {
  width: 25%;
  padding: 0 10px;
  float: left;
  transition: opacity 0.5s;
  min-height: 240px;
}

@media screen and (max-width: 414px) {
  #onhigh .thumb {
    width: 100%;
    padding: 0 10px 20px;
  }
}

#onhigh .thumb:hover {
  opacity: 0.5;
  cursor: pointer;
}

#onhigh .thumb .image img {
  width: 100%;
  height: auto;
}

#onhigh .thumb .title {
  padding: 10px 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1rem;
}

#onhigh .thumb .date {
  padding-bottom: 4px;
  font-size: 0.7rem;
  color: #999;
}

#onhigh .thumb .play {
  font-size: 0.8rem;
  color: var(--primary);
  text-decoration: none;
}

#onhigh .thumb .play:hover {
  text-decoration: underline;
}

#botaoVoltar {
  display: none;
}

#federal a,
#law a {
  color: var(--primary);
  font-weight: 700;
  text-decoration: none;
  margin: 12px 0;
}

#federal a:hover,
#law a:hover {
  text-decoration: underline;
}

.sumary-titulo {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 28px !important;
}

.atualizacao-procedimentos {
  background: rgba(84, 214, 44, 0.16);
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 32px;
  margin-top: 32px;
}

.procedimentos-em-atualizacao {
  background: rgba(255, 213, 0, 0.2);
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 32px;
  margin-top: 32px;
}

#text-atualizacao-procedimento {
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 1.3rem;
  font-family: "Inter";
  font-style: normal;
  color: #212b36;
  line-height: 24px;
  font-weight: 400;
}
#text-procedimento-atualizacao {
  background: rgba(255, 213, 0, 0.2) !important;
  border-radius: 6px !important;
  padding: 16px !important;
  margin-bottom: 32px !important;
  margin-top: 32px !important;
  font-size: 0.75rem !important;
  font-family: "Inter" !important;
  font-style: normal !important;
  line-height: 24px !important;
}

.pergunta-resposta-item {
  color: #212b36 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 12px 0 !important;
}

.lista-documentos-vazia {
  font-size: 16px;
  font-family: "Inter";
  font-weight: 600;
  padding-top: 10px;
}

.text-pergunta {
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: black !important;
}

.numeracao-perguntas {
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #ff005a !important;
}

#subject {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 36px !important;
  color: #4f0072 !important;
}
.sumary ul li a {
  color: var(--primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 12px 0 !important;
}
#procedures a {
  color: var(--primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 12px 0 !important;
}