.footable-filtering-search{
	margin-top: 33px!important;
}

@media (max-width: 768px) {
    #footable_parent_2568 tr[style*="background-color"] {
        background-color: #ff8c42 !important;
    }
}

/* Adjusting the sidebar on mobile for ImageMapPro - START */
@media only screen and (max-width: 768px) {

    /* 1. MAIN CONTAINER */
    .imp-object-menu.imp-object-menu-right {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: 120px !important; 
        background: #ffffff !important;
        z-index: 999999 !important;
        overflow: visible !important; 
        
        transition: transform 0.4s ease-out !important;
        transform: translateY(110%) !important;
        border-top: 1px solid #ddd !important;
    }

    /* Transition the menu up */
    .imp-object-menu.imp-active {
        transform: translateY(0) !important;
    }

    /* 2. THE CLOSE BUTTON - Fixed Visibility Logic */
    .imp-object-menu .imp-menu-close-button {
        /* HIDE BY DEFAULT so it doesn't peek up from the bottom */
        display: none !important; 
        
        position: absolute !important;
        top: -55px !important; 
        right: 10px !important;
        left: auto !important;
        bottom: auto !important;
        
        transform: none !important;
        margin: 0 !important;
        
        width: 44px !important; 
        height: 44px !important;
        background: #f8f9fa !important; 
        border: 1px solid #ccc !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
        z-index: 2000000 !important; 
        cursor: pointer !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* ONLY SHOW BUTTON WHEN MENU IS ACTIVE */
    .imp-object-menu.imp-active .imp-menu-close-button {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* The 'X' Icon */
    .imp-object-menu .imp-menu-close-button svg {
        width: 16px !important;
        height: 16px !important;
        fill: #333 !important;
        display: block !important;
    }

    /* 3. LIST CONTAINER */
    .imp-object-list-artboard-container {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        height: 100% !important;
        align-items: center !important;
        padding: 0 20px !important;
        gap: 12px !important;
    }

    /* 4. BUTTONS (B1, B2, M1) */
    .imp-object-list-item {
        flex: 0 0 auto !important;
        min-width: 70px !important;
        background: #f8f9fa !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }
}

@media (max-width: 1024px) {
    .imp-tooltips-container, 
    .imp-tooltip {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    body.imp-tooltip-opened {
        overflow: visible !important;
    }
}
/* Adjusting the sidebar on mobile for ImageMapPro - END */
