/* CSS Style for ssh-keygen										*/
/* https://www.w3schools.com/css/								*/
/* padding: 0px 0px 0px 5px;	// top / right / bottom / left	*/

/* Form */
#form {
  border-radius: 5px;
  background-color: #f2f2f2;
  font-family: 'Verdana';
  font-size: 16px;
  width: 756px;
  // width: 100%;
  padding: 1px 7px 5px 5px;
  text-align: left;
  margin: 0px 0px 0px 0px;
}
#item {
  border-radius: 5px;
  width: 100%; // calc(100% - 5px);
  border: 1px solid #A4A4A4;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
label {
  display: inline-block;
  padding: 0px 10px 0px 5px;
  font-size: 14px;
}
fieldset {
  border: none;
  padding: 0px 0px 5px 0px;
}
textarea {
  font-family: 'Verdana';
  width: calc(100% - 7px);
  height: 100px;
  padding: 2px 2px;
  margin: 2px 0px 2px 4px;
  box-sizing: border-box;
  // border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  resize: none;
}
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=date], select {
  width: calc(100% - 7px);
  padding: 2px 2px;
  // padding: 0px 10px 20px 10px;
  margin: 2px 16px 5px 4px;
  display: inline-block;
  // border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}
textarea:focus, input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus {
  border: 2px solid #7A991A;
}
input[type=submit] {
  width: calc(50% - 3px);
  background-color: #98bf21;
  color: white;
  padding: 8px 0px;
  margin: 4px 0px 0px 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
input[type=reset] {
  width: calc(50% - 3px);
  background-color: #98bf21;
  color: white;
  padding: 8px 0px;
  margin: 4px 0px 0px 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
input[type=submit]:hover, input[type=reset]:hover {
  background-color: #7A991A;
}
input:invalid {
  background-image: linear-gradient(pink, pink);
}
input:invalid:focus {
  background-image: linear-gradient(pink, pink);
}