.selectable-picture {
    max-width: 60%;
    height: auto;
}

#gridContainer, .grid-container-class {
    position: relative;
    margin-top: 20px;
}

.gridOverlay {
    max-width: 60%;     /* Same as picture max-width */
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    position: absolute;
    top: 0;
}

.gridOverlay > table {
    border-spacing: 0;    /* If changed, also update in js file */
}

.gridOverlay > table > tbody  > tr > td{
    border: 1px solid white;
}

.grid-unselected:hover {
    background-color: rgba(0,0,0,0) !important;
}

.grid-unselected {
    background-color: rgba(255,255,255,0.5);
}

.grid-selected {
    background-color: rgba(41, 246, 78, 0.37);
}

.correctoffset
{
    padding-left: 9px;
}