.nmpd-wrapper {
    display: none;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed!important;
    z-index: 4998;
    background: rgba(51, 51, 51, 0.18);
}

.nmpd-target {
    cursor: pointer;
}

.nmpd-grid {
    /*position: absolute;
    left: 50px;
    top: 50px;*/
    z-index: 5000;
    -khtml-user-select: none;
    /* border-radius: 10px; */
    /* padding: 10px; */
    /* width: initial; */
}

.nmpd-overlay {
    z-index: 4996;
    background: rgba(51, 51, 51, 0.18);
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
}

input.nmpd-display {
    text-align: right;
    width: 100%;
    padding: 5px;
    border: 1px solid #ea650d;
    font-family: "Calibri-Bold";
    font-size: 24px;
}

.nmpd-container {
    padding: 20px;
    border: 1px solid #333;
    width: 385px;
    background: white;
    box-shadow: 0px 0px 11px #333;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 200px;
    
    z-index: 4999;
}

.nmpad-table td {
    border: 0;
}

button.numero {
    background: #ea650d;
}

table.nmpad-table {
    width: 350px;
}

button.del {
    background: #DDDDDD;
}

button.clear {
    background: #DDDDDD;
}

button.cancel {
    background: red;
}

button.numero:hover {
    background: white;
    border: 1px solid #ea650d;
    color: #ea650d;
}

button.done ,div.don{
    background: green;
}

.nmpad-table button, .nmpad-table div {
    width: 80px;
    height: 80px;
    border: 1px solid;
    color: white;
    font-family: "Calibri-Bold";
    font-size: 24px;
    border-radius: 10px;
}

button.neg,div.neg {
    visibility: hidden;
}

button.sep,div.sep  {
    background: #ea650d;
}
span.nmpd-heading {
    font-family: 'Calibri-Bold';
    font-size: 24px;
    color: #EA650D;
}