// Property
[data-op3-element-options-group-id="export"] {

    .op3-icon.reset,
    .op3-element-options-label-group {
        display: none;
    }

    .op3-element-options-property {
        padding: 0;

        button {
            height: 42px;
            margin: 10px;
            padding: 9px;
            display: block;
            width: calc(100% - 20px);
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            align-self: stretch;
            cursor: pointer;
            text-overflow: ellipsis;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 12px;
            text-align: center;
            border: none;
            border-radius: 5px;
            outline: none;
            color: #fff;
            background: #0175ff;
            opacity: 0.8;
            transition: all 0.1s ease;

            &:hover {
                opacity: 1;
            }
        }
    }

}

// Wizard
.op3-wizard.op3-wizard-export {

    .error-message {
        display: none;
    }

    .label-group {
        .field-label {
            width: 140px;
            margin: 0;
            line-height: 39px;
        }

        .input-text {
            flex: 1;
            width: auto;
        }
    }

    &.op3-wizard-export-document {
        [data-field="style"] {
            display: none;
        }
    }

    .input-text[name="preview"] {
        display: none;
    }

    .op3-wizard-preview {
        display: block;
        flex: 1;
        width: auto;

        .jquery-base64-image-preview-wrapper {
            border-color: $op-grey-border;
            border-radius: 5px;
        }

        .jquery-base64-image-preview-wrapper-valid-dragover {
            border-color: $op-blue;
        }

        .jquery-base64-image-preview-wrapper-invalid-dragover {
            border-color: darkred;
        }

    }

    &.op3-wizard-export-error {
        .error-message {
            display: block;
        }
        .label-group {
            display: none;
        }
        .op3-wizard-button.op3-wizard-button-next-step {
            pointer-events: none;
            opacity: 0.4;
        }
    }

}