.grid-context-menu-selected {
    background-color: #d5d8db;
}

.grid-context-menu-ico {
    width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: gray;
}

.grid-context-menu-no-ico {
    width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat;
    background-color: transparent;
}


.grid-context-menu-item-full-expand {
    mask-image: url(css/GridContextMenu/icons/full-expand.svg);
    -webkit-mask-image: url(icons/full-expand.svg);
}

.grid-context-menu-item-full-collapse {
    mask-image: url(icons/full-collapse.svg);
    -webkit-mask-image: url(icons/full-collapse.svg);
}

.grid-context-menu-item-sort-ascending {
    mask-image: url(icons/sort-ascending.svg);
    -webkit-mask-image: url(icons/sort-ascending.svg);
}

.grid-context-menu-item-sort-descending {
    mask-image: url(icons/sort-descending.svg);
    -webkit-mask-image: url(icons/sort-descending.svg);
}

.grid-context-menu-item-group-by-column {
    mask-image: url(icons/group-by-column.svg);
    -webkit-mask-image: url(icons/group-by-column.svg);
}

.grid-context-menu-item-ungroup-column {
    mask-image: url(icons/ungroup-column.svg);
    -webkit-mask-image: url(icons/ungroup-column.svg);
}

.grid-context-menu-item-clear-grouping {
    mask-image: url(icons/clear-grouping.svg);
    -webkit-mask-image: url(icons/clear-grouping.svg);
}

.grid-context-menu-item-show-group-panel {
    mask-image: url(icons/show-group-panel.svg);
    -webkit-mask-image: url(icons/show-group-panel.svg);
}

.grid-context-menu-item-hide-column {
    mask-image: url(icons/hide-column.svg);
    -webkit-mask-image: url(icons/hide-column.svg);
}

.grid-context-menu-item-column-chooser {
    mask-image: url(icons/column-chooser.svg);
    -webkit-mask-image: url(icons/column-chooser.svg);
}

.grid-context-menu-item-fix-column-left {
    mask-image: url(icons/fix-column-left.svg);
    -webkit-mask-image: url(icons/fix-column-left.svg);
}

.grid-context-menu-item-fix-column-right {
    mask-image: url(icons/fix-column-right.svg);
    -webkit-mask-image: url(icons/fix-column-right.svg);
}

.grid-context-menu-item-unfix-column {
    mask-image: url(icons/unfix-column.svg);
    -webkit-mask-image: url(icons/unfix-column.svg);
}

.grid-context-menu-item-clear-filter {
    mask-image: url(icons/clear-filter.svg);
    -webkit-mask-image: url(icons/clear-filter.svg);
}

.grid-context-menu-item-expand-row {
    mask-image: url(icons/expand-row.svg);
    -webkit-mask-image: url(icons/expand-row.svg);
}

.grid-context-menu-item-collapse-row {
    mask-image: url(icons/collapse-row.svg);
    -webkit-mask-image: url(icons/collapse-row.svg);
}

.grid-context-menu-item-expand-detail-row {
    mask-image: url(icons/expand-detail-row.svg);
    -webkit-mask-image: url(icons/expand-detail-row.svg);
}

.grid-context-menu-item-collapse-detail-row {
    mask-image: url(icons/collapse-detail-row.svg);
    -webkit-mask-image: url(icons/collapse-detail-row.svg);
}

.grid-context-menu-item-new-row {
    mask-image: url(icons/new-row.svg);
    -webkit-mask-image: url(icons/new-row.svg);
}

.grid-context-menu-item-edit-row {
    mask-image: url(icons/edit-row.svg);
    -webkit-mask-image: url(icons/edit-row.svg);
}

.grid-context-menu-item-delete-row {
    mask-image: url(icons/delete-row.svg);
    -webkit-mask-image: url(icons/delete-row.svg);
}


.grid-context-menu-item-filter-row,
.grid-context-menu-item-footer {
    background-color: transparent;
}


.grid-context-menu-selected .grid-context-menu-item-filter-row,
.grid-context-menu-selected .grid-context-menu-item-footer {
    background-color: gray;
    mask-image: url(icons/item-checked.svg);
    -webkit-mask-image: url(icons/item-checked.svg);
}



.GridIconPicDelete {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.313 25'%3E%3Cpath id='Icon_metro-bin' data-name='Icon metro-bin' d='M6.061 9.741V25.366a1.567 1.567 0 0 0 1.562 1.563H21.686a1.567 1.567 0 0 0 1.562-1.562V9.741ZM10.749 23.8H9.186V12.866h1.562Zm3.125 0H12.311V12.866h1.562ZM17 23.8H15.436V12.866H17Zm3.125 0H18.561V12.866h1.563Zm3.516-18.75H18.561V3.1a1.175 1.175 0 0 0-1.172-1.172H11.921A1.175 1.175 0 0 0 10.749 3.1V5.053H5.671A1.175 1.175 0 0 0 4.5 6.225V8.178H24.811V6.225a1.175 1.175 0 0 0-1.172-1.172ZM17 5.053H12.311V3.51H17V5.053Z' transform='translate(-4.499 -1.928)' fill='%2301233f'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.313 25'%3E%3Cpath id='Icon_metro-bin' data-name='Icon metro-bin' d='M6.061 9.741V25.366a1.567 1.567 0 0 0 1.562 1.563H21.686a1.567 1.567 0 0 0 1.562-1.562V9.741ZM10.749 23.8H9.186V12.866h1.562Zm3.125 0H12.311V12.866h1.562ZM17 23.8H15.436V12.866H17Zm3.125 0H18.561V12.866h1.563Zm3.516-18.75H18.561V3.1a1.175 1.175 0 0 0-1.172-1.172H11.921A1.175 1.175 0 0 0 10.749 3.1V5.053H5.671A1.175 1.175 0 0 0 4.5 6.225V8.178H24.811V6.225a1.175 1.175 0 0 0-1.172-1.172ZM17 5.053H12.311V3.51H17V5.053Z' transform='translate(-4.499 -1.928)' fill='%2301233f'/%3E%3C/svg%3E") !important;
}


.GridIconPicEdit {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.304 33.304'%3E%3Cg id='Icon_feather-edit' data-name='Icon feather-edit' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_148' data-name='Path 148' d='M16.555 6H6.012A3.012 3.012 0 0 0 3 9.012V30.1a3.012 3.012 0 0 0 3.012 3.012H27.1A3.012 3.012 0 0 0 30.109 30.1V19.555' transform='translate(-3 -2.805)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_149' data-name='Path 149' d='M27.814 3.754a3.195 3.195 0 0 1 4.518 4.518L18.024 22.579 12 24.086l1.506-6.024Z' transform='translate(-2.964 -2.818)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.304 33.304'%3E%3Cg id='Icon_feather-edit' data-name='Icon feather-edit' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_148' data-name='Path 148' d='M16.555 6H6.012A3.012 3.012 0 0 0 3 9.012V30.1a3.012 3.012 0 0 0 3.012 3.012H27.1A3.012 3.012 0 0 0 30.109 30.1V19.555' transform='translate(-3 -2.805)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_149' data-name='Path 149' d='M27.814 3.754a3.195 3.195 0 0 1 4.518 4.518L18.024 22.579 12 24.086l1.506-6.024Z' transform='translate(-2.964 -2.818)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.grid-context-menu-item-export-to-excel {
    mask-image: url(icons/export-to-excel.svg);
    -webkit-mask-image: url(icons/export-to-excel.svg);
}


.grid-context-menu-item-copy-to-clipboad {
    mask-image: url(icons/copy.svg);
    -webkit-mask-image: url(icons/copy.svg);
}