/* Barra de Filtros */

#filtro_turma_id {
  width: 300px;
  float: left;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 5px;
}

#filtro_idturma_disciplina, #filtro_idevento_escola {
  width: 300px;
  float: left;
  font-weight: bold;
  margin-left: 10px;
}

@media screen and (max-width:700px) {
  #filtro_turma_id {
    width: 235px;
  }
}

@media screen and (max-width:479px) {
  #filtro_turma_id {
    width: 155px;
  }
  #filtro_idturma_disciplina, #filtro_idevento_escola {
    width: 170px;
  }
}


/* Etapa 1 */

.cpf_aluno {
  width: 200px;
  padding: 5px;
  float: left;
}

.cpf_aluno input {
  border-radius: 2.5px 0 0 2.5px;
  width: calc(100% - 30px);
  float: left;
}

.nome_aluno {
  padding: 5px;
  width: calc(100% - 200px);
  float: left;
}

.nascimento_data, .sexo {
  width: 160px;
  padding: 5px;
  float: left;
}

.raca {
  width: calc(100% - 320px);
  max-width: 320px;
  padding: 5px;
  float: left;
}

@media screen and (max-width:559px) {
  .raca {
    width: calc(100%);
    max-width: 100%;
  }
}

.nome_social {
  padding: 5px;
  width: calc(100% - 320px);
  float: left;
}

.genero_id {
  width: 320px;
  padding: 5px;
  float: left;
}

@media screen and (max-width:767px) {
  .nome_aluno, .nome_social, .genero_id_resp {
    width: 100% !important;
  }
}

.nascimento_campos {
  width: 50%;
  padding: 5px;
  float: left;
}

@media screen and (max-width:559px) {
  .nascimento_campos {
    width: calc(100%);
  }
}

/* endereco */

.endereco_zona {
  width: 200px;
  padding: 5px;
  float: left;
}

.endereco_cep {
  width: 121px;
  padding: 5px;
  float: left;
}

.unidade_federacao_id {
  width: 60px;
  padding: 5px;
  float: left;
}

.municipio_id {
  width: calc(100% - 60px);
  padding: 5px;
  float: left;
}

.bairro_id {
  width: 260px;
  padding: 5px;
  float: left;
}

.logradouro_id_descricao {
  padding: 5px;
  width: calc(100% - 260px);
  float: left;
  /* position: relative; */
}

.div-l {
  width: calc(100% - 321px);
  float: left;
  display: inline-block;
}

@media screen and (max-width:749px) {
  .div-l {
    width: calc(100%);
  }
}

@media screen and (max-width:649px) {
  .bairro_id, .logradouro_id_descricao {
    width: calc(100%);
  }
}

.certidao_cartorio_cidade, .certidao_cartorio {
  width: 50%;
  padding: 5px;
  float: left;
}

@media screen and (max-width:675px) {
  .certidao_cartorio_cidade, .certidao_cartorio {
    width: 100%;
  }
}

.certidao-e {
  display: inline-block;
  float: left;
  width: calc(100% - 320px);
}

@media screen and (max-width:851px) {
  .certidao-e {
    width: 100%;
  }
}

.alunoResponsavel {
  width: 100%;
  padding: 5px;
  min-width: 0;
  margin-right: -5px;
  margin-top: 10px;
  display: block;
  position: relative;
  float: left;
  margin-bottom: -5px;
}

.nmresponsavel {
  min-width: 300px;
  padding: 5px;
  width: 50%;
  float: left;
}

.email_responsavel {
  min-width: 300px;
  padding: 5px;
  width: 50%;
  float: left;
}

@media screen and (max-width:675px) {
  .nmresponsavel, .email_responsavel {
    width: 100%;
  }
}

.senha {
  width: 50%;
  max-width: 341px;
  padding: 5px;
  float: left;
}

/* Etapa 3 */

.cpf_resp {
  width: 200px;
  padding: 5px;
  float: left;
  margin-top: -15px;
}

.cpf_resp input {
  border-radius: 2.5px 0 0 2.5px;
  width: calc(100% - 30px);
  float: left;
}

.nome_resp {
  padding: 5px;
  width: calc(100% - 200px);
  float: left;
  margin-top: -15px;
}

.nome_social_resp {
  padding: 5px;
  width: calc(100% - 298px);
  float: left;
}

.genero_id_resp {
  width: 298px;
  padding: 5px;
  float: left;
}

@media screen and (max-width:767px) {
  .nome_resp, .nome_social_resp {
    width: calc(100%);
    margin-top: 0;
  }
}

.resp_campos {
  width: 50%;
  padding: 5px;
  float: left;
}

@media screen and (max-width:559px) {
  .resp_campos {
    width: calc(100%);
  }
}

/* Mapa */

.etapa_pretendida {
  width: calc(100% - 365px);
  padding: 5px;
  float: left;
}

.idturno {
  width: 140px;
  padding: 5px;
  float: left;
}

.filtro_map {
  width: 225px;
  padding: 5px;
  float: left;
}

.escola {
  width: 50%;
  padding: 5px;
  float: left;
}

@media screen and (max-width:773px) {
  .escola {
    width: 100%;
    margin-top: 0;
    margin-bottom: -10px;
    height: auto;
  }
}

/* @media screen and (max-width:750px) {
  .etapa_pretendida {
    width: 100%;
  }
} */

@media screen and (max-width:750px) {
  .etapa_pretendida {
    width: 100%;
  }
}