:root {
    --bs-alert-primary-color: #264d8c;
    --bs-alert-primary-bg: #cfe2ff;
    --bs-alert-primary-icon-bg: #9cbce9;
    --bs-alert-primary-border-color: #b6d4fe;
    --bs-alert-secondary-color: #264d8c;
    --bs-alert-secondary-bg: #e2e3e5;
    --bs-alert-secondary-icon-bg: #d3d6d8;
    --bs-alert-secondary-border-color: #d3d6d8;
    --bs-alert-success-color: #264d8c;
    --bs-alert-success-bg: #d1e7dd;
    --bs-alert-success-icon-bg: #badbcc;
    --bs-alert-success-border-color: #badbcc;
    --bs-alert-info-color: #264d8c;
    --bs-alert-info-bg: #cff4fc;
    --bs-alert-info-icon-bg: #b6effb;
    --bs-alert-info-border-color: #b6effb;
    --bs-alert-warning-color: #264d8c;
    --bs-alert-warning-bg: #fff3cd;
    --bs-alert-warning-icon-bg: #ffecb5;
    --bs-alert-warning-border-color: #ffecb5;
    --bs-alert-danger-color: #264d8c;
    --bs-alert-danger-bg: #f8d7da;
    --bs-alert-danger-icon-bg: #f5c2c7;
    --bs-alert-danger-border-color: #f5c2c7;
    --bs-alert-light-color: #264d8c;
    --bs-alert-light-bg: #fefefe;
    --bs-alert-light-icon-bg: #fdfdfe;
    --bs-alert-light-border-color: #fdfdfe;
    --bs-alert-dark-color: #264d8c;
    --bs-alert-dark-bg: #d3d3d4;
    --bs-alert-dark-icon-bg: #bcbebf;
    --bs-alert-dark-border-color: #bcbebf;
    /**/
    --cui-bg-opacity: 0.1;
    --cui-primary: #321fdb;
    --cui-secondary: #9da5b1;
    --cui-success: #2eb85c;
    --cui-info: #39f;
    --cui-warning: #f9b115;
    --cui-danger: #e55353;
    --cui-light: #ebedef;
    --cui-dark: #4f5d73;
    --cui-primary-rgb: 38,77,140;
    --cui-secondary-rgb: 157,165,177;
    --cui-success-rgb: 46,184,92;
    --cui-info-rgb: 51,153,255;
    --cui-warning-rgb: 249,177,21;
    --cui-danger-rgb: 229,83,83;
    --cui-light-rgb: 235,237,239;
    --cui-dark-rgb: 79,93,115;
    --cui-white-rgb: 255,255,255;
    --cui-black-rgb: 0,0,21;
    --cui-body-color-rgb: 44,56,74;
    --cui-body-bg-rgb: 255,255,255;
}
.alert-primary { color: var(--bs-alert-primary-color);background-color: var(--bs-alert-primary-bg);border-color: var(--bs-alert-primary-bg);}
.alert-border-left {border-left: 8px solid;#264d8c}
.alert-primary.alert-border-left { border-left-color: var(--bs-alert-primary-icon-bg);}
.alert-secondary.alert-border-left { border-left-color: var(--bs-alert-secondary-icon-bg);}
.alert-success.alert-border-left { border-left-color: var(--bs-alert-success-icon-bg);}
.alert-info.alert-border-left { border-left-color: var(--bs-alert-info-icon-bg);}
.alert-warning.alert-border-left { border-left-color: var(--bs-alert-warning-icon-bg);}
.alert-danger.alert-border-left { border-left-color: var(--bs-alert-danger-icon-bg);}
.alert-light.alert-border-left { border-left-color: var(--bs-alert-light-icon-bg);}
.alert-dark.alert-border-left { border-left-color: var(--bs-alert-dark-icon-bg);}
.alert-flex {color: #212529;display: flex;padding: 0;}
.alert-flex .btn-close {padding: 0.25rem 0.25rem;}
.btn-close {float: right;font-weight: 700;line-height: 1;color: #000;text-shadow: none;opacity: 0.5;transition: 0.3s color;}
.alert-flex .btn-close:hover {opacity: 1;}
.alert-flex.alert-dismissible .btn-close {padding: 0.75rem;padding-right: 0 !important;position: absolute;right: 0;top: 0;z-index: 2;}
.alert-flex .alert-heading {color: inherit;}
.alert-flex .alert-icon {padding: 0.5rem;}
.alert-flex.alert-ico-coloured .alert-icon {background: hwb(0 100% 0% / 0.25);}
.alert-flex .alert-message {box-sizing: border-box;padding: 0.5rem;width: 100%;}
.alert-flex.alert-dismissible .alert-message {padding-right: 1.5rem;}
.alert-flex.alert-outline,.alert-flex.alert-outline-coloured { background: #fff; color: #6c757d;}
.alert-flex.alert-outline .alert-icon,.alert-flex.alert-ico-coloured .alert-icon { border-bottom-left-radius: .2rem; border-top-left-radius: .2rem;    }
.alert-flex.alert-border-left.alert-outline .alert-icon,.alert-flex.alert-border-left.alert-ico-coloured .alert-icon {    border-bottom-left-radius: 0;    border-top-left-radius: 0;}
.alert-flex.alert-ico-coloured .alert-icon {    color: #fff;}
.alert-flex.alert-ico-coloured.alert-primary .alert-icon {    background-color: var(--bs-alert-primary-icon-bg);}

.callout {
    --cui-callout-padding-x: 0.75rem;
    --cui-callout-padding-y: 0.75rem;
    --cui-callout-margin-x: 0;
    --cui-callout-margin-y: 0.5rem;
    --cui-callout-border-width: 1px;
    --cui-callout-border-color: #d8dbe0;
    --cui-callout-border-left-width: 4px;
    --cui-callout-border-radius: 0.375rem;

    padding: var(--cui-callout-padding-y) var(--cui-callout-padding-x);
    margin: var(--cui-callout-margin-y) var(--cui-callout-margin-x);
    border: var(--cui-callout-border-width) solid var(--cui-callout-border-color);
    border-radius: var(--cui-callout-border-radius);
}

html:not([dir=rtl]) .callout {    border-left-width: var(--cui-callout-border-left-width);    border-left-color: var(--cui-callout-border-left-color);}
.callout-primary {--cui-callout-border-left-color: #264d8c;}
.callout-secondary {    --cui-callout-border-left-color: #9da5b1;}
.callout-success {    --cui-callout-border-left-color: #2eb85c;}
.callout-danger {    --cui-callout-border-left-color: #e55353;}
.callout-warning {    --cui-callout-border-left-color: #f9b115;}
.callout-info {    --cui-callout-border-left-color: #39f;}
.callout-light {    --cui-callout-border-left-color: #ebedef;}
.callout-dark {    --cui-callout-border-left-color: #4f5d73;}


.docs-callout {    padding: 1.25rem;    margin-top: 0.75rem;    margin-bottom: 0.75rem;    background-color: var(--bd-callout-bg, var(--cui-gray-100));    border-left: 0.25rem solid var(--bd-callout-border, var(--cui-gray-300));}
.docs-callout-primary { --bd-callout-bg: rgba(var(--cui-primary-rgb), .075); --bd-callout-border: rgba(var(--cui-primary-rgb), .5);}
.docs-callout-secondary {    --bd-callout-bg: rgba(var(--cui-secondadry-rgb), .075);    --bd-callout-border: rgba(var(--cui-secondary-rgb), .5);}
.docs-callout-success {    --bd-callout-bg: rgba(var(--cui-success-rgb), .075);    --bd-callout-border: rgba(var(--cui-success-rgb), .5);}
.docs-callout-danger {    --bd-callout-bg: rgba(var(--cui-danger-rgb), .075);    --bd-callout-border: rgba(var(--cui-danger-rgb), .5);}
.docs-callout-warning { --bd-callout-bg: rgba(var(--cui-warning-rgb), .075); --bd-callout-border: rgba(var(--cui-warning-rgb), .5);}
.docs-callout-info {  --bd-callout-bg: rgba(var(--cui-info-rgb), .075);   --bd-callout-border: rgba(var(--cui-info-rgb), .5);}
.docs-callout-light {    --bd-callout-bg: rgba(var(--cui-light-rgb), .075);    --bd-callout-border: rgba(var(--cui-light-rgb), .5);}
.docs-callout-dark {    --bd-callout-bg: rgba(var(--cui-dark-rgb), .075);    --bd-callout-border: rgba(var(--cui-dark-rgb), .5);}