.vkeyboard {
    position: sticky;
    top:0;
    border: 1px solid #dee2e6;
    z-index: 100;
    font-size: 0.875rem;
    background-color: #fff;
}

.vkeyboard .key {
    min-width: 2em;
    height: 2em;
    padding: 0;
    overflow: hidden;
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 0.2em;
    cursor: pointer;
    margin: 0.25em;
    background-color: #e8e8e8;
}

.vkeyboard .key:hover {
    background-color: #f8f8f8;    
}

.vkeyboard .key-special, .vkeyboard .key-special:hover {
    background-color: #f0f0f0;
}

.vkeyboard .key-special.active, .vkeyboard .key-special.active:hover {
    background-color: #808080;
    color: #fff;
}