/*!
    *
    * Wijmo Library 5.20251.40
    * https://developer.mescius.com/wijmo
    *
    * Copyright(c) MESCIUS inc. All rights reserved.
    *
    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
    * us.sales@mescius.com
    * https://developer.mescius.com/wijmo/licensing
    *
    */

// wijmo.grid.grouppanel
.wj-grouppanel {
    display: block;
    background: $wj-cell-grp-bkg;
    padding: 15px;
    min-height: 1em; // workaround for IE11 bug (reported by OutSystems)
    .wj-groupplaceholder {
        color: $wj-tooltip-txt;
    }
    .wj-groupmarker {
        margin-right: 10px;
        padding: 6px 16px;
        border: $wj-cell-bdr;
        cursor: pointer;

        &:hover {
            background: $wj-hdr-hvr;
        }
        &:focus  {
            outline: 1px dotted $wj-hdr-txt;
            outline-offset: -1px;
            @media (forced-colors: active) {
                outline: 2px dotted $wj-hdr-txt;
                outline-offset: -2px;
            }
        }
        .wj-glyph-drag {
            margin: 0 10px 0 0;
        }

        .wj-filter {
            margin: 0 0 0 10px;
            cursor: pointer;
            opacity: .5;

            &:hover, &.wj-filter-on {
                opacity: 1;
            }
        }

        .wj-remove {
            cursor: pointer;
            opacity: .8;
            padding: 12px 0 12px 12px;

            &:hover {
                opacity: 1;
            }
        }

        span {
            opacity: .5;

            &:hover {
                opacity: 1;
            }
        }
    }

    &.wj-rtl {
        .wj-groupmarker {
            .wj-glyph-drag {
                margin: 0 0 0 10px;
            }

            .wj-filter {
                margin: 0 10px 0 0;
            }

            .wj-remove {
                padding: 12px 12px 12px 0;
            }
        }
    }
    &:focus-visible{
        outline: 2px dotted $wj-txt;
        outline-offset: -2px;
    }
}
@media (forced-colors: active) {
    .wj-grouppanel {
        border: 1px solid WindowText;
    }
}