.sph-dxdatagrid-actions-popup {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 9999;
    max-width: 200px;
    visibility: hidden;
}

.waterAllocation,
.check-circle-icon,
.envelope-icon,
.edit-icon,
.map-pin-icon,
.red-x-mark-icon,
.valve-card-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.waterAllocation {
    background-image: url('/Assets/images/spherag/icons/water-allocation-action.svg');
}

.check-circle-icon {
    background-image: url('/Assets/images/webUI/shared/data_grid_options/check-circle.svg');
}

.envelope-icon {
    background-image: url('/Assets/images/webUI/shared/data_grid_options/envelope.svg');
}

.edit-icon {
    background-image: url('/Assets/images/webUI/shared/input/edit.svg');
}

.map-pin-icon {
    background-image: url('/Assets/images/webUI/shared/data_grid_options/map-pin.svg');
}

.red-x-mark-icon {
    background-image: url('/Assets/images/webUI/shared/data_grid_options/red-x-mark.svg');
}

.valve-card-icon {
    background-image: url('/Assets/images/spherag/icons/valve-card.svg');
}