#keypad-container {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 9999;
}
#keypad-items-container {
    position: fixed;
    bottom: 0;
    font-size: 0;
    height: 0;
    background: #b1b1b1;
    transition: height 0.5s;
    padding:0;
    overflow: hidden;
    left:0;
}
#keypad-container.opened {
    right: 0;
    top:0;
}
#keypad-container.opened #keypad-items-container {
    padding: 20px;
    height: 238px;
}
.keypad-item-container {
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 3px 5px;
}
.key-pad-item {
    font-size: 25px;
    color: #fff;
    background: #121212;
    border-radius: 3px;
    padding: 3px;
}
.key-pad-item.active {
    background: #f39406;
}