input {
  margin-right:3px;
  padding-left:3px;
}
  
#input2ColumnsCheck, #input2ColumnsNext {
  margin-left:85%;
  margin-top:30px;
}

#input2ColumnsNext:focus {
  outline:none;
}

#container {
  display:flex;
}
/*for template*/

#columnLeft, #columnRight {
  flex-basis: 50%;
  line-height: 2.5;
  margin-left:40px;
  padding-left:100px;
  text-indent:-100px;
}

/*for explanations*/
/*28.1*/

#clear {
  clear:both;
}

#column1 {
  display:block;
  float:left;
  width:20%;
  margin-bottom:30px;
  margin-left:2%;
}

#column2 {
  display:block;
  float:right;
  width:70%;
  margin-bottom:30px;
}

#input2ColumnsErrorMessage {
  margin-top:-28px;
}

.prefill:valid {
  background-image: url('images/tick.png');
  background-repeat: no-repeat;
  background-position: right;
  outline:none;
  background-size:15px;
}

#hyphenationTable, #tableTense, td,tr,th {
  border: 1px solid lightblue;
  border-collapse:collapse;
  padding:6px;
}

#hyphenationTable, #tableTense {
  margin-top:40px;
  margin-bottom:40px;
}
#hyphenationTable th {
  background-color:#DEE9C9;
}

#tableTense th {
  background-color:#98BA68;
}

#tableTense {
  width:80%;
}

.left {
  display:block;
  float:left;
  width:25%;
  margin-left:4%;
}

.right {
  display:block;
  float:right;
  width:71%;
}
/*pronouns input2columns 8*/
#tablePronouns th {
  background-color:#E4EDD8;
}

@media only screen and (max-width: 1200px) {
  #container {
   display:block;
  }
}

@media only screen and (max-width: 830px) {
  #numberAndHeading {
    margin-left:58px;
  }
  #text {
    margin-left: 60px;
    margin-right:50px;
  }
  #columnLeft, #columnRight {
    margin-left:0px;
  }
  #tableTense {
    width:100%;
  }
}