2 files changed, 20 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/valo/shared/_global.scss b/WebContent/VAADIN/themes/valo/shared/_global.scss
index b4e8564119..39b5a4e7d9 100644
--- a/WebContent/VAADIN/themes/valo/shared/_global.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_global.scss
@@ -2,6 +2,7 @@
 @import "contextmenu";
 @import "overlay";
 @import "tooltip";
+@import "reconnect-dialog";
 
 
 /*
@@ -374,6 +375,7 @@ $valo-shared-pathPrefix: null;
 
   @include valo-contextmenu;
 
+  @include valo-reconnect-dialog;
 }
 
 
diff --git a/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss b/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss
new file mode 100644
index 0000000000..94f5f8b0bd
--- /dev/null
+++ b/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss
@@ -0,0 +1,18 @@
+@mixin valo-reconnect-dialog {
+  .v-reconnect-dialog {
+    color: white;
+    @include valo-notification-bar-style;
+    @include valo-notification-system-style;
+    text-align: center;
+    .spinner {
+      @include valo-spinner;
+      display: inline-block;
+      margin-top: 10px;
+      visibility: hidden;
+    }
+
+    &.active .spinner {
+      visibility: visible;
+    }
+  }
+}
+\ No newline at end of file