[data-toggle="qor.inlineEdit"] {
    .qor-field__show {
        min-height: 24px;
        max-width: 95%;

        &.qor-redactor__show {
            background-color: #fff;
            padding: 24px;
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
            max-width: 100%;

            .qor-inlineedit__edit {
                top: 10px;
                right: 10px;
            }
        }

        &:hover {
            position: relative;
        }
    }

    .qor-fieldset {
        .qor-field.qor-inlineedit__field {
            background-color: #f5f5f5;
            box-shadow: none;
        }
    }

    .qor-section-columns-2 {
        .qor-field.qor-inlineedit__field:nth-child(odd) {
            margin-right: 24px;
            width: calc(50% - 24px);
            padding-right: 8px;
        }
    }

    .qor-section-columns-3 {
        .qor-field.qor-inlineedit__field {
            margin-right: 12px;
            width: calc(33.33% - 12px);
            padding-right: 8px;

            &:nth-child(3n) {
                margin-right: 0;
                width: 33.33%;
            }
        }
    }

    .qor-inlineedit__field.qor-field {
        background-color: #fff;
        position: relative;
        margin-top: 8px;
        padding: 16px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        margin-bottom: 16px;

        .redactor-box {
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, .1);

            .redactor-toolbar {
                background-color: rgba(0, 0, 0, .02);
            }
        }

        .qor-field__show {
            display: none !important;
        }

        .qor-field__edit {
            display: block !important;
        }

        .mdl-textfield {
            padding: 30px 0 20px;
        }
    }

    .qor-inlineedit__edit {
        width: 24px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        position: absolute;
        bottom: auto !important;
        margin-left: 16px;

        i {
            font-size: 16px;
            font-style: normal;
        }
    }

    .qor-inlineedit__buttons {
        margin-top: -10px;
        text-align: right;
    }

    .qor-field__selectmany-show {
        > span {
            display: inline-block;
            display: inline-block;
            padding: 4px 8px;
            margin: 0 6px 6px 0;
            font-size: 12px;
            line-height: 1;
            vertical-align: top;
            background-color: #f8f9fa;
            border: 1px solid #e0e1e2;
            border-radius: 2px;
        }
    }

    [data-toggle="qor.variations"] {
        .qor-product__filter,
        .qor-product__property {
            display: none;
        }

        table {
            td:first-child,
            th:first-child {
                display: none;
            }

            .qor-product__action {
                display: none;
            }
        }
    }

    [data-toggle="qor.mediabox"] {
        .qor-cropper__toggle,
        [data-mediabox-url] {
            display: none;
        }

        .qor-field__edit {
            display: block;
        }
    }
}
