/* -*- coding: utf-8 -*- */

/* Keyboard */
#keyboard {
  /* position: absolute; */
  z-index: 15;
  bottom: 0;
  top: 20%;
  left: 20%;
  height: 60%;
  /* width: 60%; */
  padding: 0.8rem 0 0;  
  /*pointer-events: auto;*/
}

/* Rows */
.keyboard-row {
  margin-left: 5%;
  /*text-align: center;*/
}

/* Buttons: logic keys */
.keyboard-key {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  min-width: 2.6rem;
  padding: 0 0.1rem;
  border: none;
  background: none;
  outline: 0px none;
}

.keyboard-last-row .keyboard-key {
  padding-bottom: 0.2rem;
}

/* Visible keys */
.keyboard-key > .visual-wrapper{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 5rem;
  border: 0.1rem solid #1b1d1d;
  border-radius: 0.3rem;
}

/* Standard key styles. */
.keyboard-key > .visual-wrapper > span{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 3.6rem;
  line-height: 4.6rem;
  font-weight: 500;
  text-align: center;
  /* border-top: 0.1rem solid #504e4d; */
  /* border-radius: 0.3rem; */
}
#keyboards-wrapper .fdp-focus {
  box-shadow: 0 0 1rem 0.5rem rgb(255, 194, 57);
}
/*----- FocusBar -----*/
#kbd-focusBar {
    z-index: 200;
}

