.aa-callout { max-width: 100%; flex: 0 0 100%; border: 1px solid var(--bs-gray-300); background-color: rgb(247, 247, 247); border-radius: .5rem; padding: 0.55rem 1.0rem 0.55rem 1.0rem; margin: 1rem 0; }
.aa-callout h4, .aa-callout h5 { margin-top: .35rem; font-weight: 300; }

/* SAGE reversed color */
.aa-sage-reverse>div:first-child>div:first-child { color: var(--bs-sage) !important; }
.aa-sage-reverse h4, .aa-sage h5 { color: var(--bs-sage) !important; }
.aa-sage-reverse .close { color: var(--bs-sage); opacity: 1; }

/* SAGE color */
.aa-sage>div:first-child>div:first-child { color: var(--bs-white) !important; background-color: var(--bs-sage) !important; border-top-left-radius: .55rem; border-bottom-left-radius: .55rem; }
.aa-sage h4, .aa-sage h5 { color: var(--bs-sage) !important; }
.aa-sage .close { color: var(--bs-sage); opacity: 1; }

/* Green color */
.aa-green>div:first-child>div:first-child { color: var(--bs-complete) !important; }
.aa-green h4 { color: var(--bs-complete) !important; }
.aa-green .close { color: var(--bs-complete); opacity: 1; }
.aa-green-bg>div:first-child>div:first-child { background-color: rgba(0, 175, 100, 0.25) !important; color: var(--bs-complete) !important; border-top-left-radius: .55rem; border-bottom-left-radius: .55rem; }

/* MANGO */
.aa-mango>div:first-child>div:first-child { background-color: var(--site-base-500) !important; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-mango h4 { color: var(--site-base-500) !important; } .aa-mango h4.text-normal { color: rgb(33, 37, 41) !important; }
.aa-mango-bg>div:first-child>div:first-child { background-color: rgba(255, 183, .0, .25) !important; color: var(--site-base-500); border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

/* Red color */
.aa-red>div:first-child>div:first-child { color: var(--bs-danger) !important; }
.aa-red h4 { color: var(--bs-danger) !important; }
.aa-red .close { color: var(--bs-danger); opacity: 1; }
.aa-red-bg>div:first-child>div:first-child { background-color: rgba(204, 0, 0, .25) !important; color: var(--bs-danger); border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

/* Warning color */
.aa-success>div:first-child>div:first-child { background-color: var(--bs-complete) !important; color: var(--bs-white); border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-success h4 { color: var(--bs-complete) !important; }
.aa-success .close { color: var(--bs-complete); opacity: 1; }

/* Warning color */
.aa-warning>div:first-child>div:first-child { background-color: var(--bs-warning) !important; color: var(--bs-white); border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-warning h4 { color: var(--bs-warning) !important; }
.aa-warning .close { color: var(--bs-warning); opacity: 1;
}

/* danger color */
.aa-danger>div:first-child>div:first-child { color: var(--bs-white) !important; background-color: #d9534f !important; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-danger h4 { color: #d9534f !important; }
.aa-danger .close { color: #d9534f; opacity: 1; }

.aa-prime>div:first-child>div:first-child { background-color: var(--bs-prime) !important; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-prime h4 { color: var(--bs-prime) !important; }

.aa-red>div:first-child>div:first-child { color: var(--bs-white) !important; background-color: #dc3545 !important; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.aa-red h4 { color: #dc3545 !important; }
.aa-red .close { color: #dc3545; opacity: 1; }