diff --git a/allianceauth/static/allianceauth/css/auth-framework.css b/allianceauth/static/allianceauth/css/auth-framework.css
index 44315df2..00fb3711 100644
--- a/allianceauth/static/allianceauth/css/auth-framework.css
+++ b/allianceauth/static/allianceauth/css/auth-framework.css
@@ -1,6 +1,10 @@
-/* BS 5 Additions
+/**
+ * Alliance Auth CSS Framework
+ *
+ * This provides some CSS classes to be used throughout Alliance Auth and its Community Apps
+ */
 
-Helpful CSS classes that are missing in BS5
+/* Cursor classes
 ------------------------------------------------------------------------------------- */
 @media all {
     .cursor-auto {
@@ -47,3 +51,42 @@ Helpful CSS classes that are missing in BS5
         cursor: zoom-out;
     }
 }
+
+/* Callouts
+ *
+ * Not quite alerts, but custom and helpful notes for folks.
+ * Requires a base and modifier class.
+------------------------------------------------------------------------------------- */
+@media all {
+    /* Common styles for all types */
+    .aa-callout {
+        border: 1px solid var(--bs-border-color);
+        border-left-width: 0.25rem;
+        border-radius: 0.25rem;
+        margin-bottom: 1.25rem;
+        margin-top: 1.25rem;
+        padding: 1.25rem;
+    }
+
+    /* Last item bottom margin should be 0 */
+    .aa-callout :last-child {
+        margin-bottom: 0;
+    }
+
+    /* Variations */
+    .aa-callout-danger {
+        border-left-color: var(--bs-danger);
+    }
+
+    .aa-callout-info {
+        border-left-color: var(--bs-info);
+    }
+
+    .aa-callout-success {
+        border-left-color: var(--bs-success);
+    }
+
+    .aa-callout-warning {
+        border-left-color: var(--bs-warning);
+    }
+}