﻿.rpm-grid {
    overflow-x: auto;
    position: relative;
    overflow-y: auto;
    flex: 1;
}

    .rpm-grid .mud-table-container {
        width: max-content;
        overflow: clip;
    }

        .rpm-grid .mud-table-container .mud-table-head {
            background: var(--mud-palette-surface);
            z-index: 2;
        }

    .rpm-grid .mud-table-cell.sticky-left {
        left: 0px;
        position: sticky;
        background-color: var(--mud-palette-background-gray);
        z-index: 1;
    }

        .rpm-grid .mud-table-cell.sticky-left .mud-input-label-outlined {
            background-color: var(--mud-palette-background-gray) !important;
        }

    .rpm-grid .mud-table-cell.sticky-right {
        right: 0px;
        position: sticky;
        background-color: var(--mud-palette-background-gray);
        z-index: 1;
    }

        .rpm-grid .mud-table-cell.sticky-right .mud-input-label-outlined {
            background-color: var(--mud-palette-background-gray) !important;
        }

    .rpm-grid .mud-table-cell {
        padding: 8px;
    }

        .rpm-grid .mud-table-cell > .mud-menu, .rpm-grid .mud-table-cell > .mud-menu > .mud-menu-activator {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            display: block;
            cursor: default;
        }

    .rpm-grid .rpm-grid-cell .mud-input.mud-typography-input {
        font-size: var(--mud-typography-body2-size);
    }

    .rpm-grid .rpm-grid-cell.cell-shrink-content {
        max-width: 0px;
    }

    .rpm-grid .drag-rows-container .mud-ripple:after {
        transform: none !important;
        display: none !important;
    }

    .rpm-grid .drag-rows-container td {
        max-width: none;
    }

    .rpm-grid .mud-table-root .mud-table-body .mud-table-cell, .rpm-grid .mud-table-root .mud-table-head .mud-table-cell {
        font-weight: var(--mud-typography-body1-weight);
    }

.column-selector .mud-input-control {
    margin-top: 0px;
}

.column-selector .mud-input {
    padding: 8px;
}

.column-selector > .mud-list {
    padding: 0px !important;
}

.rpmgrid-thin-reorder-container .mud-dropitem-placeholder {
    padding: 8px !important;
    transform: translateY(-50%);
}
