.but {
    font-size: 20px;
    font-family: Arial, serif;
    padding: 4px 6px;
    display: inline-block;
    background-color: #328904;
    border:1px solid black;
    color: white;
    font-weight: bold;
    margin: 4px;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.butx {
 appearance: none;
 background-color: #2ea44f;
 border: 1px solid rgba(27, 31, 35, .15);
 border-radius: 6px;
 box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
 font-size: 14px;
 font-weight: 600;
 line-height: 20px;
 padding: 2px 8px;
 position: relative;
 text-align: center;
 text-decoration: none;
 user-select: none;
 -webkit-user-select: none;
 touch-action: manipulation;
 vertical-align: middle;
 white-space: nowrap;
    margin: 2px;
}

.butx:focus:not(:focus-visible):not(.focus-visible) {
    box-shadow: none;
    outline: none;
}

.butx:hover {
    background-color: #2c974b;
}

.butx:focus {
    box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
    outline: none;
}

.butx:disabled {
    background-color: #94d3a2;
    border-color: rgba(27, 31, 35, .1);
    color: rgba(255, 255, 255, .8);
    cursor: default;
}

.butx:active {
    background-color: #298e46;
    box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}
.menuBut {
    font-size: 14px;
    font-family: Arial, serif;
    padding: 4px 6px;
}
.menuBut:hover {
    background-color: lightgray;
}
.mode {
    font-size: 20px;
    font-family: Arial, serif;
    padding: 8px 16px;
    display: inline-block;
    background-color: #6f716e;
    border:1px solid black;
    color: white;
    font-weight: bold;
    margin: -2px;
    border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modeSelect {
    color: black;
    background-color: antiquewhite;
}
.option {
    background-color: #71706e;
}
.optionOn {
    background-color: #7ce82e;
}
.menuHeader {
    display: inline-block;
    background-color: #eaeaea;
    padding: 4px;
    margin: 0 4px;
    border: 1px solid lightgray;
}
.contextMenu {
     position: fixed;
     top: 100px;
     left: 100px;
     background-color: #eaeaea;
     visibility: hidden;
     z-index: 100;
     padding: 4px;
     border-radius: 3px;
     box-shadow: 2px 2px 7px grey;
     border: 1px solid lightgray;
 }
.menuSeparator {
    background-color: darkgray;
    height: 1px;
    margin: 5px;
}