@media screen and (orientation:portrait) {

    div.jQKeyboardResult {
        font-size: 36pt !important;
        font-family: Arial,sans-serif;
        line-height: 96px;
        min-width: 40px;
    }

    button.jQKeyboardBtn {
        font-size: 36pt !important;
        font-family: Arial,sans-serif;
        line-height: 96px;
        min-width: 40px;
    }
        button.jQKeyboardBtn.ui-button-colspan-0 {
            width: 72px;
        }

        button.jQKeyboardBtn.ui-button-colspan-2 {
            width: 96px;
        }

        button.jQKeyboardBtn.ui-button-colspan-3 {
            width: 120px;
        }

        button.jQKeyboardBtn.ui-button-colspan-4 {
            width: 144px;
        }

        button.jQKeyboardBtn.ui-button-colspan-5 {
            width: 168px;
        }

        button.jQKeyboardBtn.ui-button-colspan-6 {
            width: 192px;
        }

        button.jQKeyboardBtn.ui-button-colspan-7 {
            width: 216px;
        }

        button.jQKeyboardBtn.ui-button-colspan-8 {
            width: 240px;
        }

        button.jQKeyboardBtn.ui-button-colspan-8 {
            width: 268px;
        }

        button.jQKeyboardBtn.ui-button-colspan-9 {
            width: 292px;
        }

        button.jQKeyboardBtn.ui-button-colspan-10 {
            width: 316px;
        }

        button.jQKeyboardBtn.ui-button-colspan-11 {
            width: 340px;
        }

        button.jQKeyboardBtn.ui-button-colspan-12 {
            width: 364px;
        }
        button.jQKeyboardBtn.ui-button-colspan-13 {
            width: 388px;
        }
        button.jQKeyboardBtn.ui-button-colspan-14 {
            width: 412px;
        }
        button.jQKeyboardBtn.ui-button-colspan-15 {
            width: 436px;
        }
        button.jQKeyboardBtn.ui-button-colspan-16 {
            width: 460px;
        }
}

@media screen and (orientation:landscape) {
    div.jQKeyboardResult {
        font-size: 22pt !important;
        font-family: Arial,sans-serif;
        line-height: 52px;
        min-width: 32px;
    }

    button.jQKeyboardBtn {
        font-size: 22pt !important;
        font-family: Arial,sans-serif;
        line-height: 52px;
        min-width: 32px;
    }
        button.jQKeyboardBtn.ui-button-colspan-0 {
            width: 64px;
        }

        button.jQKeyboardBtn.ui-button-colspan-2 {
            width: 72px;
        }

        button.jQKeyboardBtn.ui-button-colspan-3 {
            width: 96px;
        }

        button.jQKeyboardBtn.ui-button-colspan-4 {
            width: 120px;
        }

        button.jQKeyboardBtn.ui-button-colspan-5 {
            width: 144px;
        }

        button.jQKeyboardBtn.ui-button-colspan-6 {
            width: 168px;
        }

        button.jQKeyboardBtn.ui-button-colspan-7 {
            width: 192px;
        }

        button.jQKeyboardBtn.ui-button-colspan-8 {
            width: 216px;
        }

        button.jQKeyboardBtn.ui-button-colspan-8 {
            width: 240px;
        }

        button.jQKeyboardBtn.ui-button-colspan-9 {
            width: 268px;
        }

        button.jQKeyboardBtn.ui-button-colspan-10 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-11 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-12 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-13 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-14 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-15 {
            width: 292px;
        }
        button.jQKeyboardBtn.ui-button-colspan-16 {
            width: 292px;
        }
}



input.focus,
textarea.focus {
    border: 2px solid red !important;
}

div.jQKeyboardContainer {
    display: table;
    background: #000000;
    -webkit-box-shadow: 3px 3px 6px #181818;
    box-shadow: 3px 3px 6px #181818;
    border: 1px solid #5D5D5D;
    border-radius: 6px;
    padding: 4px;
    margin-top: 5px;
    z-index: 999999999;
    position: fixed;
    left: 50%;
    opacity: 0.90;
}

div.jQKeyboardResult {
    background: #ffffff;
    color: #000000;
    -webkit-box-shadow: 3px 3px 6px #181818;
    box-shadow: 3px 3px 6px #181818;
    border: 1px solid #5D5D5D;
    border-radius: 6px;
    padding: 4px;
    margin-top: 5px;
    z-index: 9999999999;
    position: fixed;
    opacity: 0.90;
}

div.jQKeyboardRow {
    display: table-row;
    text-align: center;
}

button.jQKeyboardBtn {
    color: #ffffff;
    background: #424242;
    margin: 0;
    padding: 1px 6px 1px 6px;
    border: 2px solid #000000;
    border-radius: 6px;
    text-align: center;
    font-weight: normal;
    outline: none;
    cursor: pointer;
}

    /*button.jQKeyboardBtn:hover {
        background: #26b3f7;
    }*/

    button.jQKeyboardBtn:active,
    button.jQKeyboardBtn.shift-active {
        background: #0972a5;
    }

    button.jQKeyboardBtn.extra-active {
        background: #ae5000;
    }

    button.jQKeyboardBtn.disabled {
        color: #d9d9d9;
        background: #5e626e;
        /*background-image: -ms-linear-gradient(#939393, #939393);*/
        /*background-image: -webkit-linear-gradient(#939393, #939393);*/
        opacity: 0.9;
        filter: alpha(opacity=90);
    }