div#mlkeyboard{
    font-family:Tahoma,Arial,sans-serif;
    width:80%;
    z-index: 1050;
    position:fixed;
    margin-left: 10%;
    bottom:0}
div#mlkeyboard div.close-ml-keyboard{
    z-index: 99999;
    margin-top: -30px;
    background-color: rgb(236, 236, 236);
    border-radius: 60px;
    float: right;
    padding: 2px;
    cursor: pointer;
}
div#mlkeyboard ul,div#mlkeyboard li{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box}
div#mlkeyboard ul{
    background:#eee;
    list-style:none;
    font-size:18px;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none}
@media screen and (min-width: 980px){
    div#mlkeyboard ul{       
        height:350px;
        margin:0 auto;
        padding:0px;
        border-radius:5px 5px 0 0
    }}
@media screen and (max-width: 800px){
    div#mlkeyboard ul{       
        height:400px;
        margin:0 auto;
        padding:0px;
        border-radius:5px 5px 0 0
    }}
div#mlkeyboard ul li{
    float:left;
    margin:0 0 0.5% 0.5%;
    width:6%;
    text-align:center;
    background:#fff;
    border:1px solid #f9f9f9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-color:#e5e5e5;
    cursor:pointer}
@media screen and (min-width: 980px){
    div#mlkeyboard ul li{
        width: 42px;
        height:40px;
        line-height:40px;
        margin:2px
    }}
div#mlkeyboard ul li.active{background-color:#E6FFD8;border-color:#6FDA54}
div#mlkeyboard ul li:hover{background-color:#FFD488;border-color:#FFAE6E}
div#mlkeyboard ul #mlkeyboard-capslock,/*div#mlkeyboard ul #mlkeyboard-tab,*/
div#mlkeyboard ul #mlkeyboard-left-shift{
    clear:left
}

@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-backspace{width:66px}}
div#mlkeyboard ul #mlkeyboard-tab{width:7%}
@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-tab{width:75px}}
div#mlkeyboard ul #mlkeyboard-capslock{width:12%}
@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-capslock{width:75px}}
div#mlkeyboard ul #mlkeyboard-return{width:8%}
@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-return{width:76px}}
div#mlkeyboard ul #mlkeyboard-left-shift{width:14%}
@media screen and (min-width: 700px){div#mlkeyboard ul #mlkeyboard-left-shift{width:100px}}
div#mlkeyboard ul #mlkeyboard-right-shift{width:12%}
@media screen and (min-width: 540px){div#mlkeyboard ul #mlkeyboard-right-shift{width:96px;margin-right:0}}
div#mlkeyboard ul #mlkeyboard-space{/*clear:left;*/width:98%}
@media screen and (min-width: 980px){
    div#mlkeyboard ul #mlkeyboard-space{
        width:55.5%
    }}
@media screen and (max-width: 700px){
    div#mlkeyboard ul #mlkeyboard-space{
        width:40.5%;
        height: 30px;
    }}
div#mlkeyboard ul.mlkeyboard-modifications{
    position:absolute;
    background:rgba(133,133,133,0.6);
    border-radius:5px;
    display:none;
    padding:8px}
@media screen and (min-width: 700px){
    div#mlkeyboard ul.mlkeyboard-modifications{
        height:46px
    }}
/*# sourceMappingURL=jquery.ml-keyboard.css.map */