﻿/*[data-role="elements"][data-group="module-customization"] {
    padding: 5px;

    &[data-type="icon"] > [data-role="element"] {
        width: calc(~"33.3% - 4px");
        margin: 2px;
        min-height: 90px;

        figure, img {
            @iconSize: 48px;
            width: @iconSize;
            height: @iconSize;
            margin: 0 auto;
        }

        label {
            font-size: 0.75em;
            margin-top: 2px;

            span {
                height: auto;
                min-height: 1.5em;
                max-height: 3em;
                white-space: normal;
            }
        }

        [data-role="iconLight"] {
            border: 0;
            margin-left: 20px;
        }

        &.active {
            label {
                background-color: @buttonBackgroundSelected;
                color: @buttonText;
            }
        }
    }

    &[data-type="vertical"] > [data-role="element"] {
        label span {
            height: 35px;
        }
    }

    & > [data-role="element"] {
        figure {
           // background-repeat: repeat;
            -moz-background-origin: border-box;
            -webkit-background-origin: border-box;
            background-origin: border-box;
        }
    }
}*/
/*.customization-groups-list .select-selected-item {
    border-radius: @borderRadius @borderRadius 0 0;
}*/
/*.customization-group {
    border: 1px solid @panelBorder;
    padding: @spacing 0;
    margin-top: -2px;
    border-radius: 0 0 @borderRadius @borderRadius;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}*/
/*[data-role="contextMenu"][data-group="module-customization"] {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;

    &>img {
        width: 15px;
        height: 6px;
        position: absolute;
        left: 6px;
        top: 1px;
    }

    &>div {
        background: white;
        border: 1px solid @panelBorder;
        margin-top: 6px;
        border-radius: @borderRadius;
    }

    .customization-groups {
        padding: 0;
        margin: 0;
        list-style: none;

        li {
            &:not(:last-child) {
                border-bottom: 1px solid @panelBorder;
            }

            button {
                width: 100%;
                text-align: left;
                border-radius: 0;
                box-shadow: none;
                border: none;
                color: black;
                padding: 8px 15px;

                span {
                    display: inline;
                }
            }
        }
    }
}*/
