body {
    font-family: sans-serif;
}
hr {
    border: none;
    border-top: 1px dashed #666;
}
.r_ignR td.tc_id,
.r_ignR td.tc_nm {
    text-decoration: line-through;
    color: #666;
    font-style: italic;
}

.r_ignR td.tc_sg {
    color: #CCC;
}

thead th {
    font-weight: normal;
    background-color: whitesmoke;
    padding: 3px;
    color: #444;
}

tr:not(.r_ignR) td {
    background-color: #FFF9F6;
}

tr.r_ignR {
    opacity: .75;
}

.s85 {
    font-size: .85em;
}
.s75 {
    font-size: .75em;
}

.m0 {
    margin: 0;
}

.a75 {
    opacity: .75;
}



.sheetsWrapper {
    column-count: 4;
    max-width: 80em;
    counter-reset: css-counter 0;
}

.oneSheet {
    break-inside: avoid;
    background-color: #fafafa73;
    margin-bottom: 1ex;
    padding: .6em;
    border: 1px dashed #BBB;
    border-radius: 4px;
    break-inside: avoid;
}
.sheetName {counter-increment: css-counter 1;}
/* .sheetName:before { content: counter(css-counter) ". "; background-color: #BBB;} */
.sheetName:before { content: counter(css-counter); background-color: #334; color: white; text-align: center; border-radius: 1em; width: 1em; height: 1em; display: inline-block; margin-right: .5ex; text-shadow: 1px 1px 1px rgba(0,0,0,.2);  }

.oneSheet.ignSheet {
    opacity: .66;
    border: 1px dashed #CCC;
}

#nav {
    border: 1px dashed #CCC;
    display: inline-block;
    padding: 1ex;
    border-radius: 4px;
    background-color: whitesmoke;
}

#nav a {
    padding: 5px 0;
}
span.lwr {display: inline-block; margin-right: .5ex;}
a.nvupdate {opacity: 0;}

span.lwr:hover a.nvupdate {opacity: 1;}