.hidden, .hidden-shift, .invisible should be at the end of the file (skin.css)

web/skins/classic/css/base/skin.css

@@ -469,18 +469,6 @@ body.sticky #content {
  * Generic useful classes, especially with mootools
  */
 
-.hidden {
-    display: none;
-}
-
-.hidden-shift {
-  position: absolute !important; left: -999em !important;
-}
-
-.invisible {
-    visibility: hidden;
-}
-
 .nowrap {
     white-space: nowrap;
 }
@@ -1124,3 +1112,18 @@ html::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, nav::-webkit-scroll
     width: 100%;
   }
 }
+
+/* +++ This block should always be located at the end! */
+.hidden {
+    display: none;
+}
+
+.hidden-shift {
+  position: absolute !important; left: -999em !important;
+}
+
+.invisible {
+    visibility: hidden;
+}
+/* --- This block should always be located at the end! */
+