diff --git a/.gitignore b/.gitignore
index 3fbcfead0..e20363297 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,8 +19,6 @@ UI/WebServerResources/.bowerrc
 UI/WebServerResources/.sass-cache/
 UI/WebServerResources/bower_components/
 UI/WebServerResources/css/
-UI/WebServerResources/css/styles.css
-UI/WebServerResources/css/styles.css.map
 UI/WebServerResources/js/*.js
 UI/WebServerResources/js/*.js.map
 UI/WebServerResources/js/vendor/*.js
diff --git a/UI/WebServerResources/css/no-animation.css b/UI/WebServerResources/css/no-animation.css
new file mode 100644
index 000000000..46de3bdb9
--- /dev/null
+++ b/UI/WebServerResources/css/no-animation.css
@@ -0,0 +1,306 @@
+/**
+ * Disable transitions and drop shadows for improved performance in some browsers.
+ * It is generated as an optional and distinct CSS file.
+ *
+ * See https://github.com/angular/material/issues/8329
+ */
+/** Disable tab-contents **/
+md-tabs.md-dynamic-height {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+md-tab-content.md-right:not(.md-active) {
+  -webkit-animation: none;
+          animation: none; }
+
+md-tab-content.md-left:not(.md-active) {
+  -webkit-animation: none;
+          animation: none; }
+
+md-tab-content.md-left:not(.md-active) *,
+md-tab-content.md-right:not(.md-active) * {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+md-tab-content.md-right,
+md-tab-content.md-left {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+.md-tab {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+md-tab-content {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+md-ink-bar.md-right,
+md-ink-bar.md-left {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable backdrop transition */
+md-backdrop {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable slider animation for thumbs **/
+md-slider .md-focus-thumb {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important;
+  -webkit-animation: none !important;
+          animation: none !important; }
+
+md-slider ._md-thumb {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+md-option {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+/** Disable dialogs **/
+md-dialog.md-transition-out,
+md-dialog.md-transition-out .md-input,
+md-dialog.md-transition-out md-input-container.md-input-has-value label,
+md-dialog.md-transition-out md-input-container.md-input-has-value label:not(.md-no-float),
+md-dialog.md-transition-out md-icon, md-dialog.md-transition-in,
+md-dialog.md-transition-in .md-input,
+md-dialog.md-transition-in md-input-container.md-input-has-value label,
+md-dialog.md-transition-in md-input-container.md-input-has-value label:not(.md-no-float),
+md-dialog.md-transition-in md-icon,
+md-dialog md-toolbar,
+md-dialog md-toolbar .md-input,
+md-dialog md-toolbar md-input-container.md-input-has-value label,
+md-dialog md-toolbar md-input-container.md-input-has-value label:not(.md-no-float),
+md-dialog md-toolbar md-icon {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+/** Disable cards **/
+md-card.sg-collapsed,
+md-card.sg-expanded {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable ripple **/
+.md-ripple,
+.md-ripple-container,
+sg-ripple {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+.md-ripple.md-ripple-remove {
+  -webkit-animation: none !important;
+          animation: none !important; }
+
+/** Disable progress bar **/
+.sg-progress-circular-floating {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable checkbox **/
+md-checkbox ._md-icon {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+/** Disable radio **/
+md-radio-button .md-on,
+md-radio-button .md-off {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+.md-container::before {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable buttons **/
+.md-button,
+.md-button.md-fab {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+/** Disable grid list **/
+md-grid-tile {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable icons **/
+md-icon,
+.md-icon {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable fading labels **/
+md-input-container label {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+/** Disable slider **/
+md-slider .md-thumb,
+md-slider .md-thumb-container,
+md-slider .md-sign,
+md-slider .md-sign::after,
+md-slider .md-focus-ring,
+md-slider .md-track-fill {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+md-input-container .md-char-counter, md-input-container .md-input-message-animation {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable tooltips **/
+.md-tooltip {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable fab translation **/
+md-fab-speed-dial.sg-fab-bottom-center {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+md-fab-speed-dial.md-scale .md-fab-action-item {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable dropdown animations */
+md-select-menu,
+md-select-menu md-content {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+.md-select-menu-container.md-leave {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-duration: 0ms !important;
+          transition-duration: 0ms !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+.md-open-menu-container.md-active,
+.md-open-menu-container.md-active > md-menu-content > * {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable datepicker and timepicker **/
+.md-datepicker-calendar-pane,
+.sg-timepicker-time-pane {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+.md-datepicker-calendar,
+.md-datepicker-calendar-pane .md-calendar,
+.sg-timepicker-time,
+.sg-timepicker-time-pane .md-calendar {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable views translations **/
+.view-list,
+.view-list--close,
+.view-detail {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+.md-sidenav-left,
+.md-sidenav-left .md-clickable {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+/** Disable custom rules **/
+.attendees {
+  -webkit-transition: none !important;
+  transition: none !important;
+  -webkit-transition-delay: 0ms !important;
+          transition-delay: 0ms !important; }
+
+.attendees-chips md-chips-wrap {
+  -webkit-transition: none !important;
+  transition: none !important; }
+
+.sg-reversible {
+  -webkit-transition: none !important;
+  transition: none !important;
+  position: relative; }
+
+.sg-reversible.sg-flip,
+.sg-reversible .sg-face,
+.sg-reversible .sg-back {
+  position: relative;
+  -webkit-transform: none !important;
+          transform: none !important; }
+
+.sg-reversible .sg-back,
+.sg-reversible.sg-flip .sg-face {
+  display: none; }
+
+.sg-reversible.sg-flip .sg-back {
+  display: block; }
+
+md-card {
+  border: 1px solid rgba(0, 0, 0, 0.14) !important;
+  box-shadow: none !important; }
+
+md-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.14) !important;
+  box-shadow: none !important; }
+
+md-select-menu {
+  border: 1px solid rgba(0, 0, 0, 0.14) !important;
+  box-shadow: none !important; }
+
+.md-button.md-raised {
+  border: 1px solid rgba(0, 0, 0, 0.14) !important;
+  box-shadow: none !important; }
+
+md-toast .md-toast-content {
+  box-shadow: none !important; }
+/*# sourceMappingURL=no-animation.css.map */
\ No newline at end of file
diff --git a/UI/WebServerResources/css/no-animation.css.map b/UI/WebServerResources/css/no-animation.css.map
new file mode 100644
index 000000000..81df3345f
--- /dev/null
+++ b/UI/WebServerResources/css/no-animation.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../scss/core/no-animation.scss"],"names":[],"mappings":"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","file":"no-animation.css"}
\ No newline at end of file