/* [BACKGROUND] */
#numpad-back.show {
  visibility: visible;
  opacity: 1;
}

#numpad-wrap {
  /*max-width: 320px; */

  width: 100%;
  margin: 0 auto;
  padding: 10px;
  background: #D4E6F1;
  
}

/* [NUMBER DISPLAY] */
#numpad-display {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  font-size: 2em;
  text-align: center;
  margin-bottom: 10px;
}

/* [NUMBER BUTTONS] */
#numpad-btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.numpad-btn {
  box-sizing:     border-box;
  width:          31%;
  padding:        5px;
  border-bottom:  1px solid #aaa;
  background:     white;
  color:          black;
  text-align:     center;
  font-size:      1.5em;
  margin:         1%;
  border-radius:  5px;
}
.numpad-btn.zero {
  width: 30%;
}
.numpad-btn.zeroN {
  width: 75%;
}
.numpad-btn.ninja {
  display: none;
}

.numpad-btn.fake {
  background: transparent;
  border: none;
  padding-top:        0px;
  padding-bottom:     0px;
}



.numpad-btn.ng {
  background: transparent;
}
.numpad-btn.cx {
  background: #B23025;
  border: 1px solid #C73D32;
}
.numpad-btn.ok {
  background:         transparent;
  border:             none;
  color:              #06406A;
  font-size:          1.0em;
  padding-top:        0px;
  padding-bottom:     0px;
  text-align: right;

}


.numpad-btn:hover {
  cursor: pointer;
}