.keyboard-down-panel,.keyboard-holder{z-index:1000;position:fixed;left:0;bottom:0}.keyboard-big-button,.keyboard-normal-button{display:inline-block;cursor:pointer;font-size:40px;text-align:center;margin-bottom:20px;border-radius:4px;box-shadow:0 5px 15px 0 rgba(130,137,153,.3);transition:background-color .1s ease-in-out}.keyboard-down-panel{width:100%;background-color:#f5f6fa;box-shadow:0 5px 15px 0 rgba(130,137,153,.3);padding:20px;height:260px}.keyboard-right-panel{width:540px;z-index:1000;position:fixed;background-color:#f5f6fa;box-shadow:0 5px 15px 0 rgba(130,137,153,.3);padding:100px 80px 0 100px;height:100%;right:0;top:0}.keyboard-normal-button{width:80px;height:60px;line-height:60px;margin-right:20px;background-color:#fff}.keyboard-normal-button:last-child{margin-right:0}.keyboard-normal-button.active{background-color:#828999;color:#fff}.keyboard-big-button{width:100px;height:100px;line-height:100px;margin-right:20px;background-color:#fff}.keyboard-big-button.active{background-color:#828999;color:#fff}.taped{background-color:#787878}.keyboard-confirm-button{padding:0;margin-top:48px;height:80px;width:calc(100% - 20px);line-height:80px;font-size:30px}.keyboard-big-button.big{width:220px}.keyboard-holder{width:100%;background-color:#f5f6fa;box-shadow:0 2px 8px 0 rgba(130,137,153,.3);padding:10px;height:220px}.keyboard-num-panel{margin:0 auto;width:280px;height:100%}.keyboard-holder .keyboard-button,.keyboard-txt-button{width:60px;margin-right:10px;display:inline-block;border-radius:4px;box-shadow:0 2px 8px 0 rgba(130,137,153,.3);transition:background-color .1s ease-in-out;cursor:pointer;text-align:center}.keyboard-num-panel>div{height:calc(33% - 6px);margin-bottom:10px}.keyboard-num-panel>div:last-child{margin-bottom:0}.keyboard-holder .keyboard-button{position:relative;font-weight:600;line-height:60px;height:100%;font-size:50px;background-color:#fff}.keyboard-holder .keyboard-button.active{background-color:#828999;color:#fff}.keyboard-holder .keyboard-button.zero{height:calc(66% - 15px);line-height:130px;position:absolute}.keyboard-holder .keyboard-button.erase{background-image:url(../assets/icons/gray/gray-erase.png);background-size:40px;background-position:11px;color:transparent;background-repeat:no-repeat}.keyboard-txt-panel{text-align:center}.keyboard-txt-button{height:60px;font-size:40px;line-height:60px;margin-bottom:10px;background-color:#fff}.keyboard-txt-button:last-child{margin-right:0}.keyboard-txt-button.active{background-color:#828999;color:#fff}.keyboard-txt-button.erase{background-image:url(../assets/icons/gray/gray-erase.png);background-size:32px;background-position:14px;color:transparent;background-repeat:no-repeat}.keyboard-date-panel{text-align:center}.roll-picker{height:200px;position:relative;padding-top:40px;padding-bottom:40px;display:inline-block;min-width:120px;top:0}.roll-picker .button-down,.roll-picker .button-up{content:" ";position:absolute;background-color:#fff;height:40px;width:120px;border-radius:4px;box-shadow:0 2px 8px 0 rgba(130,137,153,.3);background-position:48px;background-repeat:no-repeat;transition:background-color .1s ease-in-out}.roll-picker.dayPicker .dayPicker-body,.roll-picker.yearPicker .yearPicker-body{height:120px;overflow-y:hidden}.roll-picker .button-down:hover,.roll-picker .button-up:hover{cursor:pointer;box-shadow:0 2px 8px 0 rgba(130,137,153,.7)}.roll-picker .button-down.active,.roll-picker .button-up.active{background-color:#828999;color:#fff}.roll-picker .button-up{top:0;background-image:url(../../../assets/icons/gray/gray_arrowtop.png)}.roll-picker .button-down{bottom:0;background-image:url(../../../assets/icons/gray/gray_arrowbottom.png)}.roll-picker.monthPicker .monthPicker-body{height:120px;width:400px;overflow-y:hidden}.roll-picker .item{height:40px;width:120px;opacity:.5;font-size:22px;line-height:40px;text-align:center;color:#3c465a}.roll-picker.monthPicker .button-down,.roll-picker.monthPicker .button-up{width:320px;margin-left:40px;margin-right:40px;background-position:148px}.roll-picker.monthPicker .item{width:320px;margin-left:40px}.roll-picker .item.selected{opacity:1;font-size:28px;background-color:#fff}@media (max-width:1300px){.keyboard-holder{height:300px}.keyboard-num-panel{width:360px}.keyboard-holder .keyboard-button.zero{line-height:170px}.keyboard-holder .keyboard-button{width:80px;font-size:50px;line-height:80px}.keyboard-holder .keyboard-button.erase{background-size:42px}.keyboard-txt-button{height:86px;line-height:86px}.roll-picker{margin-top:38px}}