.input-numeric-container {
    background: #fff;
    margin: 1.5rem auto;
    max-width: 350px;
}

.input-numeric {
    width: 100%;
    padding: 0.4em 0.6em;
    margin-bottom: 0;
    box-sizing: border-box;
    border: 1px solid silver;
    outline-color: #4CAF50;
    border-radius: 0.3em;
    font-size:20px;
    font-family: 'Open Sans', arial, sans-serif;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.table-numeric {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.2rem;
}

.table-numeric td {
    vertical-align: top;
    text-align: center;
    width: 33.33333333333%;
    border: 0;
    padding: 0.2rem;
}
.table-numeric td:first-child{
    padding-left:0!important;
}
.table-numeric td:last-child {
    padding-right:0!important;
}

.table-numeric button {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6em 0.3em;
    font-size: 1em;
    border-radius: 0.3em;
    outline: none;
    user-select: none;
    font-family: 'Open Sans', arial, sans-serif;
}

.table-numeric button:active {
    top: 2px;
}

.key {
    color:#757575;
    /* -webkit-text-stroke: 1px #fff; */
    border: 1px solid #d8d6d6;
    background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(top,  #ffffff,  #efefef);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
}

.key-del {
    border: 1px solid #ca7800;
    color: #fff;
    background: #FF9800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffad33), to(#FF9800));
	background: -moz-linear-gradient(top,  #ffad33,  #FF9800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad33', endColorstr='#FF9800');
}

.key-clear {
    border: 1px solid #c70a4b;
    color: #fff;
    background: #E91E63;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6599), to(#E91E63));
	background: -moz-linear-gradient(top,  #ff6599,  #E91E63);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6599', endColorstr='#E91E63');
}
.key-clear, .key-del{
    padding: 0.3rem !important;
}

button[disabled] {
    opacity: 0.5;
    cursor: no-drop;
}

[data-numeric="hidden"] .table-numeric {
    display: none;
}