/* Global UI overrides that must win over component-scoped and third-party theme CSS. */

/* Products grid selected rows should use the legacy slate-blue fill instead of Syncfusion gray. */
#ProductsGrid.e-grid td.e-active,
#ProductsGrid.e-grid td.e-active.e-rowcell,
#ProductsGrid.e-grid .e-selectionbackground,
#ProductsGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#ProductsGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#ProductsGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#ProductsGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#ActivityLogGrid.e-grid td.e-active,
#ActivityLogGrid.e-grid td.e-active.e-rowcell,
#ActivityLogGrid.e-grid .e-selectionbackground,
#ActivityLogGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#ActivityLogGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#ActivityLogGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#ActivityLogGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#FactoryGrid.e-grid td.e-active,
#FactoryGrid.e-grid td.e-active.e-rowcell,
#FactoryGrid.e-grid .e-selectionbackground,
#FactoryGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#FactoryGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#FactoryGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#FactoryGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#PricingGrid.e-grid td.e-active,
#PricingGrid.e-grid td.e-active.e-rowcell,
#PricingGrid.e-grid .e-selectionbackground,
#PricingGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#PricingGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#PricingGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#PricingGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#UsersGrid.e-grid td.e-active,
#UsersGrid.e-grid td.e-active.e-rowcell,
#UsersGrid.e-grid .e-selectionbackground,
#UsersGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#UsersGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#UsersGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#UsersGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#TagTypeGrid.e-grid td.e-active,
#TagTypeGrid.e-grid td.e-active.e-rowcell,
#TagTypeGrid.e-grid .e-selectionbackground,
#TagTypeGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#TagTypeGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#TagTypeGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#TagTypeGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}

#TagGrid.e-grid td.e-active,
#TagGrid.e-grid td.e-active.e-rowcell,
#TagGrid.e-grid .e-selectionbackground,
#TagGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td,
#TagGrid.e-grid .e-gridcontent tr.e-row[aria-selected="true"] > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
    color: inherit !important;
}

#TagGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td,
#TagGrid.e-grid.e-gridhover tr.e-row[aria-selected="true"]:hover > td.e-rowcell {
    background: #d4def0 !important;
    background-color: #d4def0 !important;
}