/*body {
    font-family: 'Open Sans', sans-serif;
}
*/

.hid {
    /*visibility: hidden !important;*/
    display: none !important;
}

.vis {
    /*visibility: visible !important;*/
    display: block;
}

.floatPalette {
    position: absolute;
    top: 300px;
    left: 400px;
    width: 200px;
    height: 70px;
    min-width: 200px;
    min-height: 70px;
    background-color: #757575;
    z-index: 100000;
    color: white;
    padding: 5px;
    box-sizing: border-box;
    border-radius:5px;
}

.illustration {
    text-align:center;
}

    .illustration img {
        width: 200px;
        height: 200px;
        max-width: 200px;
        max-height: 200px;
    }

.tblRange {
    width: unset !important;
    margin: 0 auto;
    font-weight: bold;
    font-size: 10px;
    border: none !important;
}

.darker {
    filter: brightness(0.75);
}

.tblRange tr {
    /*    max-width:800px;*/
    width: unset !important;
}

.crosshair {
    background-color: #757575 !important;
}

.textTop {
    vertical-align: text-top;
    border-left: none;
}

.tblRange td:first-child {
    max-width: 50px !important;
    border-left: none;
}


.tblRange td {
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
    border: 1px solid #808080;
    margin: 0px;
}

.divTableContainer {
    text-align: center;
}


.lensItem {
    background-color: red !important;
}

    .lensItem:hover {
        background-color: #0000ff !important;
    }

.lensItemEmpty {
    background: none !important;
}

.rowHeader1 {
    text-align: center;
}

    .rowHeader1 td {
        background: none !important;
        font-weight: bold;
    }

.rowHeader2 td {
    background: none;
    /*background-color:dodgerblue !important;*/
    text-align: right;
    border-bottom: 1px solid black;
    font-weight: bold;
}



.colHeader1 {
    background: none !important;
    font-weight: bold;
    text-orientation: mixed;
    writing-mode: vertical-lr;
    text-align: center;
    font-weight: bold;
}

.colHeader2 {
    background: none !important;
    font-weight: bold;
    border-right: 1px solid black;
}

.corner {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
.diameter115 {
    background-color: #a9d0f4;
}

    .diameter115:hover {
        background-color: #0000ff !important;
    }

.diameter250 {
    background-color: #fdc225;
}

    .diameter250:hover {
        background-color: #0000ff !important;
    }

/*.diameter195 {
    background-color: #252525;
}

    .diameter195:hover {
        background-color: #0000ff !important;
    }*/

.diameter65 {
    background-color: #e2df0c;
}

    .diameter65:hover {
        background-color: #0000ff !important;
    }

.diameter70 {
    background-color: #FFA121;
}

    .diameter70:hover {
        background-color: #0000ff !important;
    }

.diameter75 {
    background-color: #fb491a;
}

    .diameter75:hover {
        background-color: #0000ff !important;
    }

.diameter125 {
    background-color: #e2dfaf;
}

    .diameter125:hover {
        background-color: #0000ff !important;
    }


.diameter195 {
    background-color: #3d5261;
    color: white;
}

    .diameter195:hover {
        background-color: #0000ff !important;
    }

.diameter145 {
    background-color: #64297d;
    color: white;
}

    .diameter145:hover {
        background-color: #0000ff !important;
    }

.diameter325 {
    background-color: #846149;
    color: white;
}

    .diameter325:hover {
        background-color: #0000ff !important;
    }

.diameterMix {
    background-color: #5b7c93;
    /*#72beff*/
}

    .diameterMix:hover {
        background-color: #0000ff !important;
    }

.cLensEmpty {
    background-color: white;
}


.tblContainer td {
    border: none;
    border-left: 1px solid;
}

.divSquare {
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
}