/*################################################################################################### --- ADD JOB FORM --- */

@media screen and (min-width: 900px) {
  
  #addJobForm input,
  #addJobForm select {
    height: 2.5em;
  }
  
  #addJobForm > * {
    margin-bottom: 1em;
  }
  
  #addJobForm {
    display: flex;
    flex-flow: row wrap; /* row: main axis */
    align-content: flex-start; /* alignment of LINES on cross axis */
    justify-content: space-between; /* align of content inside lines in main axis */
    align-items: stretch; /* align of content inside lines on cross axis */
  }
  
  #addJobForm *:not(textarea) {
    flex: 0 1 calc(50% - 0.5em);
  }
  
  #addJobForm > select[name="job_type"] {
    flex: 0 1 30%;
  }
  
  #addJobForm > input[name="job_title"] {
      flex: 0 0 calc(70% - 1em);
  }
  
  #addJobForm > span {
    flex: 0 0 100%;
    margin: 0em;
  }
  
  #addJobForm > input[type="submit"] {
    flex: 0 0 5em;
    margin: 0em auto;
  }
}

/* ########################################################################## --- RESPONSIVE DESIGN --- */

#googleDocsCont {
  flex: 0 0 100% !important;
}

#blockFromJobCont {
  flex: 0 0 100% !important;
  margin-bottom: 1em;
}

#blockFromJobCont > div[id^=personDiv] {
  display: flex;
  flex-flow: row nowrap; /* row: main axis */
  justify-content: flex-start; /* align of content inside lines in main axis */
  align-items: center; /* align of content inside lines on cross axis */
  
  margin-bottom: 0.25em;
}

#blockFromJobCont > div[id^=personDiv] > select {
  flex: 0 1 auto;
  margin: 0em;
}

#blockFromJobCont > div[id^=personDiv] > img {
  flex: 1 0 auto;
  padding: 0.5em;
  cursor: pointer;
}

/* ########################################################################## --- RESPONSIVE DESIGN --- */

@media screen and (min-width: 600px) {
  
}