Bug 27695: (follow-up) Add specificity to CSS changes

This patch moves the definition of .alert and .error classes into the
block for .dialog in order to make sure they don't have an effect beyond
the desired scope.

The ".closebtn" section is redundant and has been removed.

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

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

@@ -1791,30 +1791,22 @@ i {
             text-align: right;
         }
     }
-}
-
-.alert,
-.error {
-    background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
-    border: 1px solid #E0C726;
-    color: inherit;
-    text-align: center;
-    text-shadow: none;
 
-    strong {
-        color: #900;
-    }
+    &.alert,
+    &.error {
+        background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
+        border: 1px solid #E0C726;
+        color: inherit;
+        text-align: center;
+        text-shadow: none;
 
-    // Redefine a new style for Bootstrap's class "close" since we use that already
-    // Use <a class="closebtn" href="#">&times;</a>
-    .closebtn {
-        line-height: 20px;
-        position: relative;
-        right: -21px;
-        top: -2px;
+        strong {
+            color: #900;
+        }
     }
 }
 
+
 .approve,
 .success {
     i {