ag-grid-aurelia {
    .grid-header-bar {
        .btn-view {
            &:hover {
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
                    0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
            }
        }

        .grid-menu {
            li:hover:not(.divider) {
                background-color: inherit !important;
            }
        }
    }

    &.ag-theme-material.datagrid {
        & .ag-header {
            background-color: transparent;
            color: $grid-header-text-color;
            border-color: var(--ag-secondary-border-color);
        }

        & .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:hover,
        & .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing,
        & .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:hover,
        & .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing,
        & .ag-header-group-cell:first-of-type:hover,
        .ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
        & .ag-header-cell:first-of-type:hover,
        .ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing {
            background-color: $grid-color-hover;
        }

        & .ag-header-cell {
            .ag-header-cell-comp-wrapper > label > span {
                &::after {
                    border-color: var(--primary, $primary);
                }
            }
        }

        & .ag-floating-filter-body,
        .ag-floating-filter-full-body {
            > div {
                .input-field {
                    input:focus {
                        border-color: var(--primary, $primary);
                        box-shadow: none;
                    }
                }

                .floating-filter__button {
                    > .ui-btn__inner {
                        box-shadow: none;

                        > .ui-btn:hover {
                            background-color: var(--primary, $primary);
                            color: $white;
                        }
                    }
                }
            }
        }

        & .ag-floating-filter-body,
        .ag-filter-filter {
            input {
                background-color: $white;
            }
        }
    }

    .ag-theme-material {
        & .ag-menu {
            background-color: $grid-header-bg-color;

            .ag-filter {
                input[type="text"],
                .ag-filter input[type="date"] {
                    background-color: $white;
                }
            }
        }
    }
}

.ag-theme-material .ag-ltr .ag-cell {
    border-right-color: var(--ag-secondary-border-color);
    border-left-color: var(--ag-secondary-border-color);
}

.ag-cell-focus {
    border-color: var(--ag-range-selection-border-color);
}

custom-ag-grid {
    .ag-theme-material {
        .ag-menu {
            background-color: $white;
            border-radius: 5px;
        }
    }

    .grid-header-bar {
        .btn-view {
            &:hover {
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
                    0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
            }
        }

        .grid-menu {
            li:hover:not(.divider) {
                background-color: inherit !important;
            }
        }
    }
}
