#boardContainer {
    table-layout: fixed;
    font-size: 0.7em;
    font-family: Calibri;
    color: black;
}

    #boardContainer table {
        border-collapse: collapse;
        padding: 0;
        margin: 0;
        table-layout: fixed;
        margin-right: -4px;
    }

#fixedAll th, #fixedCols th, #fixedRows td {
    border: 1px solid black;
}

#boardContainer th {
    text-align: center;
}


#fixedAll, #fixedCols {
    background-color: #c0c0c0;
}

#fixedRows {
    font-weight: bold;
}

#boardContainer td, #boardContainer th {
    padding: 0;
}


#boardContainer #fixedData td {
    border: 1px solid gray;
    text-align: center;
}


#boardContainer #fixedAll tr:nth-child(2) th:nth-child(1) {
    width: 58px;
}

#boardContainer #fixedAll tr:nth-child(2) th:nth-child(2) {
    width: 64px;
}

#boardContainer #fixedAll tr:nth-child(2) th:nth-child(3) {
    width: 214px;
}

#boardContainer #fixedAll tr:nth-child(2) th:nth-child(4) {
    width: 355px;
}

#boardContainer #fixedAll tr:nth-child(2) th:nth-child(5) {
    width: 47px;
}



#boardContainer .zoneLetter {
    width: 16px;
}

#boardContainer .zoneNumber {
    width: 27px;
}

#boardContainer .zoneSufffix {
    width: 16px;
}

#boardContainer .contractNo {
    width: 65px;
}

#boardContainer .companyName {
    width: 215px;
}

#boardContainer .site {
    width: 279px;
}

#boardContainer .visits {
    width: 48px;
}

#boardContainer #fixedCols tr:nth-child(2) th {
    width: 2em;
}



#boardContainer #cnc {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#fixedRows td {
    box-sizing: border-box;
    padding: 2px 2px 2px 2px;
}

#fixedData td {
    padding: 2px 0px 2px 0px;
}


#boardContainer #sc {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boards-4-and-less-visits {
    background-color: #92d050;
}

.boards-12-and-more-visits {
    background-color: #f2dcdb;
}

.boards-8-visits {
    background-color: #ffffff;
}


#boardContainer .overdue {
    background-color: red;
}

#boardContainer .late {
    background-color: #ff7e00;
}
#boardContainer div {
    box-sizing: content-box !important;
}