:root {
    --judges-cross-table-bg: #e2e9ff;
    --judges-cross-table-btn-bg: #F1F4FF;
    --judges-cross-table-btn-border: #cccccc;
    --judges-cross-table-col-width: 6em;
}

#judges-cross-table {
    background-color: var(--judges-cross-table-bg);
}

#judges-cross-table > tbody > tr:nth-of-type(even) {
    background-color: var(--judges-cross-table-bg);
}

#judges-cross-table .group-cell {
    width: 5em;
}

#judges-cross-table .group-cell .judge-role {
    width: 3.5em;
    border: 1px solid var(--judges-cross-table-btn-border);
    padding: 2px 1px 2px 3px;
    text-align: center;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove default arrow */
    background-image: none;
    /* Add custom arrow */
}

@media print {
    #judges-cross-table .group-cell {
        width: auto;
        padding: 0 0;
    }

    #judges-cross-table .group-cell .judge-role {
        width: auto;
        padding: 0 0;
    }

    #judges-cross-table .header-button {
        border: 1px solid var(--judges-cross-table-btn-border);
        padding: 0 2px;
        border-radius: 3px;
        line-height: 1em;
        background-color: var(--judges-cross-table-btn-bg);
        cursor: pointer;
    }


    #judges-cross-table .group-cell .judge-num {
        width: 2em;
    }

    #judges-cross-table .group-cell .judge-app-check {
        width: 17px;
    }
}