:root {
    /* offcanvas */
    --bb-offcanvas-close-icon-font-size: 2rem;
    --bb-offcanvas-footer-padding-y: 1rem;
    --bb-offcanvas-footer-padding-x: 1rem;
    --bb-offcanvas-horizontal-width-sm: 300px;
    --bb-offcanvas-horizontal-width-lg: 800px;
}

/* page loading component */
.modal-page-loading {
    z-index: 2055 !important;
}

.modal-backdrop-page-loading {
    z-index: 2050 !important;
}

.modal-content-page-loading {
    background-color: inherit !important;
    border: inherit !important;
}

/* confirmation modal component */
.modal-confirmation {
    z-index: 2045 !important;
}

.modal-backdrop-confirmation {
    z-index: 2040 !important;
}

/* callout component */
.bb-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border-left: 0.25rem solid rgba(var(--bs-dark-rgb), .5);
    background-color: rgba(var(--bs-dark-rgb), .075);
    border-radius: .25rem;
}

    .bb-callout h4 {
        margin-bottom: .25rem;
    }

    .bb-callout p:last-child {
        margin-bottom: 0 !important;
    }

    .bb-callout code {
        border: 0.1rem solid rgba(0, 0, 0, .05);
        color: rgba(var(--bs-dark-rgb), 1);
        background-color: rgba(var(--bs-dark-rgb), .15);
        border-radius: .25rem;
        padding: 0.1rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .bb-callout a {
        color: rgba(var(--bs-dark-rgb), 1);
        font-weight: 600;
        text-decoration: none;
    }

        .bb-callout a:hover {
            text-decoration: underline;
        }

    .bb-callout + .bb-callout {
        margin-top: -.25rem;
    }

.bb-callout-info {
    border-left: 0.25rem solid rgba(var(--bs-info-rgb), .5);
    background-color: rgba(var(--bs-info-rgb), .075);
}

    .bb-callout-info .bb-callout-heading {
        color: rgba(var(--bs-info-rgb), 0.75);
    }

    .bb-callout-info code {
        color: rgba(var(--bs-info-rgb), 1);
        background-color: rgba(var(--bs-info-rgb), .15);
    }

    .bb-callout-info a {
        color: rgba(var(--bs-info-rgb), 1);
    }

.bb-callout-warning {
    border-left: 0.25rem solid rgba(var(--bs-warning-rgb), .5);
    background-color: rgba(var(--bs-warning-rgb), .075);
}

    .bb-callout-warning .bb-callout-heading {
        color: rgba(var(--bs-warning-rgb), 0.75);
    }

    .bb-callout-warning code {
        color: rgba(var(--bs-warning-rgb), 1);
        background-color: rgba(var(--bs-warning-rgb), .15);
    }

    .bb-callout-warning a {
        color: rgba(var(--bs-warning-rgb), 1);
    }

.bb-callout-danger {
    border-left: 0.25rem solid rgba(var(--bs-danger-rgb), .5);
    background-color: rgba(var(--bs-danger-rgb), .075);
}

    .bb-callout-danger .bb-callout-heading {
        color: rgba(var(--bs-danger-rgb), 0.75);
    }

    .bb-callout-danger code {
        color: rgba(var(--bs-danger-rgb), 1);
        background-color: rgba(var(--bs-danger-rgb), .15);
    }

    .bb-callout-danger a {
        color: rgba(var(--bs-danger-rgb), 1);
    }

.bb-callout-success {
    border-left: 0.25rem solid rgba(var(--bs-success-rgb), .5);
    background-color: rgba(var(--bs-success-rgb), .075);
}

    .bb-callout-success .bb-callout-heading {
        color: rgba(var(--bs-success-rgb), 0.75);
    }

    .bb-callout-success code {
        color: rgba(var(--bs-success-rgb), 1);
        background-color: rgba(var(--bs-success-rgb), .15);
    }

    .bb-callout-success a {
        color: rgba(var(--bs-success-rgb), 1);
    }

/* offcanvas component */
.offcanvas-footer {
    display: flex;
    align-items: center;
    padding: var(--bb-offcanvas-footer-padding-y) var(--bb-offcanvas-footer-padding-x);
}

.offcanvas-start.bb-offcanvas-sm,
.offcanvas-end.bb-offcanvas-sm {
    width: var(--bb-offcanvas-horizontal-width-sm);
}

.offcanvas-start.bb-offcanvas-lg,
.offcanvas-end.bb-offcanvas-lg {
    width: var(--bb-offcanvas-horizontal-width-lg);
}

/* grid */
table button.dropdown-toggle::after {
    content: none;
}

.filter-symbol {
    width: 2.25rem;
    display: inline-block;
}