/* 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: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

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

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

    .bb-callout code {
        border-radius: .25rem;
    }

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

.bb-callout-info {
    border-left-color: #5bc0de;
}

.bb-callout-warning {
    border-left-color: #f0ad4e;
}

.bb-callout-danger {
    border-left-color: #d9534f;
}

/* offcanvas component */
:root {
    --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;
}

.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);
}