#nipAuthenticateInterface{
    text-align:center;
}

#nipAuthenticateInput {
    background: #eee;
    vertical-align: top;
    border-radius: 5px;
    width: 270px;
    box-sizing: border-box;
    padding: 0px 30px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    color: #333;
    display: inline-block;
    margin-top: 20px;
}

#nipAuthenticateInput.error{color:#990000;font-size:14px;}

.shared_numpad {
    width: 270px;
    display: inline-block;
    margin: 20px;
    text-align: center;
}

.shared_numpad div.num {
    width: 33.33%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    box-sizing:border-box;
}

.shared_numpad div.num>div {
    margin: 5px;
    height: 70px;
    background: #dbdbdb;
    border-radius: 5px;
    cursor: pointer;
}

.shared_numpad div.num>div:hover{-webkit-box-shadow: inset 0px 0px 20px 2px rgba(0,0,0,0.15); 
    box-shadow: inset 0px 0px 20px 2px rgba(0,0,0,0.15);}

.shared_numpad div.num>div:active{background:#ececec;}

.shared_numpad div.num>div>div {
    color: #333;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.shared_numpad div.num>div>div.back{
    padding-top:2px;
}

.shared_numpad div.back>div .frk.icon{
    margin-right:0px;
    width:24px;
    height:24px;
}

.shared_numpad:not(.comma) div.zero {
    width: 66.66%;
}

.shared_numpad:not(.comma) div.comma {display:none;}