body, table, input {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size:18px;
  color:#000000;

}
body, details, div, p {
  user-select:none;
  margin-bottom:6px;
}

details summary:hover {
  cursor:pointer;
}

input[type=button].btn.btn-small {
  padding:2px;
  padding-left:4px;
  padding-right:4px;
  margin-left:4px;
  background-color:#ffffff;
  border-color:#bebebe;
  color:#333333;
  font-size:0.8em;
}
input[type=button].btn.btn-small:hover {
  padding:2px;
  background-color:#0b5ed7;
  border-color:#0b5ed7;
  color:#ffffff;
}

table, table td {
  border-style:solid;
  border-color:#ffffff;
  border-width:1px;
  border-collapse:collapse;
}
.nach_rechts {
  text-align:right;
}

#i_dividend,
#i_divisor,
#i_ergebnis,
#auszufuellender_bereich {
  font-size:22px;
  color:#000000;
}

#i_ergebnis {
  text-align:left;
  background-color:yellow;
}

h1 {
  font-weight:normal;
  color:#555555;
  font-size:24px;
}

input[type=button] {
  background-color:#0d6efd;
  color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#0d6efd;
  padding:8px;
  margin:8px;
  border-radius:0.3rem;
}

input[type=button]:hover {
  background-color:#0b5ed7;
  border-color:#0b5ed7;
  cursor:pointer;
}

input[type=button][disabled] {
  background-color:#6c757d;
  color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#6c757d;
  padding:8px;
  opacity: 0.7;
}

input[type=button][disabled]:hover {
  background-color:#6c757d;
  border-color:#6c757d;
  cursor:auto;
}

.formelbestandteil {
  font-family:monospace;
  font-size:18px;
}

#ergebnis li {
  margin-bottom:5px;
}

td#auszufuellender_bereich {
  min-height:74px;
  height:74px;
  background-color:yellow; /* rgb(255,204,0) */
  font-family:monospace;
  text-align:right;
  padding:6px;
}

input[type=button]#b_berechne,
input[type=button]#b_zeige_ergebnis,
input[type=button]#b_lade_seite {
  min-width:240px;
  width:240px;
  max-width:240px;
  display:block;
  text-align:left;
}

input[type=number], 
input[type=text] {
  font-family:monospace;
  font-size:18px;
  padding:6px;
  text-align:right;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}