body.kioskboard-body-padding {
  padding-bottom: 0 !important;
}

div#KioskBoard-VirtualKeyboard {
  width: 40vw;
  min-width: 500px;
  padding: 0.5vh 0.5vw;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row-top {
  padding: 0 0 0.5vh;
  margin: 0 0 0.5vh;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row-bottom {
  padding: 0.5vh 0 0;
  margin: 0.5vh 0 0;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row:not(.kioskboard-row-numpad) span.kioskboard-key {
  padding: 0.5vh 0.5vw 0.5vh;
  margin: 5px 6px 10px;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row-numpad span[class^=kioskboard-key] {
  min-height: 50px;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row span.kioskboard-key.kioskboard-key-space {
  min-height: 40px;
  width: calc(100% - 16px - 85px - 16px - 85px - 16px);
}

#KioskBoard-VirtualKeyboard div.kioskboard-row-bottom.kioskboard-with-specialcharacter span.kioskboard-key-space {
  width: calc(100% - 16px - 85px - 16px - 85px - 16px - 85px - 16px);
}

#KioskBoard-VirtualKeyboard div.kioskboard-row span.kioskboard-key-capslock  {
  min-height: 40px;
  width: 85px;
  padding: 1vh 0.5vw 1vh;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row:not(.kioskboard-row-numpad) span.kioskboard-key-backspace {
  min-height: 40px;
  width: 85px;
  padding: 1vh 0.5vw 1vh;
}

#KioskBoard-VirtualKeyboard div.kioskboard-row span.kioskboard-key-specialcharacter {
  min-height: 40px;
  width: 85px;
  padding: 1vh 0.5vw 1vh;
}