div.pagediv {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}

div.headerinfo {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    
    width: 100%;
    justify-content: space-around;
    margin-top: 6px;
    font-size: 20px;
}

div.allsets {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
}

div.tableset {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}

div.tablewrapper {
    margin: 10px;
}

table.discardtab {
    text-align: center;
    font-size: 20px;
    border-collapse: collapse;
    border: 2px solid black;
}

table.discardtab th, table.discardtab td {
    border: 1px solid black;
    padding: 6px;
}

table.discardtab th {
    min-width: 30px;
}

th.corner {
    background-color: darkgray;
}

td.matchingpips {
    background-color: lightgray;
}

.difference1 {
    background-color: pink;
}

.difference2 {
    color: blue;
    background-color: navajowhite;
}

.difference3 {
    color: blue;
    background-color: navajowhite;
}

.difference4 {
    color: white;
    background-color: gold;
}

.difference5 {
    color: white;
    background-color: dodgerblue;
}

.difference6, .difference7, .difference8, .difference9, .difference10 {
    color: white;
    background-color: red;
}

a.discardexample {
    text-decoration: none;
}

td.hoverhilite {
    background-color: lightblue;
}

table.discarddifferences {
    text-align: center;
    font-size: 20px;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 20px;
}

table.discarddifferences th, table.discarddifferences td {
    border: 1px solid black;
    padding: 6px;
}


a.authlink {
    color: darkgreen;
    text-decoration: none;
}