diff --git a/css/backoffice-environment-banner.scss b/css/backoffice-environment-banner.scss
new file mode 100644
index 000000000..ced804c42
--- /dev/null
+++ b/css/backoffice-environment-banner.scss
@@ -0,0 +1,34 @@
+/*!
+ *
+ * * Copyright (C) 2013-2020 Combodo SARL
+ * *
+ * * This file is part of iTop.
+ * *
+ * * iTop is free software; you can redistribute it and/or modify
+ * * it under the terms of the GNU Affero General Public License as published by
+ * * the Free Software Foundation, either version 3 of the License, or
+ * * (at your option) any later version.
+ * *
+ * * iTop is distributed in the hope that it will be useful,
+ * * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * * GNU Affero General Public License for more details.
+ * *
+ * * You should have received a copy of the GNU Affero General Public License
+ *
+ */
+$backoffice-environment-banner-background-color: #C53030 !default;
+$backoffice-environment-banner-text-color: #F7FAFC !default;
+$backoffice-environment-banner-text-content: "THIS IS NOT PRODUCTION INSTANCE" !default;
+
+
+div#top-bar::before {
+ display: block;
+ width: 100%;
+ padding: 0.2rem;
+ text-align: center;
+ font-size: 1rem;
+ background: $backoffice-environment-banner-background-color;
+ color: $backoffice-environment-banner-text-color;
+ content: $backoffice-environment-banner-text-content;
+}
\ No newline at end of file
diff --git a/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml b/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
index d17ce2aae..7f217f94a 100755
--- a/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
+++ b/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
@@ -8530,36 +8530,66 @@
../css/light-grey.scss
-
-
- #C53030
- #F6F6F6
- grayscale(1)
- #4A5568
-
-
- ../css/css-variables.scss
-
-
- ../css/ui-lightness/jqueryui.scss
- ../css/light-grey.scss
-
-
-
-
- #2B6CB0
- #F6F6F6
- hue-rotate(-139deg)
- #2C5282
-
-
- ../css/css-variables.scss
-
-
- ../css/ui-lightness/jqueryui.scss
- ../css/light-grey.scss
-
-
+
+
+ #C53030
+ #F6F6F6
+ grayscale(1)
+ #4A5568
+
+
+ ../css/css-variables.scss
+
+
+ ../css/ui-lightness/jqueryui.scss
+ ../css/light-grey.scss
+
+
+
+
+ #2B6CB0
+ #F6F6F6
+ hue-rotate(-139deg)
+ #2C5282
+
+
+ ../css/css-variables.scss
+
+
+ ../css/ui-lightness/jqueryui.scss
+ ../css/light-grey.scss
+
+
+
+
+ #C53030
+ #F7FAFC
+ "THIS IS A TEST INSTANCE"
+
+
+ ../css/css-variables.scss
+
+
+ ../css/ui-lightness/jqueryui.scss
+ ../css/light-grey.scss
+ ../css/backoffice-environment-banner.scss
+
+
+
+
+ #2B6CB0
+ #F7FAFC
+ "THIS IS A TEST INSTANCE"
+
+
+ ../css/css-variables.scss
+
+
+ ../css/ui-lightness/jqueryui.scss
+ ../css/light-grey.scss
+ ../css/backoffice-environment-banner.scss
+
+