.tblRange {
    margin: 20px auto
}

    .tblRange td {
        border: 1px solid black;
        text-align: center;
        box-sizing: border-box;
        padding: 2px;
        font-weight: 600
    }

        .tblRange td.noBorder {
            border: none !important;
            background-color: white !important;
            position: -webkit-sticky;
            position: sticky;
            top: 65px;
            z-index: 900
        }

        .tblRange td.sphLegend {
            vertical-align: top;
            width: 40px;
            background-color: dimgray;
            position: relative;
            border-left-color: white;
            border-top-color: dimgray
        }

            .tblRange td.sphLegend span {
                top: 10px;
                left: 0;
                color: white;
                position: -webkit-sticky;
                position: sticky;
                top: 155px
            }

        .tblRange td.cylLegend {
            height: 30px !important;
            max-height: 30px !important;
            overflow: hidden;
            background-color: dimgray;
            color: white;
            font-weight: 700;
            border: 1px solid dimgray;
            border-bottom: 2px solid white;
            position: -webkit-sticky;
            position: sticky;
            top: 65px
        }

            .tblRange td.cylLegend .ddlCylType {
                position: absolute;
                right: 5px;
                top: 5px
            }

        .tblRange td.legendTd {
            background-color: lightgray;
            font-weight: 700;
            position: -webkit-sticky;
            position: sticky;
            top: 102px
        }

            .tblRange td.legendTd.crosshair {
                background-color: black !important;
                color: white !important
            }

        .tblRange td.diameter60 {
            background-color: #fea152
        }

        .tblRange td.diameter65 {
            background-color: orange
        }

        .tblRange td.diameter70 {
            background-color: #ff6a00
        }

        .tblRange td.diameter74 {
            background-color: #ff4600
        }

        .tblRange td.diameter75 {
            background-color: orangered
        }

        .tblRange td.diameter76 {
            background-color: red;
            color: white
        }

        .tblRange td.crosshair {
            background-color: gray;
            color: dimgray
        }

            .tblRange td.crosshair:hover {
                background-color: black;
                color: white
            }