#document-editor-loading-view {
    position: absolute;
    z-index: $document-editor-layer-loading-view-z-index;
    top: $document-editor-header-height;
    left: 0;
    right: 0;
    bottom: 0;
    background: $color-layer-2;
    //background: rgb(43,65,98);
    //background: -moz-linear-gradient(315deg, rgba(43,65,98,1) 0%, rgba(18,16,14,1) 100%);
    //background: -webkit-linear-gradient(315deg, rgba(43,65,98,1) 0%, rgba(18,16,14,1) 100%);
    //background: linear-gradient(315deg, rgba(43,65,98,1) 0%, rgba(18,16,14,1) 100%);
    //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b4162",endColorstr="#12100e",GradientType=1);
}

.dbqde-button {
    padding: 0.25rem 0.5rem !important; 
    border: none;
    border-radius: 15px !important;
    font-size: 12px;
    height: $document-editor-button-height;
}

.dbqde-button-group {
    .dbqde-button-group-button {
        &.btn-primary {
            color: $text-color-default;

            &.active {
                color: $color-white;
                background-color: $color-primary;
            }
        }
    }
}

.dbqde-function-button {
    display: inline-block;
    padding: 0;
    width: $document-editor-button-height;
    height: $document-editor-button-height;
    cursor: pointer;
    border-radius: 50% !important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 0.4;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    i {
        font-size: 12px;
    }

    svg {
        padding: 1px;
    }

    &.btn-primary {
        svg {
            fill: $button-text-color;
        }
    }

    &:focus {
        outline: none;
        box-shadow: none;
    }

    &.disabled,
    &:disabled {
        @include button;
    }
}

.dbqde-side-menu-container {
    .dbq-card {
        .dbq-button {
            padding: 0.25rem 0.5rem; 
            border: none;
            border-radius: 15px;
            font-size: 12px;
            line-height: 24px;
            text-decoration: none;
            height: $document-editor-button-height;
        }
    }

    &.document-tags-control-container {
        .dbqde-document-tags-accordion-container {
            .card {
                .dbqde-document-tags-header {
                    button {
                        color: $text-color-default !important; // Important because original styling also has an important, so it's needed to overrule that styling

                        i {
                            color: $text-color-default !important; // Important because original styling also has an important, so it's needed to overrule that styling
                        }
                    }
                }
            }

            .dbqde-document-tags-container {
                .dbqde-document-tag {
                    color: $text-color-default;
                }
            }
        }
    }
}