diff --git a/cms/static/img/blue-spinner.gif b/cms/static/img/blue-spinner.gif
new file mode 100644
index 0000000000..2cee72553a
Binary files /dev/null and b/cms/static/img/blue-spinner.gif differ
diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 27cd5e3a96..fe97c9b975 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -279,4 +279,40 @@ body.show-wip {
     font-size: 12px;
     text-align: center;
   }
+}
+
+.waiting {
+    position: relative;
+
+    &:before {
+        content: '';
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 999998;
+        width: 100%;
+        height: 100%;
+        border-radius: inherit;
+        background: rgba(255, 255, 255, .9);
+    }
+
+    &:after {
+        content: '';
+        @extend .spinner-icon;
+        display: block;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-left: -10px;
+        margin-top: -10px;
+        z-index: 999999;
+    }
+}
+
+.waiting-inline {
+    &:after {
+        content: '';
+        @extend .spinner-icon;
+    }
 }
\ No newline at end of file
diff --git a/cms/static/sass/_graphics.scss b/cms/static/sass/_graphics.scss
index 14662c7d42..65c827981a 100644
--- a/cms/static/sass/_graphics.scss
+++ b/cms/static/sass/_graphics.scss
@@ -236,3 +236,12 @@
 	margin-right: 5px;
 	background: url(../img/large-video-icon.png) center no-repeat;
 }
+
+.spinner-icon {
+	display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin-left: 10px;
+  vertical-align: middle;
+  background: url(../img/blue-spinner.gif) no-repeat;
+}
\ No newline at end of file