/*
 *------------------------------------------------------------------------------
 *
 * Muehle.css
 *
 * Idee: Duncan Meech
 *       https://github.com/duncanmeech/MorrisHTML5/tree/fix-repetitions
 *
 * weiterentwickelt:  peter@danninger.eu                  10.10.2018
 *
 *------------------------------------------------------------------------------
*/

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}

.button {
  display: inline-block;
  font-size: 16px;
  width: 12em;
  font-family: Arial,sans-serif;
  color: #000000;
  background-color: #f0f0f0;
  border-style: solid;
  border-color: #7f7f7f;
  border-width: 1px;
  margin-bottom: 5px;
}

.button:hover {
  color: #0000ff;
  background-color: #ffffaa;
}

.button[disabled],
.button[disabled]:hover,
.button[disabled]:active {
  color: #a0a0a0;
  cursor: default;
  background-color: #f0f0f0;
  border-style: solid;
  border-color: #7f7f7f;
  border-width: 1px;
}

select.s1 {
  width: 145px;
}

p.status {
  color: #0000ff;
  font-size: 16px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 100%;
}

p.hint {
  color: #0000ff;
  font-size: 14px;
  font-family: Arial,sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}

p.knodes {
  color: #000000;
  font-size: 12px;
  font-family: Arial,sans-serif;
  width: 100%;
}

form.denkzeit {
  color: #000000;
  font-size: 12px;
  font-family: Arial,sans-serif;
  text-align: center;
  margin-top: 10px;
}

canvas {
  /* border: 1px solid #aa3333; */
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 5px;
  padding-bottom: 5px;
}

@keyframes blink-animation {
  to {
    color: #ccccff;
  }
}

@-webkit-keyframes blink-animation {
  to {
    color: #ccccff;
  }
}

@keyframes blink-animation1 {
  to {
    color: #7777ff;
  }
}

@-webkit-keyframes blink-animation1 {
  to {
    color: #7777ff;
  }
}

/* the end */