--- /dev/null
+<!-- WAITING CONTENT -->
+<md-content id="waiting" layout="column" layout-align="center center">
+ <div
+ layout="row"
+ layout-align="center center"
+ class="sk-fading-circle"
+ flex="10"
+ >
+ <div class="sk-circle1 sk-circle"></div>
+ <div class="sk-circle2 sk-circle"></div>
+ <div class="sk-circle3 sk-circle"></div>
+ <div class="sk-circle4 sk-circle"></div>
+ <div class="sk-circle5 sk-circle"></div>
+ <div class="sk-circle6 sk-circle"></div>
+ <div class="sk-circle7 sk-circle"></div>
+ <div class="sk-circle8 sk-circle"></div>
+ <div class="sk-circle9 sk-circle"></div>
+ <div class="sk-circle10 sk-circle"></div>
+ <div class="sk-circle11 sk-circle"></div>
+ <div class="sk-circle12 sk-circle"></div>
+ </div>
+ <div layout="row" layout-align="center end" flex>
+ <span ng-style="{'font-size': '{{settings.fontSize}}px'}"
+ >{{settings.waitingTitle}}</span
+ >
+ </div>
+ <div layout="row" layout-align="center start" class="subtitle" flex>
+ <span ng-style="{'font-size': '{{settings.fontSize}}px'}"
+ >{{settings.waitingMessage}}</span
+ >
+ </div>
+</md-content>
+<!-- / WAITING CONTENT -->