diff --git a/mayan/apps/appearance/templates/appearance/root.html b/mayan/apps/appearance/templates/appearance/root.html
index 4d4fd67056..ebd7ea7019 100644
--- a/mayan/apps/appearance/templates/appearance/root.html
+++ b/mayan/apps/appearance/templates/appearance/root.html
@@ -92,6 +92,31 @@
             </div>
         {% endif %}
 
+        <div class="modal fade" id="modal-server-error" role="dialog" tabindex="-1" >
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                        <h4 class="modal-title">{% trans 'Server error' %}</h4>
+                    </div>
+                    <div class="modal-body">
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-default" data-dismiss="modal">{% trans 'Close' %}</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <script id="template-error" type="text/x-template">
+            <div class="content">
+                <h2 class="title">{% blocktrans %}Server communication error{% endblocktrans %}</h2>
+                <div class="inner">
+                    <p>{% blocktrans %}Check you network connection and try again in a few moments.{% endblocktrans %}</p>
+                </div>
+            </div>
+        </script>
+
         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
         <!--[if lt IE 9]>
           <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>