/* TO-DO FORM STARTS */
.to-do-div {
  padding: 10px 40px;
  text-align: center;
}

/* Clear floats after the header */
.to-do-div:after {
  content: "";
  display: table;
  clear: both;
}

.to-do-input, .to-do-btn {
  font-family: inherit;
  font-size: inherit;
  overflow: hidden;
}
/* TO-DO FORM ENDS */

/* TO-DO TABLE STARTS */
#todoTable {
  border-collapse: collapse;
  width: 100%;
  border: 0px solid #ddd;
  font-family: inherit;
  font-size: inherit;
}

#todoTable th, #todoTable td {
  text-align: left;
  padding: 12px;
  cursor: pointer;
  border: none;  
}

#todoTable tr {
  border-bottom: 0px solid #ddd;  
}

#todoTable tr:nth-child(odd) {
  background: #f2f2f2;
}

#todoTable tr.header, #todoTable tr:hover {
  background-color:  #ddd; /*#f1f1f1*/
  transition: 0.5s;
}

.to-do-i {
  width: 30px;
}

.x {           
  text-align: center;
  width: 30px;
  padding: 4px 5px;
  text-decoration: none;
}

@media only screen and (max-width: 1366px) {
  .to-do-i{
    display: none;
  } 
  
  #todoTable th, #todoTable td {    
    border: none;  
  }

  #todoTable {
    border: none;
  }

  #todoTable tr {
    border: none;
  }  
}

/* TO-DO TABLE ENDS */