.jkeyboard {
    display: inline-block;
}

    .jkeyboard, .jkeyboard .jline, .jkeyboard .jline ul {
        display: block;
        margin: 0;
        padding: 0;
    }

        .jkeyboard .jline {
            text-align: center;
            margin-left: -14px;
        }

            .jkeyboard .jline ul li {
                font-family: arial, sans-serif;
                font-size: 32px;
                display: inline-block;
                border: 1px solid #666;
                margin: 4px 0 1px 14px;
                color: #666;
                border-radius: 5px;
                width: 52px;
                height: 52px;
                box-sizing: border-box;
                text-align: center;
                line-height: 52px;
                overflow: hidden;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: -moz-none;
                -ms-user-select: none;
                user-select: none;
            }

.calculator .jkeyboard .jline ul li {
    width: 30%;
}

        .jkeyboard .jline ul li.uppercase {
            text-transform: uppercase;
        }

        .jkeyboard .jline ul li:hover, .jkeyboard .jline ul li:active {
            background-color: #ba4b47;
            color: #fff;
        }

        .jkeyboard .jline .return {
            width: 120px;
            font-size: 32px;
        }

        .jkeyboard .jline .space {
            width: 456px;
        }

        .jkeyboard .jline .numeric_switch {
            width: 84px;
            font-size: 32px;
        }

        .jkeyboard .jline .layout_switch {
            background: url("../assets/locale-dark.png") no-repeat center right;
        }

            .jkeyboard .jline .layout_switch:hover, .jkeyboard .jline .layout_switch:active {
                background: #ba4b47 url("../assets/locale.png") no-repeat center right;
            }

        .jkeyboard .jline .shift {
            width: 100px;
            background: url("../assets/shift-dark.png") no-repeat center center;
        }

            .jkeyboard .jline .shift:hover, .jkeyboard .jline .shift:active {
                width: 100px;
                background: #ba4b47 url("../assets/shift.png") no-repeat center center;
            }

        .jkeyboard .jline .backspace {
            width: 69px;
            background: url("../assets/backspace-dark.png") no-repeat center center;
        }

            .jkeyboard .jline .backspace:hover, .jkeyboard .jline .backspace:active {
                width: 69px;
                background: #ba4b47 url("../assets/backspace.png") no-repeat center center;
            }