@charset "utf-8";

td {
  padding: 2px;
}
td input[type="submit"] {
  width: 50px;
  height: 50px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #B2CBD8;
  color: #3C4950;
  border-radius: 8px;
  cursor: pointer;
  transition: all  0.2s ease;
}
td input[type="submit"]:not(:disabled):hover {
  background-color: #007DAF;
  border: 1px solid #007DAF;
  color: #fff;
  transition: all  0.2s ease;
}
td input[type="submit"]:disabled {
  width: 50px;
  height: 50px;
  font-size: 16px;
  background-color: #EAEAEA;
  border: 1px solid #CCCCCC;
  color: #aaa;
  border-radius: 8px;
}
@media screen and (max-width: 400px) {
  td {
    padding: 1px;
  }
  td input[type="submit"] {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  td input[type="submit"]:disabled {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
}

td input[type="button"] {
  min-width: 300px;
  height: 50px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #B2CBD8;
  color: #3C4950;
  border-radius: 8px;
  cursor: pointer;
  transition: all  0.2s ease;
}
td input[type="button"]:hover {
  background-color: #007DAF;
  border: 1px solid #007DAF;
  color: #fff;
  transition: all  0.2s ease;
}