.fieldline {
  padding: 1% 0 1% 0;
  font-weight: bolder;
  font-size: 120%;
  font-family: Open Sans', sans-serif, Helvetica, Arial;
  color: #353535;
}
.fieldline * {
  margin: 1% 2% 1% 1%;
  margin: 2%;
}

.input-label {
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
}


@-webkit-keyframes colorchange {
      0% {background-color: white; border-color: #ccc;}
      100% {background-color:##ffefef; border-color:red;}

}



input[type=text], select {
    width: 120px;
    padding: 10px 10px;
    /*margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: white;
    animation-iteration-count: 1;
    animation-duration: 0.15s;
    animation-timing-function: linear;
}

input[type=number] {
    width: 100px;
    padding: 10px 10px;
    /*margin: 0 2%;*/
    margin: 0 5% 0 1%;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: white;
    color: black;
    animation-iteration-count: 1;
    animation-duration: 0.15s;
    animation-timing-function: linear;

}

#submit-button {
  padding: 12px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #eaeaea;

}
/*
input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}*/