.dbqdb-property {
    .form-group {
        .input-group {
            .dbqdb-input-group-addon {
                &.dbqdb-input-group-addon-right {
                    border-radius: 0 0 $border-radius-default 0;
                    cursor: pointer;
                }

                .dbqdb-input-button {
                    width: 100%;
                    height: 100%;
                    background: 0 none;
                    border: 0 none;
                    outline: 0 none;

                    &.dbqdb-input-button-text-copied {
                        background: $color-primary;
                        border-radius: 0 0 $border-radius-default 0;

                        svg {
                            background: transparent;
                            fill: #fff;
                        }
                    }
                }
            }
        }
    }
}

.dbqdb-file-viewer-container {
    position: relative;

    .dbqdb-file-viewer {
        width: 100%;
        height: 800px;
    }

    .dbqdb-file-viewer-loading-indicator {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        .dbq-loading-spinner-container {
            border-radius: $border-radius-default;
        }
    }
    
    &.dbqdb-file-viewer-loading {
        height: 100px;

        .dbqdb-file-viewer {
            opacity: 0;
            height: 100px;
        }

        .dbqdb-file-viewer-loading-indicator {
            display: block;
        }
    }
}