.simple-keyboard {
    /*max-width: 500px;*/
    display: none;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    touch-action: manipulation;
}

.hg-theme-default .hg-button.hg-activeButton {
    background: #909090;
    color: #fff;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
    max-width: 9% !important;
}

.simple-keyboard .hg-row:not(:first-child) {
    justify-content: center;
}

.simple-keyboard .hg-row:first-child {
    justify-content: flex-end !important;
}

.hg-button {
    flex-basis: 100%;
    max-width: 9%;
    touch-action: manipulation;
}

.hg-theme-default {
    padding: 10px;
}

.simple-keyboard .hg-button.hg-functionBtn.hg-button-space {
    min-width: 150px;
    max-width: none;
}


.hg-theme-default .hg-row:not(:last-child) {
    margin-bottom: 8px;
}

.simple-keyboard .hg-button-shiftcancel {
    background: #909090;
    color: #fff;
}

.simple-keyboard .hg-button-blank {
    opacity: 0;
}

.simple-keyboard .hg-button-closekeyboard {
    width: 65px;
    max-width: 65px;
}

.simple-keyboard .hg-button-numbers,
.simple-keyboard .hg-button-numbersspecial,
.simple-keyboard .hg-button-abc,
.simple-keyboard .hg-button-special,
.simple-keyboard .hg-button-shift,
.simple-keyboard .hg-button-shiftcancel,
.simple-keyboard .hg-button-backspace {
    width: 40px;
    max-width: 40px;
    min-width: 40px;
}

.simple-keyboard .hg-button.hg-functionBtn.hg-button-ent {
    max-width: 80px;
}

.hg-theme-default .hg-row .hg-button:not(:first-child):not(.hg-button-backspace) {
    margin-left: 2px !important;
}

.hg-theme-default .hg-row .hg-button:not(:last-child):not(.hg-button-shift):not(.hg-button-shiftcancel):not(.hg-button-special):not(.hg-button-numbersspecial) {
    margin-right: 2px !important;
}

.simple-keyboard .hg-button-numbers,
.simple-keyboard .hg-button-numbersspecial,
.simple-keyboard .hg-button-special,
.simple-keyboard .hg-button-shift,
.simple-keyboard .hg-button-shiftcancel {
    margin-right: auto !important;
}

.simple-keyboard .hg-button-backspace {
    margin-left: auto !important;
}

.hg-layout-special .hg-row:nth-child(4) .hg-button:not(:first-child):not(:last-child),
.hg-layout-numbers .hg-row:nth-child(4) .hg-button:not(:first-child):not(:last-child) {
    max-width: 40px !important;
}