/*!
 * 
 *   simple-keyboard v3.8.25
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{
    background-color:#ececec;
    border-radius:5px;
    box-sizing:border-box;
    font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    overflow:hidden;
    padding:5px;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:100%}
.hg-theme-default .hg-button span,
.hg-theme-default .hg-button span svg{
    pointer-events:none}
.hg-theme-default button.hg-button{
    border-width:0;font-size:inherit;
    outline:0}
.hg-theme-default .hg-button{
    display:inline-block;flex-grow:1}
.hg-theme-default .hg-row{
    display:flex}
.hg-theme-default .hg-row:not(:last-child){
    margin-bottom:5px}
.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child){
    margin-right:5px}
.hg-theme-default .hg-row>div:last-child{
    margin-right:0}
.hg-theme-default .hg-row .hg-button-container{
    display:flex}
.hg-theme-default .hg-button{
    align-items:center;
    background:#fff;
    border-bottom:1px solid #b5b5b5;
    border-radius:5px;
    box-shadow:0 0 3px -1px rgba(0,0,0,.3);
    box-sizing:border-box;
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    padding:5px;
    -webkit-tap-highlight-color:rgba(0,0,0,0)}
.hg-theme-default .hg-button.hg-standardBtn{
    width:20px}
.hg-theme-default .hg-button.hg-activeButton{
    background:#efefef}
.hg-theme-default.hg-layout-numeric .hg-button{
    align-items:center;
    display:flex;
    height:60px;
    justify-content:center;
    width:33.3%}
.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter{
    height:85px}
.hg-theme-default .hg-button.hg-button-numpad0{
    width:105px}
.hg-theme-default .hg-button.hg-button-com{
    max-width:85px}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{
    max-width:45px}
.hg-theme-default .hg-button.hg-selectedButton{
    background:rgba(5,25,70,.53);
    color:#fff}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{
    max-width:82px}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{
    max-width:60px}
.hg-candidate-box{
    background:#ececec;
    border-bottom:2px solid #b5b5b5;
    border-radius:5px;
    display:inline-flex;
    margin-top:-10px;
    position:absolute;
    transform:translateY(-100%);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none}
ul.hg-candidate-box-list{
    display:flex;
    flex:1;
    list-style:none;
    margin:0;
    padding:0}
li.hg-candidate-box-list-item{
    align-items:center;
    display:flex;
    height:40px;
    justify-content:center;
    width:40px}
li.hg-candidate-box-list-item:hover{
    background:rgba(0,0,0,.03);
    cursor:pointer}
li.hg-candidate-box-list-item:active{
    background:rgba(0,0,0,.1)}
.hg-candidate-box-prev:before{
    content:"◄"}
.hg-candidate-box-next:before{
    content:"►"}
.hg-candidate-box-next,.hg-candidate-box-prev{
    align-items:center;
    color:#969696;
    cursor:pointer;
    display:flex;
    padding:0 10px}
.hg-candidate-box-next{
    border-bottom-right-radius:5px;
    border-top-right-radius:5px}
.hg-candidate-box-prev{
    border-bottom-left-radius:5px;
    border-top-left-radius:5px}
.hg-candidate-box-btn-active{
    color:#444}
/* modyficatiopns*/
.hg-theme-default .hg-button.hg-casto-flip{
    color: #0078d7;
    background-color: #FFD700;
}