.#{$prefix}gridviewoptions {
    background-color: $background-color;
    border-color: $sheet-border-color;
}

.#{$prefix}column-options-sortablehandle,
.#{$prefix}column-options-visibleindicator,
.#{$prefix}column-options-groupindicator,
.#{$prefix}column-options-folder,
.#{$prefix}column-options-leaf {
    @include icon(
        $size: $gridviewoptions-icon-size,
        $size-big: $gridviewoptions-icon-size-big,
        $font-size: $gridviewoptions-icon-font-size,
        $font-size-big: $gridviewoptions-icon-font-size-big
    );
}

.#{$prefix}column-options-sortablehandle {
    @include icon($gridviewoptions-sortablehandle-icon);

    &.#{$prefix}icon-el {
        color: $neutral-dark-color;
    }
}

.#{$prefix}column-options-visibleindicator {
    @include icon($gridviewoptions-visibleindicator-icon);

    &.#{$prefix}icon-el {
        color: $base-color;
    }
}

.#{$prefix}column-options-groupindicator {
    @include icon($gridviewoptions-groupindicator-icon);
    &.#{$prefix}icon-el {
        color: $neutral-dark-color;
    }
}

.#{$prefix}column-options-folder,
.#{$prefix}column-options-leaf {
    &.#{$prefix}icon-el {
        color: #91E698;
    }
}

.#{$prefix}column-options-folder {
    @include icon($gridviewoptions-folder-icon);
}
.#{$prefix}column-options-leaf {
    @include icon($gridviewoptions-leaf-icon);
}

.#{$prefix}column-options-hidden {
    .#{$prefix}column-options-visibleindicator,
    .#{$prefix}column-options-text,
    .#{$prefix}column-options-folder,
    .#{$prefix}column-options-leaf {
        &.#{$prefix}icon-el {
            color: $neutral-dark-color;
        }
    }
}

.#{$prefix}column-options-grouped .#{$prefix}column-options-groupindicator {
    &.#{$prefix}icon-el {
        color: $base-color;
    }
}