Bug 39809: .required class was made too non-specific in Bootstrap upgrade

This patch corrects some CSS which was broken during the upgrade to
Bootstrap 5. The .required class should not add any style differences to
form fields.

To test, apply the patch and rebuild the staff interface CSS.

- Go to Administration -> Patron categories.
- Edit an existing category.
- Confirm that the contents of input fields are not styled red and
  italic.

Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
(cherry picked from commit 4988662703)
Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>

koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

@@ -581,6 +581,12 @@ div {
         }
     }
 
+    &.required {
+        color: $warning-text-color;
+        font-style: italic;
+        margin-left: .5em;
+    }
+
     // Tools > automatic_item_modification_by_age
     &.rules {
         display: block;
@@ -966,6 +972,7 @@ label,
 
     &.required {
         color: $warning-text-color;
+        margin-left: .5em;
     }
 }
 
@@ -3487,11 +3494,6 @@ a.browse-button {
     }
 }
 
-.required {
-    color: $warning-text-color;
-    font-style: italic;
-}
-
 span {
     &.browse-button {
         color: #999;
@@ -3513,6 +3515,8 @@ span {
     }
 
     &.required {
+        color: $warning-text-color;
+        font-style: italic;
         margin-left: .5em;
     }