Bug 31765: Add page-section and bg-info classes to 'Notes'

This patch adds the page-section and bg-info classes to the 'Notes'
section of the patron imports page.

As part of this patch, we update the base 'card' mixin to allow
background colors to be overwridden with the standard bg-* options
available in [bootstrap](https://getbootstrap.com/docs/4.0/utilities/colors/)

Test plan
1) Build your CSS in the usual way
2) Confirm the Notes block looks OK on the patron imports tool

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

koha-tmpl/intranet-tmpl/prog/css/src/_mixins.scss

@@ -40,5 +40,7 @@ $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s
 }
 
 @mixin card {
-    background-color: white;
+    &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) {
+        background-color: white;
+    }
 }

koha-tmpl/intranet-tmpl/prog/en/modules/tools/import_borrowers.tt

@@ -365,7 +365,7 @@
 
 </div>
 
-<div class="col-sm-6">
+<div class="col-sm-6 page-section bg-info">
     <h2>Notes:</h2>
     <ul>
         <li>The first line in the file must be a header row defining which columns you are supplying in the import file.</li>