@selected-grid-item-border-color: rgba(42, 122, 176, 0.4);
@selected-grid-item-background-color: rgba(42, 122, 176, 0.05);
@selected-grid-item-hover-background-color: rgba(42, 122, 176, 0.15);

.bulk-action-sticky {
    position: sticky;
    z-index: @z-index-data-grid-float-header;
}

.bulk-action__action-bar-container {
    top: 0;
}

//div table have ~1px width difference due to border implementation
.bulk-action__action-bar-container--width-fix {
    width: ~'calc(100% - 1px)';
}

.bulk-action__header-container td,
.bulk-action__header-container th,
.bulk-action__header-container div.data-grid__cell{
    position: sticky;
    top: 32px;
}

.bulk-action__header-quick-menu-header {
    z-index: @z-index-data-grid-float-header;
}

//Fixes issue with position sticky not being on top from some grid elements
.bulk-action__header-z-index {
    z-index: 1;
}

.bulk-action__grid-row--active:hover {
    td.data-grid__cell {
        background-color: @theme-grey14;
    }
}

.bulk-action__grid-row-selected {
    tr.data-grid__expandable-main-row td.data-grid__cell {
        border-top: 1px solid @selected-grid-item-border-color;
        border-bottom: 1px solid @selected-grid-item-border-color;
    }

    td.data-grid__cell {
        background-color: @selected-grid-item-background-color;
    }
    &:hover td.data-grid__cell {
        background-color: @selected-grid-item-hover-background-color;
    }

    tr.data-grid__expandable-spacer-row td.data-grid__cell {
        border-top: 1px solid @selected-grid-item-border-color;
        background-color: #FFFFFF;
    }
}

.bulk-action__grid-row-selected.bulk-action__grid-row-selected--expanded {
    tr.data-grid__expandable-main-row td.data-grid__cell {
        border-bottom: 1px solid @theme-grey10;
    }
}

//Turn off sticky for ie10+
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bulk-action__header-container td,
    .bulk-action__header-container th,
    .bulk-action__header-container div.data-grid__cell {
        position: relative;
        top: 0;
    }
}
