#keyboard{width:-webkit-min-content;width:-moz-min-content;width:min-content}#keyboard ul{clear:both;font-size:23px;font-weight:600}#keyboard ul li{float:left;margin:0 5px 5px 0;width:50px;height:40px;line-height:37px;text-align:center;background:#fee;color:#036;border:1px solid #f9f9f9;-webkit-box-shadow:1px 1px 1px -1px #000;box-shadow:1px 1px 1px -1px #000}#keyboard ul li span.on{display:none}#keyboard li:hover{position:relative;top:1px;left:1px;border-color:#e5e5e5;cursor:pointer}#keyboard ul li.active{background:#33aafa}#action-new-lesson{height:50%;position:absolute;left:0;right:0;top:0;bottom:13%;margin:auto}#thisClass{width:96.4%;height:200px;overflow-y:scroll}#thisClass::-webkit-scrollbar-track{border-radius:10px}#thisClass::-webkit-scrollbar{width:10px}#thisClass::-webkit-scrollbar-thumb{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,#7a99d9),color-stop(.72,#497dbd),color-stop(.86,#1c3a94))}