.query-editor-dialog {
    width: 1200px;
}

.query-editor-body {
    display: table-row;
    width: 100%;
}

.query-editor-left-pane {
    background-color: #FFFFFF;
    display: table-cell;
    vertical-align: top;
    height: 710px;
    border-right: 1px solid #E2E2F6;
}

    .query-editor-left-pane.disabled {
        opacity: .7;
        pointer-events: none;
    }

    .query-editor-left-pane .pane-title {
        padding-left: 24px;
        padding-top: 24px;
        padding-right: 10px;
        padding-bottom: 36px;
        font-size: 15px;
        color: #6D5D72;
        width: 260px;
    }

    .query-editor-left-pane .preview-options {
        height: 48px;
        text-align: center;
        color: #252424;
        display: table-row;
        margin-left: 24px;
        background-color: #F4F4FC;
    }

        .query-editor-left-pane .preview-options .options-cell {
            font-size: 0px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 260px;
        }

            .query-editor-left-pane .preview-options .options-cell .text-preview {
                font-size: 15px;
                padding-right: 5px;
            }

    .query-editor-left-pane .scrollable {
        overflow-y: auto;
        height: 582px;
        width: 100%;
        word-wrap: break-word;
    }

    .query-editor-left-pane .plus-member {
        cursor: pointer;
        cursor: hand;
        display: block;
        width: 21px;
        text-indent: 21px;
        height: 20px;
    }

        .query-editor-left-pane .plus-member:before {
            margin-left: -21px;
            content: url('../images/icon_add_rest.png');
        }

        .query-editor-left-pane .plus-member:hover:before {
            content: url('../images/icon_add_hover.png');
        }

    .query-editor-left-pane .member {
        display: table;
        padding-left: 24px;
        padding-right: 10px;
        width: 100%;
    }

        .query-editor-left-pane .member.add-seperator {
            margin-top: 36px;
        }

        .query-editor-left-pane .member .sub-title {
            font-size: 25px;
            color: #252424;
            display: table-cell;
            vertical-align: middle;
            padding-bottom: 5px;
        }

        .query-editor-left-pane .member .textline {
            width: 100%;
            display: table-cell;
        }

            .query-editor-left-pane .member .textline .member-text {
                font-size: 14px;
            }

            .query-editor-left-pane .member .textline .filter-value {
                font-size: 14px;
                color: #717070;
            }

        .query-editor-left-pane .member .inline-button {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            width: 21px;
        }

        .query-editor-left-pane .member .remove {
            visibility: hidden;
            /* Short transition delay in order to allow visibility to remain
               long enough to focus on the remove element when tabbing off of the member-text */
            -webkit-transition: visibility 0s linear 0.1ms;
            -moz-transition: visibility 0s linear 0.1ms;
            -o-transition: visibility 0s linear 0.1ms;
            transition: visibility 0s linear 0.1ms;
            cursor: pointer;
            cursor: hand;
            display: inline-block;
            width: 10px;
            text-indent: 10px;
        }

            .query-editor-left-pane .member .remove:focus {
                visibility: visible;
            }

            .query-editor-left-pane .member .remove:before {
                margin-left: -10px;
                content: url('../images/icon_remove.png');
            }

        .query-editor-left-pane .member:hover .remove {
            visibility: visible;
        }

        .query-editor-left-pane .member .member-text:focus + .remove {
            visibility: visible;
        }

        .query-editor-left-pane .member.highlighted {
            background-color: #E2E2F6;
        }

            .query-editor-left-pane .member.highlighted .inline-button {
                color: #252424 !important;
            }

.query-editor-pane-container {
    display: table-cell;
}

        .query-editor-pane-container .right-pane .data-entry-pane {
            vertical-align: top;
            height: 710px;
        }

            .query-editor-pane-container .right-pane .data-entry-pane .right-pane .control-withSpace {
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 14px;
            }

            .query-editor-pane-container .right-pane .data-entry-pane .right-pane .filter-member-list {
                margin-top: 5px;
                margin-bottom: 15px;
                height: 328px;
                overflow: auto;
            }

            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane {
                display: table;
            }

                .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header {
                    background-color: #E2E2F6;
                    text-align: right;
                }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .sub-title {
                        font-size: 25px;
                        color: #252424;
                        text-align: left;
                        float: left;
                        padding-top: 10px;
                        padding-left: 23px;
                    }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .up-down-button {
                        padding: 22px;
                    }

                        .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .up-down-button .chevron-up {
                            float: left;
                            cursor: pointer;
                            cursor: hand;
                            display: block;
                            width: 9px;
                            text-indent: 9px;
                            margin-top: -6px;
                        }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .up-down-button .chevron-up:before {
                                margin-left: -9px;
                                content: url('../images/icon_move_up.png');
                            }

                        .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .up-down-button .chevron-down {
                            float: left;
                            margin-left: 8px;
                            cursor: pointer;
                            cursor: hand;
                            display: block;
                            width: 9px;
                            text-indent: 9px;
                            margin-top: -6px;
                        }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .up-down-button .chevron-down:before {
                                margin-left: -9px;
                                content: url('../images/icon_move_down.png');
                            }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-header .inline-button {
                        text-align: right;
                        float: right;
                        padding-right: 23px;
                    }

                .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content {
                    background-color: #F4F4FC;
                    color: #252424;
                    display: table-row;
                    height: 711px;
                }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .pane-size {
                        height: 711px;
                        width: 300px;
                    }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .header-size {
                        height: 60px;
                        width: 300px;
                    }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane {
                        background-color: #F4F4FC;
                        border-right: 1px solid #E2E2F6;
                        width: 300px;
                        height: 651px;
                    }

                        .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .search-box {
                            margin: 23px;
                            width: 260px;
                        }

                        .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable {
                            overflow-y: auto;
                            height: 578px;
                            word-wrap: break-word;
                            list-style-type: none;
                            padding: 0;
                        }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable .item-with-border {
                                margin-top: 10px;
                            }

                                .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable .item-with-border .checkbox-list {
                                    list-style-type: none;
                                    padding: 0;
                                }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable .item-title {
                                padding-left: 23px;
                                font-size: 15px;
                                color: #252424;
                            }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable .item {
                                padding-left: 23px;
                                font-size: 15px;
                                color: #717070;
                            }

                                .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .left-pane .scrollable .item.highlighted {
                                    background-color: #E2E2F6;
                                    color: #252424 !important;
                                }

                    .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane {
                        height: 651px;
                        width: 300px;
                        border-right: 1px solid #E2E2F6;
                    }

                        .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container {
                            padding: 23px;
                        }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container .search-icon {
                                margin-left: 3px;
                                margin-top: 2px;
                                cursor: pointer;
                                cursor: hand;
                                display: inline-block;
                                width: 14px;
                                text-indent: 14px;
                            }

                                .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container .search-icon:before {
                                    margin-left: -14px;
                                    content: url('../images/icon_search.png');
                                }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container .description {
                                font-size: 15px;
                                color: #252424;
                                height: 100px;
                                overflow-y: auto;
                            }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container .properties {
                                font-size: 18px;
                                color: #252424;
                                margin-top: 15px;
                                margin-bottom: 15px;
                            }

                            .query-editor-pane-container .right-pane .data-entry-pane .sub-pane .pane-content .right-pane .right-pane-container .form-content {
                                font-size: 15px;
                                color: #252424;
                            }

            .query-editor-pane-container .right-pane .data-entry-pane .two-pane {
                width: 600px;
            }

            .query-editor-pane-container .right-pane .data-entry-pane .one-pane {
                width: 300px;
            }

        .query-editor-pane-container .right-pane .preview-pane {
            vertical-align: top;
        }

            .query-editor-pane-container .right-pane .preview-pane.disabled {
                opacity: .85;
                pointer-events: none;
            }

                .query-editor-pane-container .right-pane .preview-pane .center-pane .data-preview-pane {
                    height: 510px;
                    overflow: auto;
                    padding-top: 29px;
                    padding-left: 29px;
                    padding-right: 29px;
                    width: 917px;
                }

                    .query-editor-pane-container .right-pane .preview-pane .center-pane .data-preview-pane .center-container {
                        text-align: center;
                    }

                    .query-editor-pane-container .right-pane .preview-pane .center-pane .data-preview-pane .container-left {
                        text-align: left;
                    }

                    .query-editor-pane-container .right-pane .preview-pane .center-pane .data-preview-pane .center-container .query-container {
                        display: inline-block;
                    }

                .query-editor-pane-container .right-pane .preview-pane .center-pane .query-options-div {
                    height: 85px;
                    overflow-y: auto;
                    margin-left: 45px;
                    margin-top: 26px;
                    margin-bottom: 29px;
                    margin-right: 45px;
                }

                    .query-editor-pane-container .right-pane .preview-pane .center-pane .query-options-div .edit-button {
                        float: right;
                        position: absolute;
                        right: 30px;
                    }

                    .query-editor-pane-container .right-pane .preview-pane .center-pane .query-options-div .title-container {
                        position: relative;
                    }

                        .query-editor-pane-container .right-pane .preview-pane .center-pane .query-options-div .title-container .query-title-text {
                            padding-right: 50px;
                            color: #252424;
                            font-size: 17px;
                        }

                        .query-editor-pane-container .right-pane .preview-pane .center-pane .query-options-div .title-container .query-description-text {
                            color: #252424;
                            font-size: 15px;
                        }

            .query-editor-pane-container .right-pane .preview-pane .top-pane {
                width: 917px;
                background-color: #F4F4FC;
                border-bottom: 1px solid #E2E2F6;
            }

                .query-editor-pane-container .right-pane .preview-pane .top-pane .top-pane-container {
                    display: table-row;
                    height: 60px;
                }

                    .query-editor-pane-container .right-pane .preview-pane .top-pane .top-pane-container .seperator {
                        width: 23px;
                        display: table-cell;
                    }

                    .query-editor-pane-container .right-pane .preview-pane .top-pane .top-pane-container .control-box {
                        display: table-cell;
                        vertical-align: middle;
                    }

                        .query-editor-pane-container .right-pane .preview-pane .top-pane .top-pane-container .control-box.zero-margin {
                            font-size: 0px;
                        }

                        .query-editor-pane-container .right-pane .preview-pane .top-pane .top-pane-container .control-box .text-label {
                            font-size: 15px;
                            padding-right: 5px;
                            color: #252424;
                        }

 .query-editor-footer-table {
    display: table;
    width: 100%;
}

    .query-editor-footer-table .query-editor-footer-row {
        display: table-row;
        height: 75px;
        width: 100%;
    }

        .query-editor-footer-table .query-editor-footer-row .query-editor-footer-help {
            padding-left: 30px;
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
            cursor: hand;
            width: 23px;
            text-indent: 23px;
        }

            .query-editor-footer-table .query-editor-footer-row .query-editor-footer-help:before {
                margin-left: -23px;
                content: url('../images/icon_help_rest.png');
            }

            .query-editor-footer-table .query-editor-footer-row .query-editor-footer-help:hover:before {
                content: url('../images/icon_help_hover.png');
            }

        .query-editor-footer-table .query-editor-footer-row .query-editor-footer-text {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
            color: #FFFFFF;
            text-align: left;
        }

        .query-editor-footer-table .query-editor-footer-row .query-editor-footer-button {
            display: table-cell;
            vertical-align: middle;
            padding-right: 24px;
            width: 50%;
            text-align: right;
        }

            .query-editor-footer-table .query-editor-footer-row .query-editor-footer-button .spacer {
                width: 10px;
                display: inline-block;
            }

            .query-editor-footer-table .query-editor-footer-row .query-editor-footer-button .side-button .arrow-down-option {
                width: 21px;
                height: 20px;
            }

                .query-editor-footer-table .query-editor-footer-row .query-editor-footer-button .side-button .arrow-down-option:before {
                    
                    content: url('../images/sort_down_rest.png');
                }

                .query-editor-footer-table .query-editor-footer-row .query-editor-footer-button .side-button:hover .arrow-down-option:before {
                    
                    content: url('../images/sort_down_select.png');
                }
    .query-editor-footer-table *:focus-visible {
        outline: 1px solid #FFFFFF;
        border-radius: 4px;
    }