dialog::backdrop {
    background-color: #113311;
    opacity: 0.5;
}

            body {
                font-family: Arial;
                color: white;
                background-color: #0c0a35;
                background-image: URL('infoback.webp');
                background-position: 0px 0px;
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-size: cover;
            }

            td[data-value]:not([data-value="0"]) {
                background-color: #551111;
            }
            table.dbview td:not(:first-child) {
                text-align: right;
            }
            table.dbview {
                border:1px solid #555555;
                margin: auto;
            }
            table.dbview th {
                background-color: #555555;
            }
.score-circle {
                    stroke: #4d1a27aa;
                    transition: stroke-dashoffset 1s ease-out;
                }

                .score-empty {
                    stroke: #ddd;
                }

                .score-text {
                    fill: rgb(148, 161, 217);
                    font: bold 4rem "Poppins", Helvetica, Arial, sans-serif;
                }


                .spanlink {
                    text-decoration: underline;
                    color: blue;
                }
                .spanlink:hover {
                    color: darkred;
                    cursor: pointer;
                }
                #logdialog {
                    position: fixed;
                    width: 90%;
                    height: 90%;
                    padding: 0px;
                }
                .extbut {
                    display:inline-flex;
                    border: 1px solid gray;
                    padding: 5px;
                    margin: 2px;
                    font-size: small;
                    width: 100px;

                }
                .extcheck {
                    background-color: lightgreen;
                }
                .extmissing {
                    background-color: red;
                }

                .gocodedigit, .gocodedigit:focus {
    border: none;
    outline: none;
    z-index: 2;
    height: 50px;
    color: #000;
    text-align: left;
    letter-spacing: 35.5px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px #000;
    margin-bottom: 0;
    padding: 0 0 0 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 23px;
    font-weight: 400;
    top: 0;
    left: 0;
    width: 350px;
    margin-left: 50px;
    background-position: -5px;
    background-image: url(digitholders.webp);
    background-repeat: no-repeat;
}
.envi, .envi2 {
    background-color: #0c0a35AA;
    margin-bottom: 20px;
    padding: 10px;
}
.envi:nth-child(odd) {
  background-color: #10200caa;
}

.envi:nth-child(even) {
  background-color: #1a4d4aaa;
}
.envi2:nth-child(odd) {
  background-color: #200c0faa;
}

.envi2:nth-child(even) {
  background-color: #4d1a27aa;
}
.infoflex {
    display: inline-grid;
    padding-right: 20px;
}