.menu-cliente-ouvidoria {
  background: #003366;
}

.div-items-home {
  width: 50%;
  margin-right: 20%;
}

.text-home {
  padding-right: 54%;
  margin-bottom: 36px;
  font-size: 16px;
  font-family: inter;
  color: #ffff;
  font-weight: 300;
}

.logo-ea {
  margin-bottom: 208px;
  margin-top: 20px;
}

.logo-lets-talk {
  margin-bottom: 36px;
}

.logo-conta-pra-gente {
  margin-bottom: 36px;
}

.button-manifest {
  width: 206px;
  height: 42px;
  background: #FFFFFF;
  border: none;
  border-radius: 6px;
  color: #003366;
  font-weight: 500;
  font-size: 16px;
  font-family: inter;
}

.button-search-protocol {
  width: 250px;
  height: 42px;
  background: #FFFFFF;
  border: none;
  border-radius: 6px;
  color: #003366;
  font-weight: 500;
  font-size: 16px;
  font-family: inter;
}

.align-divs {
  align-items: center;
}

.text-fala {
  color: #FEC920;
}

.text-ouvidoria {
  font-weight: 500;
}

.digite-nome {
  display: flex;
  flex-direction: column;
  font: 500 14px inter;
  color: #2D2935;
  grid-gap: 8px;
  margin-bottom: 26px;
  margin-right: auto;
  margin-left: auto;
}

.motivo-nota {
  display: flex;
  flex-direction: column;
  font: 500 14px inter;
  color: #2D2935;
  grid-gap: 8px;
  margin-bottom: 66px;
  margin-right: auto;
  margin-left: auto;
}

/* .titulo-digite-nome {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
} */

.input-digite-nome {
  border: 1px solid #9D9AAD;
  border-radius: 6px;
  height: 48px;
  padding: 10px;
}

.text-motivo-nota {
  border: 1px solid #9D9AAD;
  border-radius: 6px;
  height: 142px;
  padding: 10px;
}

.div-paragrafo-um {
  display: flex;
  flex-direction: column;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  text-align: left;

}

.primeira-linha {
  color: #003366;
}

.segunda-linha {
  color: #0A4FDD;
}

.descricao-formulario {
  padding-top: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #2D2935;
  padding-bottom: 30px;

}

.div-checks-configuracoes {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 13px;
}


.div-checks-edit {
  display: flex;
  gap: 14px;
  flex-direction: column;
  justify-content: space-between;
}

.div-outros {
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

.input-outros input {
  border-radius: 6px;
  border: 1px solid #9D9AAD;
  background-color: #F1F3FA;
  padding: 4px 10px;
  width: 642px;
  height: 48px;
  font: 400 14px Inter;
  color: #9D9AAD;
}

.input-outros input:focus {
  outline: none;
  /* Remove o contorno padrão do navegador */
}

.check-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 500 14px Inter;
  color: #605E70;
}


.checkbox-form {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  margin: 0;
}

.checkbox-form input {
  opacity: 0;
  width: 0;
  height: 0;
}

.check-eventos {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9D9AAD;
  opacity: 0.2;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
  border: transparent;
}

.check-eventos:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked+.check-eventos {
  border: transparent;
  background-color: #0A4FDD;
  opacity: 10;
}

input:focus+.check-eventos {
  box-shadow: 0 0 1px #3F51B5;
}

input:checked+.check-eventos:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

.checkeds-imagem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.input-radio-label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 30px;
}

.text-input {
  font: 500 14px Inter;
  color: #003366;
}

.radio-div {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.option-input {
  font: 500 14px Inter;
  font: #605E70;
}

.sim-nao {
  display: flex;
  gap: 10px;

}

.sim-nao input {
  width: 18px;
  height: 18px;
  border: 1px solid #9D9AAD !important;
  cursor: pointer;
  position: relative;
  top: 1px;
  left: 1px;
  opacity: 1;
}

.content-motivo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.content-motivo label {
  font: 500 14px Inter;
  color: #2D2935;
}

.text-area-motivo textarea {
  width: 100%;
  height: 142px;
  border-radius: 6px;
  border: 1px solid #9D9AAD;
  padding: 15px;
  background-color: #FFFFFF;
  resize: none;
  outline: none;
  font: 400 14px Inter;
  color: #605E70;
}

.contato-indicacao input {
  /* width: 80%; */
  height: 48px;
  border-radius: 6px;
  border: 1px solid #9D9AAD;
  padding: 15px;
  background-color: #FFFFFF;
  resize: none;
  outline: none;
  font: 400 14px Inter;
  color: #605E70;

}

.contato-indicacao div:nth-of-type(1) {
  width: 80%;
}

.contato-indicacao div:nth-of-type(2) {
  width: 60%;
}

.contato-indicacao div:nth-of-type(3) {
  width: 100%;
}

.contato-indicacao div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contato-indicacao {
  display: none;
  align-items: center;
  width: 100%;
  gap: 20px;
}

input[type="radio"][name="option2"][value="yes"]:checked+.contato-indicacao {
  display: flex;
}

.input-mudanca {
  display: none;
}

.input-mudanca input {
  border-radius: 6px;
  border: 1px solid #9D9AAD;
  background-color: #FFFFFF;
  padding: 4px 10px;
  width: 503px;
  height: 48px;
  font: 400 14px Inter;
  color: #9D9AAD;
  outline: none;

}

.div-formulario-respondido {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 80px;
}

.textos-finais {
  padding: 20px 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}


.title-final {
  font: 700 18px Inter;
  color: #003366;
  padding-bottom: 8px;
}

.text-final {
  font: 400 14px Inter;
  color: #003366;
}

/*Responsive home*/
@media(max-width:1600px) {
  .input-outros input {
    width: 100%;
  }

  .input-outros {
    width: 100%;
  }

  .input-mudanca input {
    width: 100%;
  }

  .input-mudanca {
    width: 100%;
  }

  .div-outros {
    display: flex;
    flex-direction: column;
  }

}

@media(max-width:1496px) {
  .text-home {
    padding-right: 40%;
  }
}

@media(max-width: 1103px) {
  .div-items-home {
    margin-right: 15%;
  }
}

@media(max-width:1007px) {
  .hashtag-big {
    display: none;
  }

  .align-divs {
    justify-content: center;
  }

  .text-home {
    padding-right: 0;
  }
}

@media(max-width:988px) {
  .align-divs {
    justify-content: flex-start;
  }
}

@media(max-width:802px) {
  .text-home {
    padding-right: 4px;
  }
}

@media(max-width:739px) {
  .tam-logo-lets {
    width: 175%;
  }

  .tam-logo-conta {
    width: 95%;
  }

  .logo-lets-talk {
    margin-bottom: 5%;
  }

  .text-home {
    font-size: 14px;
  }
}

@media(max-width:711px) {
  .text-home {
    padding-right: 8px;
  }

  .logo-ea {
    margin-bottom: 50%;
  }

  .logo-conta-pra-gente {
    margin-bottom: 45%;
  }
}

@media(max-width:627px) {
  .text-home {
    padding-right: 0;
  }

  .logo-ea {
    width: 30%;
  }
}

@media(max-width:534px) {
  .text-home {
    font-size: 12px;
    width: 125%;
    padding-right: 5px;
  }
}

@media(max-width:493px) {
  .text-home {
    padding-right: 8px;
    width: 170%;
  }
}

/*end responsive home*/

.title-menu {
  color: #FEC920;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-family: inter;
  font-weight: 500;
}

.bloco-cadastro {
  width: 70%;
  height: 85%;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-bottom: 40px;
}

.title-cadastro {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 59px;
  margin-bottom: 62px;
  color: #0A4FDD;
  font-size: 24px;
  font-family: poppins;
  font-weight: 700;
}

.dados-cadastro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.infos-cadastro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.align-dados-cadastro {
  display: flex;
  align-items: center;
  width: 682px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.input-select-dados-cadastro {
  width: 326px;
  height: 48px;
  border: 1px solid #9D9AAD;
  border-radius: 4px;
  background: #ffff;
}

.input-subject {
  width: 682px;
  height: 48px;
  border: 1px solid #9D9AAD;
  border-radius: 4px;
  background: #ffff;
}

.subtitle-dados-cadastro {
  font-size: 14px;
  font-family: inter;
  font-weight: 500;
  color: #2D2935;
}

.text-limite-caracter {
  font-size: 12px;
  font-family: inter;
  font-weight: 500;
  color: #2D2935;
}

.alinha-texto-centro {
  align-items: center;
}

.bloco-politica-privacidade {
  width: 682px;
  height: 104px;
  background: #F1F1F1;
  border-radius: 6px;
  padding: 15px;
  margin-top: 66px;
  margin-bottom: 75px;
}

.container-cadastro {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button-continue {
  width: 170px;
  height: 42px;
  color: #9D9AAD;
  background: #F1F1F1;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-family: inter;
  font-weight: 500;
  margin-bottom: 50px;
}

.button-envia {
  width: 170px;
  height: 42px;
  color: #FFFFFF;
  background: #0A4FDD;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-family: inter;
  font-weight: 500;
  margin-bottom: 50px;
}

.button-voltar {
  width: 170px;
  height: 42px;
  color: #003366;
  background: #FFFFFF;
  border: 1px solid #0A4FDD;
  border-radius: 6px;
  font-size: 16px;
  font-family: inter;
  font-weight: 500;
  margin-bottom: 50px;
}

.font-text {
  font-size: 12px;
  font-family: inter;
  font-weight: 300;
  color: #003366;
}

.font-politica-privacidade {
  font-size: 12px;
  font-family: inter;
  font-weight: 700;
  color: #0A4FDD;
}

.font-text-checkbox {
  font-size: 12px;
  font-family: inter;
  font-weight: 700;
  color: #003366;
}

.img-lets-footer {
  margin-bottom: 2%;
}

.bloco-escolas {
  width: 70%;
  height: 75%;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-bottom: 40px;
}

.align-campos-school {
  display: flex;
  flex-direction: column;
}

.select-tela-escolas {
  width: 71%;
  height: 48px;
  border: 1px solid #9D9AAD;
  border-radius: 4px;
  margin-bottom: 24px;
}

.bloco-avalia-escola {
  width: 70%;
  height: 421px;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  /* margin-left: auto;
  margin-right: auto; */
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 90px;
}

.div-formulario {
  width: 60%;
  height: auto;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  /* margin-left: auto;
  margin-right: auto; */
  padding: 70px 70px 0px 70px;
  margin-bottom: 40px;
  margin-top: 30px;

}

.button-nota-escola {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 6px;
  color: #ffff;
}

.button-nota-escola:hover {
  border: 2px solid #3A3847;
}

.title-avalicao {
  font-size: 18px;
  font-family: inter;
  font-weight: 500;
  color: #0A4FDD;
}

.titles-tela-avaliacao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 45px;
  margin-top: 65px;
}

.buttons-avalicao {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 2.5%;
  width: 100%;
}

.parametro-nota {
  font-size: 14px;
  font-family: inter;
  font-weight: 400;
  color: #605E70;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 21px;
  margin-bottom: 75px;
  width: 100%;
  grid-gap: 530px;
}

.img-cursor {
  cursor: pointer;
  margin-top: 20px;
}

.img-responsv-cadastro {
  display: none;
  cursor: pointer;
  margin-bottom: 3px;
}

.header-modal-info-tipo-manifest {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
}

.modal-info-tipo-manifest {
  width: 74%;
  height: auto;
  background: #4299E1;
  color: #ffff;
  border-radius: 6px;
}

.body-info-tipo-manifest {
  flex: 1 1 auto;
  padding: 0px 60px 20px 60px;
}

.margin-text-modal-info {
  margin-top: 20px;
}

.centralize-modal-tipo-manifest {
  display: flex;
  justify-content: center;
}

.close-button-modal {
  margin-bottom: 22px;
}

.font-sub-title-modal {
  font-weight: 700;
}

.icon-and-text {
  display: flex;
}

.margin-exclamation-white {
  margin-right: 7px;
  margin-bottom: 22px;
}

.title-modal-tipo-manifest {
  font-size: 14px;
  font-family: inter;
  font-weight: 700;
}

.width-system {
  width: 100% !important;
}

.title-select {
  width: 70%;
  font-size: 14px;
  font-family: inter;
  font-weight: 500;
  color: #2D2935;
}

.div-button-continue {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.bloco-tipo-manifestacao {
  width: 70%;
  height: 421px;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 70px;
}

.div-edit-school {
  width: 70%;
  margin-top: 21px;
}

.button-edit-school {
  border: none;
  background: transparent;
  color: #0A4FDD;
  font-size: 14px;
  font-family: inter;
  font-weight: 600;
  text-decoration: underline;
  margin-left: 34px;
  margin-top: -10px;
}

.bloco-desc-manifest {
  width: 70%;
  height: 594px;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 70px;
}

.text-area {
  width: 70%;
  height: 142px;
  border: 1px solid #9D9AAD;
  border-radius: 6px;
}

.div-bloco-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button-upload {
  width: 180px;
  height: 36px;
  background: #0A4FDD;
  color: #ffff;
  border: none;
  border-radius: 6px;
}

.div-tittle-anexo {
  margin-top: 38px;
  margin-bottom: 72px;
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.align-text-anexo {
  width: 60%;
}

.div-text-area {
  width: 100%;
  display: flex;
  justify-content: center;
}

.bloco-msg-final {
  width: 65%;
  height: 525px;
  background: #ffff;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 100px;
}

.align-items-msg-final {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.text-title-msg-final {
  font-size: 18px;
  font-family: inter;
  font-weight: 700;
  color: #003366;
  margin-bottom: 22px;
}

.text-protocolo-msg-final {
  display: flex;
  font-size: 16px;
  font-family: inter;
  font-weight: 600;
  color: #003366;
  gap: 8px;
}

.text-protocolo-msg-final b {
  cursor: pointer;
}

.text-msg-final {
  font-size: 14px;
  font-family: inter;
  font-weight: 400;
  color: #003366;
}

.div-bottom {
  margin-bottom: 55px;
}

.img-msg-final {
  margin-bottom: 21px;
  margin-top: 44px;
}

.button-new-manifest {
  width: 222px;
  height: 42px;
  border: 1px solid #0A4FDD;
  background: #ffff;
  color: #003366;
  font-size: 16px;
  font-family: inter;
  font-weight: 500;
  border-radius: 6px;
}

.button-concluir {
  width: 222px;
  height: 42px;
  border: none;
  background: #0A4FDD;
  color: #ffff;
  font-size: 16px;
  font-family: inter;
  font-weight: 500;
  border-radius: 6px;
}

.div-buttons-msg-final {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-responsv {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 59px;
  margin-bottom: 62px;
  color: #0A4FDD;
  font-size: 24px;
  font-family: poppins;
  font-weight: 700;
  flex-direction: column;
}

.icon-logo {
  display: none;
  height: 100%;
}

.div-parametro {
  width: 100%;
  display: flex;
  justify-content: center;
}

.titles-cadastro {
  width: 100%;
  display: flex;
}

.modal-info-manifest-anonima {
  background: #ED8936;
  color: #ffff;
  border-radius: 6px;
}

.body-modal-info-manifest-anonima {
  display: flex;
  justify-content: space-around;
  padding: 10px;
}

.img-exclamation-anonimo {
  margin-right: 10px;
}

.text-modal-info-manifest-anonima {
  font-size: 14px;
  font-family: inter;
  font-weight: 700;
}

.centralize-modal-info-manifest-anonima {
  display: flex;
  justify-content: center;
}

.div-bloco-respost-escola {
  width: 65%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 40px 60px #EDEFF2;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 1px 7% 10px 7%;
  margin-bottom: 90px;
}

.title-bloco-respost {
  font-size: 24px;
  font-family: poppins;
  font-weight: 700;
  color: #0A4FDD;
  margin-top: 67px;
  margin-bottom: 40px;
}

.respost-cliente {
  width: 100%;
  height: 100%;
  border: 0.3px solid #9D9AAD;
  border-radius: 6px;
  padding: 30px;
  margin-bottom: 25px;
}

.body-respost-escola {
  display: flex;
  flex-direction: column;
}

.div-respost-escola {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
  z-index: 1000 !important;
  padding: 3%;
}

.body-modal-avaliacao-sucesso {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.text-big-modal-avaliacao-sucesso {
  font-size: 18px;
  font-weight: 700;
  font-family: inter;
  color: #003366;
}

.text-small-modal-avaliacao-sucesso {
  font-size: 14px;
  font-family: inter;
  font-weight: 400;
  color: #003366;
}

.titulo-manifestacao {
  font-size: 18px;
  font-family: inter;
  font-weight: 700;
  color: #003366;
  margin-bottom: 14px;
}

.div-text-nota {
  font-size: 14px;
  font-family: inter;
  font-weight: 400;
  color: #605E70;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 21px;
  margin-bottom: 75px;
  width: 100%;
  grid-gap: 80%;
}

.emissor-remetente-respost {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.titulo-avaliacao-respost {
  display: flex;
  font-size: 18px;
  font-family: inter;
  font-weight: 500;
  color: #0A4FDD;
}

.title-bloco-avalia-atend {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: poppins;
  font-weight: 700;
  color: #0A4FDD;
  margin-top: 67px;
  margin-bottom: 40px;
}

.avaliacao-div {
  margin-bottom: 30px !important;
}

.modal-content-custom {
  border-radius: 8px !important;
}

.modal-search-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-search-body,
.title {
  color: var(--primary-primary-blue-light, #0A4FDD);
  text-align: center;

  /* Body/14/Medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.modal-search-body,
.obs {
  color: var(--neutral-neutral-600, #9D9AAD);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding: 0 26px;
}

.modal-search-body,
.error {
  color: var(--Auxiliary-error, #F56565);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.button-consultar-protocol {
  width: 120px;
  height: 42px;
  background: #0A4FDD;
  border: none;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  font-family: inter;
}

.button-ler-resposta {
  width: 150px;
  height: 42px;
  background: #0A4FDD;
  border: none;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  font-family: inter;
}

.input-icon-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.input-search-protocol {
  width: 70%;
  height: 48px;
  border: 1px solid #9D9AAD;
  border-radius: 6px;
  background: #ffff;
  text-align: center;
}

.icon-left {
  position: absolute;
  left: 85px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.answer-container {
  display: flex;
  height: auto;
  padding: 8px;
  align-items: flex-start;
  gap: 7px;
  flex-shrink: 0;
  background: rgba(254, 252, 232, 0.95);
  backdrop-filter: blur(calc(1.5px / 2));
  border: 1px solid #FEF08A;
  border-radius: 8px;
}

.answer-container,
.info {
  color: #334155;
  text-align: start;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 121.12%;
}

.answer-container,
.infotitle {
  overflow: hidden;
  text-align: start;
  color: #CA8A04;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.answered-container {
  display: flex;
  height: auto;
  padding: 8px;
  align-items: flex-start;
  gap: 7px;
  flex-shrink: 0;
  background: #EEFDE8;
  backdrop-filter: blur(calc(1.5px / 2));
  border: 1px solid #48BB78;
  border-radius: 8px;
}

.answered-container,
.info {
  color: #334155;
  text-align: start;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 121.12%;
}

.answered-container,
.infoansered {
  overflow: hidden;
  text-align: start;
  color: #48BB78;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/*responsive*/

@media(max-width:1496px) {
  .div-bloco-respost-escola {
    width: 70%;
  }

  .contato-indicacao {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media(max-width:1313px) {
  .bloco-cadastro {
    width: 80%;
  }
}

@media(max-width:1228px) {
  .parametro-nota {
    grid-gap: 468px;
  }
}

@media(max-width:1194px) {
  .div-bloco-respost-escola {
    width: 83%;
  }
}

@media(max-width:1171px) {
  .bloco-cadastro {
    width: 90%;
  }
}

@media(max-width:1085px) {
  .bloco-cadastro {
    width: 90%;
  }
}

@media(max-width:1036px) {
  .parametro-nota {
    grid-gap: 0;
    justify-content: space-between;
  }

  .bloco-avalia-escola {
    width: 90%;
  }

  .div-formulario {
    width: 85%;
  }

  .buttons-avalicao {
    grid-gap: 0;
    justify-content: space-between;
  }
}

@media(max-width:991px) {
  .div-ocult-header {
    display: none;
  }

  .icon-logo {
    display: block;
  }

  .bloco-desc-manifest {
    width: 90%;
  }

  .bloco-msg-final {
    width: 85%;
  }

  .div-text-nota {
    grid-gap: 0;
    justify-content: space-between;
  }
}

@media(max-width:964px) {
  .bloco-cadastro {
    width: 94%;
  }
}

@media(max-width:913px) {
  .title-responsv {
    display: none;
  }

  .div-title-responsv {
    display: none;
  }

  .bloco-escolas {
    width: 80%;
  }

  .div-buttons-avaliacao {
    grid-gap: 1% !important;
  }
}

@media(max-width:860px) {
  .bloco-cadastro {
    width: 100%;
  }
}

@media(max-width:834px) {
  .titulo-avaliacao-respost {
    font-size: 16px;
  }
}

@media(max-width:829px) {
  .div-bloco-respost-escola {
    width: 90%;
  }
}

@media(max-width:818px) {
  .buttons-avalicao {
    grid-gap: 1%;
  }
}

@media(max-width:809px) {
  .align-dados-cadastro {
    flex-direction: column;
    margin-bottom: 0px;
    width: 100%;
  }

  .input-select-dados-cadastro {
    width: 500px;
    margin-bottom: 30px;
  }

  .input-subject {
    width: 500px;
  }

  .bloco-politica-privacidade {
    width: 500px;
  }

  .img-cursor {
    display: none;
  }

  .img-responsv-cadastro {
    display: flex;
  }
}

@media(max-width:798px) {
  .title-responsv {
    display: flex;
  }

  .title-resp-cadastr {
    display: none;
  }
}

@media(max-width:760px) {
  .button-new-manifest {
    margin-bottom: 15px;
  }

  .bloco-msg-final {
    width: 100%;
  }
}

@media(max-width:691px) {
  .bloco-escolas {
    width: 90%;
  }

  .bloco-avalia-escola {
    padding: 20px 6px;
  }

  .div-formulario {
    padding: 20px 6px;
  }

}

@media(max-width:674px) {
  .div-bloco-respost-escola {
    width: 95%;
  }
}

@media(max-width:652px) {
  .type-manifest-respons {
    flex-direction: column;
  }
}

@media(max-width:637px) {
  .input-subject {
    width: 440px;
  }

  .input-select-dados-cadastro {
    width: 440px;
  }

  .bloco-politica-privacidade {
    width: 440px;
  }

  .titulo-avaliacao-respost {
    font-size: 14px;
  }

  .div-bloco-respost-escola {
    padding: 1px 5%;
  }
}

@media(max-width:620px) {
  .bloco-desc-manifest {
    width: 100%;
  }

  .text-area {
    width: 100%;
  }

  .respons-select-title {
    width: 100%;
  }

  .div-tittle-anexo {
    width: 100%;
  }
}

@media(max-width:568px) {
  .input-subject {
    width: 400px;
  }

  .input-select-dados-cadastro {
    width: 400px;
  }

  .bloco-politica-privacidade {
    width: 400px;
  }

  .bloco-avalia-escola {
    width: 100%;
  }

  .div-formulario {
    width: 100%;
  }
}

@media(max-width:522px) {
  .titulo-avaliacao-respost {
    flex-direction: column;
  }
}

@media(max-width:514px) {
  .body-info-tipo-manifest {
    padding: 10px;
  }
}

@media(max-width:487px) {
  .input-subject {
    width: 313px;
  }

  .input-select-dados-cadastro {
    width: 313px;
  }

  .bloco-politica-privacidade {
    width: 313px;
  }

  .text-msg-final {
    font-size: 12px;
  }

  .div-bottom {
    margin-bottom: 33px;
  }

  .text-title-msg-final {
    font-size: 16px;
  }
}

@media(max-width:444px) {
  .bloco-cadastro {
    width: 100%;
  }

  .bloco-escolas {
    width: 100%;
  }

  .select-tela-escolas {
    width: 95%;
    height: 41px;
  }

  .title-select {
    width: 95%;
  }

  .title-responsv {
    font-size: 17px;
  }

  .bloco-avalia-escola {
    width: 107%;
  }

  .div-formulario {
    width: 107%;
  }

  .parametro-nota {
    display: none;
  }

  .buttons-avalicao {
    display: grid;
    grid-gap: 1%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 58%;
    margin-bottom: 20px;
  }

  .button-nota-escola {
    width: 100%;
  }

  .type-manifest-respons {
    flex-direction: column;
    font-size: 17px;
  }

  .bloco-desc-manifest {
    width: 98%;
  }

  .div-text-area {
    width: 100%;
  }

  .text-area {
    width: 100%;
  }

  .respons-select-title {
    width: 100%;
  }

  .div-tittle-anexo {
    width: 100%;
    margin-bottom: 50px;
  }

  .bloco-msg-final {
    width: 100%;
  }

  .text-msg-final {
    font-size: 12px;
  }

  .text-title-msg-final {
    font-size: 16px;
  }

  .bloco-tipo-manifestacao {
    width: 100%;
  }

  .div-edit-school {
    width: 100%;
  }

  .title-respons-desc {
    font-size: 18px;
  }

  .div-bloco-respost-escola {
    width: 100%;
  }

  .div-text-nota {
    display: none;
  }

  .emissor-remetente-respost {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .titulo-avaliacao-respost {
    font-size: 15px;
  }

  .input-select-dados-cadastro {
    width: 235px;
  }

  .input-subject {
    width: 235px;
  }

  .bloco-politica-privacidade {
    width: 235px;
    height: 100%;
  }

  .div-text-assunto {
    flex-direction: column;
  }

  .alinha-texto-centro {
    align-items: flex-start;
  }

}

@media(max-width:425px) {
  .align-items-msg-final {
    align-items: flex-start;
  }

  .img-msg-final {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .div-button-continue {
    flex-direction: column;
    gap: 10px;
  }

  .button-voltar {
    margin-bottom: 0;
  }

  .div-tittle-anexo {
    margin-bottom: 20px;
  }

  .contato-indicacao div:nth-of-type(1) {
    width: 100%;
  }

  .contato-indicacao div:nth-of-type(2) {
    width: 100%;
  }
}

@media(max-width:407px) {
  .title-menu {
    font-size: 12px;
  }

  .icon-logo {
    height: 60%;
  }
}

@media(max-width:389px) {
  .title-bloco-avalia-atend {
    font-size: 18px;
  }
}

@media(max-width:378px) {
  /* .modal-info-tipo-manifest {
    height: 500px;
  } */
}

@media(max-width:372px) {
  .align-text-anexo {
    width: 100%;
  }
}

@media(max-width:364px) {
  .respost-cliente {
    padding: 6px;
  }

  .answer {
    padding: 6px;
  }

  .font-small {
    font-size: 13px;
  }
}

@media(max-width:343px) {
  .titulo-avaliacao-respost {
    font-size: 13px;
  }
}

@media(max-width:319px) {
  .bloco-msg-final {
    height: 480px;
  }
}

@media(max-width:298px) {
  .respon-text-school {
    font-size: 12px;
  }
}