.keyboard-blackout-background{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(25,25,25,.9)}.keyboard-wrapper{font-family:Verdana,sans-serif;font-size:18px;line-height:18px;position:fixed;z-index:9999;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);min-width:1004px;max-width:1100px;color:#555}.keyboard-wrapper .keyboard-action-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.keyboard-wrapper .keyboard-action-button{font-family:inherit;font-size:inherit;display:inline;width:15%;height:40px;margin:0 5px;padding:0;cursor:pointer;color:#fff;border:none;-webkit-border-radius:4px;border-radius:4px;outline:0}.keyboard-wrapper .keyboard-cancel-button{background-color:#e74c3c}.keyboard-wrapper .keyboard-accept-button{background-color:#2ecc71}.keyboard-wrapper .keyboard-input-field{font-family:inherit;font-size:inherit;line-height:inherit;width:60%;height:35px;padding-right:10px;padding-left:10px;color:inherit;border:solid 1px #555;-webkit-border-radius:4px;border-radius:4px;outline:0}.keyboard-row{font-family:inherit;font-size:inherit;line-height:inherit;width:100%;height:50px;margin:20px 0}.keyboard-key{font-family:inherit;font-size:inherit;line-height:inherit;display:inline;height:100%;margin:0 5px;padding:0;cursor:pointer;vertical-align:middle;color:inherit;border:none;-webkit-border-radius:4px;border-radius:4px;outline:0;background-color:#e0e0e0}.keyboard-key:focus{outline:0}.caps-lock-key{position:relative}.caps-lock-key:before{position:absolute;top:10px;right:10px;width:7px;height:7px;content:'';-webkit-transition:background-color 50ms ease-in-out;-o-transition:background-color 50ms ease-in-out;transition:background-color 50ms ease-in-out;border:solid 1px #bdbdbd;-webkit-border-radius:50%;border-radius:50%;background-color:transparent}.caps-lock-key-active:before{background-color:#3498db}