div#accent-keyboard{
/*    font-family:'Roboto',Tahoma,Arial,sans-serif;*/
    width:100%;
    position:fixed;
    bottom:10px}

div#accent-keyboard ul,div#accent-keyboard li{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;box-sizing:content-box}

div#accent-keyboard ul{background:#eee;
   list-style:none;
   font-size:12px;
   -moz-user-select:none;
   -webkit-user-select:none;
   -ms-user-select:none}

@media screen and (min-width: 700px){
    div#accent-keyboard ul{
        width:670px;
        height:230px;
        margin:0 auto;
        padding:0px;
        border-radius:5px 5px 0 0}
}

div#accent-keyboard 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: 700px){
    div#accent-keyboard ul li{
        width:40px;
        height:40px;
        line-height:40px;
        margin:2px}
    }

div#accent-keyboard ul li.active{
        background-color:#fec107;
        border-color:#fec107}
    
div#accent-keyboard ul li:hover{
        background-color:#03a9f3;
        border-color:#03a9f3}

div#accent-keyboard ul #accent-keyboard-capslock,div#accent-keyboard ul #accent-keyboard-tab,div#accent-keyboard ul #accent-keyboard-left-shift{
        clear:left}
    
@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-backspace{
        width:66px}
}
div#accent-keyboard ul #accent-keyboard-tab{
    width:7%}

@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-tab{
        width:65px}
}
div#accent-keyboard ul #accent-keyboard-capslock{
    width:12%}

@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-capslock{
        width:75px}
}
div#accent-keyboard ul #accent-keyboard-return{
    width:8%}

@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-return{
        width:76px}
}

div#accent-keyboard ul #accent-keyboard-left-shift{
    width:14%}

@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-left-shift{
        width:100px}
}

div#accent-keyboard ul #accent-keyboard-right-shift{
    width:12%}

@media screen and (min-width: 540px){
    div#accent-keyboard ul #accent-keyboard-right-shift{
        width:96px;
        margin-right:0}
}

div#accent-keyboard ul #accent-keyboard-space{
    clear:left;
    width:98%}

@media screen and (min-width: 700px){
    div#accent-keyboard ul #accent-keyboard-space{
        width:662px}
}

div#accent-keyboard ul.accent-keyboard-modifications{
    position:absolute;
    background:rgba(133,133,133,0.6);
    border-radius:5px;
    display:none;
    padding:8px}

@media screen and (min-width: 700px){
    div#accent-keyboard ul.accent-keyboard-modifications{
        height:46px}}