html,
body {
  height: 90%;
  margin: 10px;
  padding: 0;
  font-family: sans-serif;
  /*font-size: 0.92em;*/
}
* {box-sizing: border-box;}

h3 {
  color: royalblue;
  /*margin:0.9em 0 0.9em 0;*/
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 1px 10px 0px 0;
}

.form-inline input {
  vertical-align: middle;
  margin: 0px 10px 1px 0;
  padding: 1px 10px 1px 10px;
  background-color: #fff;
  border: 1px solid #e2dfdf;
}

button {
  padding: 10px 30px;
  background-color: #1E90FF;
  border: 1px solid #ddd;
  color: white;
  width: 250px;
}


button:hover {
  background-color: #005A9C;
}

label {
  padding: 5px 4px 5px 0;
  display: inline-block;
}

@media (max-width: 3000px) {
  .form-inline input {
    margin: 1px 0;
  }
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}




#top, #bottom, #left, #right {
  background: lightgrey;
  position: fixed;
}
#left, #right {
  top: 0; bottom: 0;
  width: 2px;
}
#left { left: 0; }
#right { right: 0; }

#top, #bottom {
  left: 0; right: 0;
  height: 2px;
}
#top { top: 0; }
#bottom { bottom: 0; }