/****************************************************************/
/* default.css
/****************************************************************/
button,
select {
  color: black;
  background-color: rgba(192, 192, 192, 1.0);
  cursor: pointer;
}
button:hover {
  background-color: yellow;
}
button[value="on"] {
  background-color: orange !important;
}
button:disabled {
  background-color: dimgray;
  cursor: not-allowed;
}
select {
  border: none;
  border-radius: 0;
  color: black;
  background-color: rgba(240, 240, 240, 1.0);
  text-align: center;
}
.entry {
  border: none;
  border-radius: 0;
  font-size: var(--font-size);
  height: calc(var(--line-height) - 8px);
  width: auto;
  margin: 0;
  padding: 4px;
}
.pull {
  border: none;
  font-size: var(--font-size);
  text-align: center;
}
.pulldown {
  display: grid;
  grid-auto-columns: min-content;
  margin: auto;
}
.pulldown
.pull {/* input */
  grid-column: 1;
  border: none;
  border-radius: 0;
  white-space: nowrap;
  margin: 0;
  padding: 4px;
}
.pulldown
.down {/* select */
  grid-column: 2;
  border: none;
  background-color: lightgray;
  width: 20px;
  margin: 0;
}
.addBtn,
.delBtn {
  border: outset;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  margin: auto 4px;
}
.addBtn {
  background-color: aqua;
}
.delBtn {
  background-color: red;
}
.ltTag,
.gtTag,
.endTag,
.quot {
  display: inline-block;
  font-size: var(--font-size);
  margin: auto;
}