body {
    font-family: "Arial", sans-serif;
}

.zInputWrapper {
    justify-content:center
    /* gap: 1rem !important; */
    /* display: flex; */
    /* padding: 4px;
margin: 2px;
display:inline-block; */

    /* border-radius:12px; */
}

.zInput {
    margin: 0 2px 0 2px;
    display: inline-block;
    width: 200px;
    height: 50px;
    background-color: white;
    /* margin:4px;
padding: 12px; */
    text-align: center;
    cursor: default;
    color: #000000;
    /* border-bottom: #000000, 3px; */
    border: #828282 1px solid;
    border-radius: 10px;
    font-size: 18px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.zCheckbox {
    color: #000099;
    border: #000099 1px solid;
}

.zSelected {
    color: white;
    background-color: #7966FF;
}

.zSelected.zCheckbox {
    background-color: #000099;

}