.floor-map {
    .table-handle {
        padding: 0px;
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background: white;
        box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
        /* See o-grab-cursor mixin */
        cursor: url(/web/static/img/openhand.cur), grab;
        z-index: 100;
        &:hover {
            transform: scale(1.5);
            transition: 150ms;
        }
    }
}

.floor-grid {
    background-image: linear-gradient(0, rgba($o-gray-400, 0.5) 14%, transparent 14%),
    linear-gradient(90deg, transparent 90%, rgba($o-gray-400, 0.5) 70%);
    background-size: 10px 10px;
}

.floor-picture {
    height: 50px;
    width: 50px;
    .image-uploader {
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        cursor: pointer;
    }
}

.floor-dropdown-fill {
    grid-template-columns: repeat(3, 1fr);
}

.pos-dropdown-menu .dropdown-item.o-dropdown-item {
    padding: 0px;
}

.floor-kanban {
    grid-template-columns: repeat(3, 1fr);

    @include media-breakpoint-up(sm) {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

.floor-screen:where(:has(.table-selector-small)) .floor-kanban {
    padding-bottom: 80px !important;
}