.app-header{height:50px;line-height:50px;color:#fff;background:#2c3e50;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.app-header h2{color:#fff;text-shadow:2px 2px 4px #fff}.app-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 10px 0;position:absolute;top:0;left:0;right:0}.mobile-input{-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;caret-color:transparent;border:0;margin:0;padding:0}.mobile-input:focus{outline:none}.mobile-input.nothing-registerd{position:absolute;width:100%;height:100%;background:transparent}.icon{margin-left:10px}.icon.close{margin-left:calc(100% - 25px)}.keycode-canvas-card{height:100px}.keycodes-table{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-contents{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.table-row{height:25px;line-height:25px;border-bottom:1px solid hsla(0,0%,50.2%,.11);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.column-keycode{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:30%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid hsla(0,0%,50.2%,.11);border-width:0 1px}.column-keyname{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-indent:20px;text-align:left;text-overflow:ellipsis}.app-content,.column-keyname{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.app-content,.app-key-details.nothing-registerd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-key-details.nothing-registerd{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-key-details.card{overflow:hidden;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-content-event-details{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.app-footer{height:30px;line-height:30px;color:#fff;background:#000;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#app{text-align:center;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}*{padding:0;margin:0;font-family:Montserrat,"sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;color:#424242;background:#f2f4f8}.card{background:#fff;border-radius:5px;overflow:hidden;margin:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0 14px 26px rgba(156,39,176,.4);box-shadow:0 14px 26px rgba(156,39,176,.4);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none;border:1px solid #9c27b0}.card .card-header{text-align:center;font-size:1.5em;font-weight:600;color:#fff;background:#9c27b0;padding:5px 10px;position:relative;height:25px;line-height:25px}.card .card-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0;font-size:1.5em;min-height:30px}