#divTeclado {
  position: absolute;
  z-index: 9;
  background-color: rgb(227,227,227);
  text-align: center;
transition:visibility 0.3s linear,opacity 0.3s linear;
-webkit-box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
}

#divTecladoAlfa {
  position: absolute;
  z-index: 9;
  background-color: rgb(227,227,227);
  text-align: center;
transition:visibility 0.3s linear,opacity 0.3s linear;
-webkit-box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
box-shadow: 9px 10px 30px -3px rgba(0,0,0,0.75);
}

#mydivheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}


.m-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.m-fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}

#KioskBoard-VirtualKeyboard{
  padding: 0px !important;
  
}

.kioskboard-wrapper{
  overflow-y: hidden !important; 
  overflow-x: hidden !important; 
}

.areaTextoPreviewCAMPO{ 
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
}

.areaTextoPreviewValor{
  display: inline-block;
}

.areaTextoPreview{
  background-color: rgb(23, 23, 23);
  color: white;
  font-size: 20px;
  padding: 5px;
}