diya-vkb
{
    background-color: transparent;
    /* border: 1px solid orangered; */
}

diya-vkb-button
{
    background-color: white;
    border: 1px solid #CDC7C2;
    border-radius: 3px;
    min-width: 30px;
    min-height: 30px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}

diya-vkb-button.active
{
    background-color: #E7E6E2;
}

diya-vkb-button:hover
{
    background-color: #E7E6E2;
}
/*
.diya-vkb-btn label {
    border: 1px solid #b81f2b;
    
}*/

diya-vkb-button label.shift-level-1 {
    color: black;
    padding-top: 2px;
    font-size: 12px;
}

diya-vkb-button label.shift-level-2 {
    color: gray;
    font-size: 9px;
    padding-left: 3px;
}

diya-vkb-button label.shift-level-3 {
    color: gray;
    font-size: 9px;
    padding-right: 3px;
}