From a07e6b59a3474d43eb34b137f7725ab4e259f2fa Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 1 Oct 2015 12:28:24 -0400
Subject: [PATCH] update schedules direct

---
 dashboard-ui/addplugin.html                   |   4 +-
 dashboard-ui/apiclient/sync/mediasync.js      |   7 +-
 dashboard-ui/apiclient/sync/serversync.js     |   5 +
 .../iron-behaviors/.bower.json                |   6 +-
 .../bower_components/iron-meta/.bower.json    |   6 +-
 .../paper-dropdown-menu/.bower.json           |   8 +-
 .../paper-dropdown-menu/bower.json            |   2 +-
 .../paper-dropdown-menu.html                  |   4 +-
 .../paper-progress/.bower.json                |  11 +-
 .../paper-progress/bower.json                 |   5 +-
 .../paper-progress/paper-progress.html        |   4 +-
 .../paper-toggle-button/.bower.json           |   8 +-
 .../paper-toggle-button/bower.json            |   2 +-
 .../paper-toggle-button/demo/index.html       |  37 ++--
 .../paper-toggle-button.html                  |  19 +-
 dashboard-ui/cinemamodeconfiguration.html     |   2 +-
 .../imagedownloader/imagedownloader.js        |  10 +-
 dashboard-ui/cordova/ios/backgroundfetch.js   |  50 ++---
 dashboard-ui/cordova/ios/tabbar.js            |  35 ++--
 dashboard-ui/cordova/localassetmanager.js     |  56 +++++-
 dashboard-ui/css/librarymenu.css              |  17 ++
 dashboard-ui/css/mediaplayer.css              |   4 +-
 dashboard-ui/livetvnewrecording.html          |   2 +-
 dashboard-ui/mysync.html                      |   2 +-
 dashboard-ui/scripts/dashboardpage.js         |  10 +-
 dashboard-ui/scripts/edititemmetadata.js      |   2 -
 dashboard-ui/scripts/livetvcomponents.js      |   4 +-
 dashboard-ui/scripts/registrationservices.js  |   4 +-
 dashboard-ui/scripts/site.js                  |   5 +-
 dashboard-ui/scripts/supporterpage.js         |   2 +-
 dashboard-ui/scripts/syncactivity.js          |   2 +-
 .../strings/javascript/javascript.json        |   2 +-
 dashboard-ui/supporter.html                   |   2 +-
 dashboard-ui/syncactivity.html                |   2 +-
 dashboard-ui/vulcanize-out.html               | 188 ------------------
 35 files changed, 215 insertions(+), 314 deletions(-)

diff --git a/dashboard-ui/addplugin.html b/dashboard-ui/addplugin.html
index 132f148c1f..2f94b863bf 100644
--- a/dashboard-ui/addplugin.html
+++ b/dashboard-ui/addplugin.html
@@ -66,14 +66,14 @@
 
                                             <p>${MessageSupporterPluginRequiresMembership}</p>
 
-                                            <p><a href="http://emby.media/donate" target="_blank">${LinkSupporterMembership}</a></p>
+                                            <p><a href="http://emby.media/premiere" target="_blank">${LinkSupporterMembership}</a></p>
 
                                         </div>
                                         <div class="premiumDescription">
 
                                             <p>${MessagePremiumPluginRequiresMembership}</p>
 
-                                            <p><a href="http://emby.media/donate" target="_blank">${LinkSupporterMembership}</a></p>
+                                            <p><a href="http://emby.media/premiere" target="_blank">${LinkSupporterMembership}</a></p>
                                         </div>
                                         <div class="premiumHasPrice" style="display: none">
                                             <p id="regPrice">
diff --git a/dashboard-ui/apiclient/sync/mediasync.js b/dashboard-ui/apiclient/sync/mediasync.js
index c5eec700c1..ddde0970b5 100644
--- a/dashboard-ui/apiclient/sync/mediasync.js
+++ b/dashboard-ui/apiclient/sync/mediasync.js
@@ -498,18 +498,17 @@
 
             require(['localassetmanager'], function () {
 
-                LocalAssetManager.getLocalItem(itemId, serverId).done(function (localItem) {
+                LocalAssetManager.getUserIdsWithAccess(itemId, serverId).done(function (savedUserIdsWithAccess) {
 
                     var userIdsWithAccess = syncDataResult.ItemUserAccess[itemId];
 
-                    if (userIdsWithAccess.join(',') == localItem.UserIdsWithAccess.join(',')) {
+                    if (userIdsWithAccess.join(',') == savedUserIdsWithAccess.join(',')) {
                         // Hasn't changed, nothing to do
                         deferred.resolve();
                     }
                     else {
 
-                        localItem.UserIdsWithAccess = userIdsWithAccess;
-                        LocalAssetManager.addOrUpdateLocalItem(localItem).done(function () {
+                        LocalAssetManager.saveUserIdsWithAccess(itemId, serverId, userIdsWithAccess).done(function () {
                             deferred.resolve();
                         }).fail(getOnFail(deferred));
                     }
diff --git a/dashboard-ui/apiclient/sync/serversync.js b/dashboard-ui/apiclient/sync/serversync.js
index 64aa74566e..4fbb3f4eb5 100644
--- a/dashboard-ui/apiclient/sync/serversync.js
+++ b/dashboard-ui/apiclient/sync/serversync.js
@@ -79,6 +79,11 @@
 
         function syncOfflineUsers(server, options, deferred) {
 
+            if (options.syncOfflineUsers === false) {
+                syncMedia(server, options, deferred);
+                return;
+            }
+
             require(['offlineusersync'], function () {
 
                 var apiClient = connectionManager.getApiClient(server.Id);
diff --git a/dashboard-ui/bower_components/iron-behaviors/.bower.json b/dashboard-ui/bower_components/iron-behaviors/.bower.json
index f499351883..5d7b926afb 100644
--- a/dashboard-ui/bower_components/iron-behaviors/.bower.json
+++ b/dashboard-ui/bower_components/iron-behaviors/.bower.json
@@ -27,14 +27,14 @@
     "web-component-tester": "*",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "homepage": "https://github.com/PolymerElements/iron-behaviors",
+  "homepage": "https://github.com/polymerelements/iron-behaviors",
   "_release": "1.0.8",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.8",
     "commit": "663ad706b43989f4961d945b8116cf4db346532f"
   },
-  "_source": "git://github.com/PolymerElements/iron-behaviors.git",
+  "_source": "git://github.com/polymerelements/iron-behaviors.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-behaviors"
+  "_originalSource": "polymerelements/iron-behaviors"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json
index 9e650790be..8119ebcf41 100644
--- a/dashboard-ui/bower_components/iron-meta/.bower.json
+++ b/dashboard-ui/bower_components/iron-meta/.bower.json
@@ -25,14 +25,14 @@
     "web-component-tester": "*",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "homepage": "https://github.com/PolymerElements/iron-meta",
+  "homepage": "https://github.com/polymerelements/iron-meta",
   "_release": "1.0.3",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.3",
     "commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04"
   },
-  "_source": "git://github.com/PolymerElements/iron-meta.git",
+  "_source": "git://github.com/polymerelements/iron-meta.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-meta"
+  "_originalSource": "polymerelements/iron-meta"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/paper-dropdown-menu/.bower.json b/dashboard-ui/bower_components/paper-dropdown-menu/.bower.json
index 9b182465b8..5b6dbf90ec 100644
--- a/dashboard-ui/bower_components/paper-dropdown-menu/.bower.json
+++ b/dashboard-ui/bower_components/paper-dropdown-menu/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-dropdown-menu",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "An element that works similarly to a native browser select",
   "authors": [
     "The Polymer Authors"
@@ -40,11 +40,11 @@
     "web-component-tester": "*",
     "paper-tabs": "polymerelements/paper-tabs#^1.0.0"
   },
-  "_release": "1.0.3",
+  "_release": "1.0.4",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.3",
-    "commit": "346aba1cc0231f52d32fe4dce1792a16df3a990a"
+    "tag": "v1.0.4",
+    "commit": "b278c9ea1b3642c77bd4597a28b39a61996a5a9e"
   },
   "_source": "git://github.com/PolymerElements/paper-dropdown-menu.git",
   "_target": "~1.0.1",
diff --git a/dashboard-ui/bower_components/paper-dropdown-menu/bower.json b/dashboard-ui/bower_components/paper-dropdown-menu/bower.json
index 8fe9297b8a..fa482aa906 100644
--- a/dashboard-ui/bower_components/paper-dropdown-menu/bower.json
+++ b/dashboard-ui/bower_components/paper-dropdown-menu/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-dropdown-menu",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "An element that works similarly to a native browser select",
   "authors": [
     "The Polymer Authors"
diff --git a/dashboard-ui/bower_components/paper-dropdown-menu/paper-dropdown-menu.html b/dashboard-ui/bower_components/paper-dropdown-menu/paper-dropdown-menu.html
index 0494003e7c..d807a08ef6 100644
--- a/dashboard-ui/bower_components/paper-dropdown-menu/paper-dropdown-menu.html
+++ b/dashboard-ui/bower_components/paper-dropdown-menu/paper-dropdown-menu.html
@@ -117,6 +117,7 @@ respectively.
     }
 
     paper-menu-button {
+      display: block;
       @apply(--paper-dropdown-menu-button);
     }
 
@@ -199,6 +200,8 @@ respectively.
          * The last selected item. An item is selected if the dropdown menu has
          * a child with class `dropdown-content`, and that child triggers an
          * `iron-select` event with the selected `item` in the `detail`.
+         *
+         * @type {?Object}
          */
         selectedItem: {
           type: Object,
@@ -364,4 +367,3 @@ respectively.
     });
   })();
 </script>
-
diff --git a/dashboard-ui/bower_components/paper-progress/.bower.json b/dashboard-ui/bower_components/paper-progress/.bower.json
index 774d985a41..9746e164f1 100644
--- a/dashboard-ui/bower_components/paper-progress/.bower.json
+++ b/dashboard-ui/bower_components/paper-progress/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-progress",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "license": "http://polymer.github.io/LICENSE.txt",
   "description": "A material design progress bar",
   "authors": "The Polymer Authors",
@@ -19,7 +19,8 @@
   "dependencies": {
     "polymer": "Polymer/polymer#^1.0.0",
     "iron-range-behavior": "PolymerElements/iron-range-behavior#^1.0.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.0.0"
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
@@ -29,11 +30,11 @@
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
   "homepage": "https://github.com/PolymerElements/paper-progress",
-  "_release": "1.0.6",
+  "_release": "1.0.7",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.6",
-    "commit": "520d84592d98cac975bfcedfcc5765e51d2c2871"
+    "tag": "v1.0.7",
+    "commit": "39a860b8306b0a47e9216ac5b6063b2f88b7772f"
   },
   "_source": "git://github.com/PolymerElements/paper-progress.git",
   "_target": "^1.0.0",
diff --git a/dashboard-ui/bower_components/paper-progress/bower.json b/dashboard-ui/bower_components/paper-progress/bower.json
index 1bcb4e3cd3..9ac7647092 100644
--- a/dashboard-ui/bower_components/paper-progress/bower.json
+++ b/dashboard-ui/bower_components/paper-progress/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-progress",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "license": "http://polymer.github.io/LICENSE.txt",
   "description": "A material design progress bar",
   "authors": "The Polymer Authors",
@@ -19,7 +19,8 @@
   "dependencies": {
     "polymer": "Polymer/polymer#^1.0.0",
     "iron-range-behavior": "PolymerElements/iron-range-behavior#^1.0.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.0.0"
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
diff --git a/dashboard-ui/bower_components/paper-progress/paper-progress.html b/dashboard-ui/bower_components/paper-progress/paper-progress.html
index 504c8b35b6..a2eedbd317 100644
--- a/dashboard-ui/bower_components/paper-progress/paper-progress.html
+++ b/dashboard-ui/bower_components/paper-progress/paper-progress.html
@@ -9,9 +9,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 -->
 
 <link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../paper-styles/paper-styles.html">
-<link rel="import" href="../paper-styles/paper-styles-classes.html">
 <link rel="import" href="../iron-range-behavior/iron-range-behavior.html">
+<link rel="import" href="../paper-styles/color.html">
+<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
 
 <!--
 The progress bars are for situations where the percentage completed can be
diff --git a/dashboard-ui/bower_components/paper-toggle-button/.bower.json b/dashboard-ui/bower_components/paper-toggle-button/.bower.json
index b86c18c214..6552a463f1 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/.bower.json
+++ b/dashboard-ui/bower_components/paper-toggle-button/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-toggle-button",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "A material design toggle button control",
   "authors": [
     "The Polymer Authors"
@@ -34,11 +34,11 @@
     "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0"
   },
-  "_release": "1.0.9",
+  "_release": "1.0.10",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.9",
-    "commit": "95a18ee82adfb9e10594f99251e991f91b489ac1"
+    "tag": "v1.0.10",
+    "commit": "b9851b6ab872ea03df70b80c6f89478f50d12823"
   },
   "_source": "git://github.com/PolymerElements/paper-toggle-button.git",
   "_target": "~1.0.5",
diff --git a/dashboard-ui/bower_components/paper-toggle-button/bower.json b/dashboard-ui/bower_components/paper-toggle-button/bower.json
index 35f5024ba6..5731eaca3e 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/bower.json
+++ b/dashboard-ui/bower_components/paper-toggle-button/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-toggle-button",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "A material design toggle button control",
   "authors": [
     "The Polymer Authors"
diff --git a/dashboard-ui/bower_components/paper-toggle-button/demo/index.html b/dashboard-ui/bower_components/paper-toggle-button/demo/index.html
index 1d63affb75..72168968ff 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/demo/index.html
+++ b/dashboard-ui/bower_components/paper-toggle-button/demo/index.html
@@ -21,12 +21,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <link rel="import" href="../paper-toggle-button.html">
 
     <style is="custom-style">
-      .line {
+      paper-toggle-button {
         margin-bottom: 40px;
+        display: block;
       }
 
-      .line span {
-        margin-left: 24px;
+      paper-toggle-button:last-child {
+        margin-bottom: 0;
       }
 
       paper-toggle-button.blue {
@@ -71,33 +72,33 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       <div>
         <h4>Enabled</h4>
         <div class="horizontal-section">
-          <div class="line"><paper-toggle-button></paper-toggle-button><span>Oxygen</span></div>
-          <div class="line"><paper-toggle-button></paper-toggle-button><span>Carbon</span></div>
-          <div class="line"><paper-toggle-button checked></paper-toggle-button><span>Hydrogen</span></div>
-          <div class="line"><paper-toggle-button checked></paper-toggle-button><span>Nitrogen</span></div>
-          <div class="line"><paper-toggle-button checked></paper-toggle-button><span>Calcium</span></div>
+          <paper-toggle-button>Oxygen</paper-toggle-button>
+          <paper-toggle-button>Carbon</paper-toggle-button>
+          <paper-toggle-button checked>Hydrogen</paper-toggle-button>
+          <paper-toggle-button checked>Nitrogen</paper-toggle-button>
+          <paper-toggle-button checked>Calcium</paper-toggle-button>
         </div>
       </div>
 
       <div>
         <h4>Disabled</h4>
         <div class="horizontal-section">
-          <div class="line"><paper-toggle-button disabled></paper-toggle-button><span>Oxygen</span></div>
-          <div class="line"><paper-toggle-button disabled></paper-toggle-button><span>Carbon</span></div>
-          <div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Hydrogen</span></div>
-          <div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Nitrogen</span></div>
-          <div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Calcium</span></div>
+          <paper-toggle-button disabled>Oxygen</paper-toggle-button>
+          <paper-toggle-button disabled>Carbon</paper-toggle-button>
+          <paper-toggle-button checked disabled>Hydrogen</paper-toggle-button>
+          <paper-toggle-button checked disabled>Nitrogen</paper-toggle-button>
+          <paper-toggle-button checked disabled>Calcium</paper-toggle-button>
         </div>
       </div>
 
       <div>
         <h4>Color</h4>
         <div class="horizontal-section">
-          <div class="line"><paper-toggle-button class="blue"></paper-toggle-button><span>Oxygen</span></div>
-          <div class="line"><paper-toggle-button class="red"></paper-toggle-button><span>Carbon</span></div>
-          <div class="line"><paper-toggle-button checked class="orange"></paper-toggle-button><span>Hydrogen</span></div>
-          <div class="line"><paper-toggle-button checked class="green"></paper-toggle-button><span>Nitrogen</span></div>
-          <div class="line"><paper-toggle-button checked class="blue"></paper-toggle-button><span>Calcium</span></div>
+          <paper-toggle-button class="blue">Oxygen</paper-toggle-button>
+          <paper-toggle-button class="red">Carbon</paper-toggle-button>
+          <paper-toggle-button checked class="orange">Hydrogen</paper-toggle-button>
+          <paper-toggle-button checked class="green">Nitrogen</paper-toggle-button>
+          <paper-toggle-button checked class="blue">Calcium</paper-toggle-button>
         </div>
       </div>
     </div>
diff --git a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
index 4a60a79811..5ac7664f89 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
+++ b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
@@ -39,6 +39,7 @@ Custom property | Description | Default
 `--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
 `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
 `--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
+`--paper-toggle-button-label-color` | Label color | `--primary-text-color`
 
 @group Paper Elements
 @element paper-toggle-button
@@ -93,7 +94,7 @@ Custom property | Description | Default
         transition: none;
       }
 
-      :host([checked]):not([disabled]) .toggle-bar {
+      :host([checked]:not([disabled])) .toggle-bar {
         opacity: 0.5;
         background-color: var(--paper-toggle-button-checked-bar-color, --default-primary-color);
         @apply(--paper-toggle-button-checked-bar);
@@ -109,7 +110,7 @@ Custom property | Description | Default
         transform: translate(16px, 0);
       }
 
-      :host([checked]):not([disabled]) .toggle-button {
+      :host([checked]:not([disabled])) .toggle-button {
         background-color: var(--paper-toggle-button-checked-button-color, --default-primary-color);
         @apply(--paper-toggle-button-checked-button);
       }
@@ -135,10 +136,22 @@ Custom property | Description | Default
       }
 
       .toggle-container {
+        display: inline-block;
         position: relative;
         width: 36px;
         height: 14px;
       }
+
+      .toggle-label {
+        position: relative;
+        top: -2px;
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 10px;
+        white-space: normal;
+        pointer-events: none;
+        color: var(--paper-toggle-button-label-color, --primary-text-color);
+      }
     </style>
 
     <div class="toggle-container">
@@ -148,6 +161,8 @@ Custom property | Description | Default
       </div>
     </div>
 
+    <div class="toggle-label"><content></content></div>
+
   </template>
 
   <script>
diff --git a/dashboard-ui/cinemamodeconfiguration.html b/dashboard-ui/cinemamodeconfiguration.html
index bf879af509..5f269bc5c4 100644
--- a/dashboard-ui/cinemamodeconfiguration.html
+++ b/dashboard-ui/cinemamodeconfiguration.html
@@ -43,7 +43,7 @@
                                 <input type="checkbox" id="chkOtherTrailers" />
                             </fieldset>
                             <div class="fieldDescription">${LabelTheseFeaturesRequireSupporterHelpAndTrailers}</div>
-                            <div class="fieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/donate" target="_blank" style="display:none;">${ButtonLearnMore}</a></div>
+                            <div class="fieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/premiere" target="_blank" style="display:none;">${ButtonLearnMore}</a></div>
                         </li>
                         <li>
                             <label for="chkMyMovieTrailers">${OptionTrailersFromMyMovies}</label>
diff --git a/dashboard-ui/components/imagedownloader/imagedownloader.js b/dashboard-ui/components/imagedownloader/imagedownloader.js
index 3b73efc9ec..71f34e0569 100644
--- a/dashboard-ui/components/imagedownloader/imagedownloader.js
+++ b/dashboard-ui/components/imagedownloader/imagedownloader.js
@@ -307,17 +307,15 @@
             var editorContent = dlg.querySelector('.editorContent');
             initEditor(editorContent);
 
-            $('.btnCloseDialog', dlg).on('click', closeDialog);
+            $('.btnCloseDialog', dlg).on('click', function () {
+
+                PaperDialogHelper.close(dlg);
+            });
 
             reloadBrowsableImages(editorContent);
         });
     }
 
-    function closeDialog() {
-
-        history.back();
-    }
-
     function onDialogClosed() {
 
         $(this).remove();
diff --git a/dashboard-ui/cordova/ios/backgroundfetch.js b/dashboard-ui/cordova/ios/backgroundfetch.js
index c27e0ffee5..102eae1cf3 100644
--- a/dashboard-ui/cordova/ios/backgroundfetch.js
+++ b/dashboard-ui/cordova/ios/backgroundfetch.js
@@ -51,7 +51,6 @@
 
         startSync(true, {
             uploadPhotos: false,
-            enableBackgroundTransfer: true,
             enableNewDownloads: true
         });
     }
@@ -60,31 +59,14 @@
         Logger.log('- BackgroundFetch failed');
     }
 
-    var syncInterval = 1800000;
-
-    function restartInterval() {
-
-        setInterval(function () {
-
-            startIntervalSync();
-
-        }, syncInterval);
-
-        if (lastStart > 0 && (new Date().getTime() - lastStart) >= syncInterval) {
-
-            setTimeout(function () {
-                startIntervalSync();
-
-            }, 5000);
-        }
-    }
-
+    var syncInterval = 900000;
+    var photoUploadInterval = 21600000;
+    var offlineUserSyncInterval = 43200000;
     function startIntervalSync() {
 
         startSync(false, {
             uploadPhotos: true,
-            enableNewDownloads: false,
-            enableBackgroundTransfer: true
+            enableNewDownloads: true
         });
     }
 
@@ -92,9 +74,8 @@
 
         options.enableBackgroundTransfer = true;
 
-        if (options.enableNewDownloads == null) {
-            options.enableNewDownloads = false;
-        }
+        options.uploadPhotos = (new Date().getTime() - lastStart) >= photoUploadInterval;
+        options.syncOfflineUsers = (new Date().getTime() - lastStart) >= offlineUserSyncInterval;
     }
 
     Dashboard.ready(function () {
@@ -103,10 +84,23 @@
 
             LocalSync.normalizeSyncOptions = normalizeSyncOptions;
         });
-
-        restartInterval();
     });
-    document.addEventListener("resume", restartInterval, false);
+
+    pageClassOn('pageshow', "page", function () {
+
+        if (!Dashboard.getCurrentUserId()) {
+            return;
+        }
+
+        if ((new Date().getTime() - lastStart) >= syncInterval) {
+
+            setTimeout(function () {
+                startIntervalSync();
+
+            }, 10000);
+        }
+
+    });
 
     onDeviceReady();
 })();
\ No newline at end of file
diff --git a/dashboard-ui/cordova/ios/tabbar.js b/dashboard-ui/cordova/ios/tabbar.js
index f161f912a2..4124380614 100644
--- a/dashboard-ui/cordova/ios/tabbar.js
+++ b/dashboard-ui/cordova/ios/tabbar.js
@@ -97,24 +97,30 @@
         TabBar.show();
     }
 
-    function showUserTabs() {
+    function showUserTabs(user) {
 
-        Dashboard.getCurrentUser().done(function (user) {
+        var tabs = ['Library', 'Favorites', 'Search', 'NowPlaying'];
 
-            var tabs = ['Library', 'Favorites', 'Search', 'NowPlaying'];
+        if (user.Policy.EnableSync) {
 
-            if (user.Policy.EnableSync) {
+            tabs.push('Sync');
+        }
 
-                tabs.push('Sync');
-            }
+        tabs.push('Settings');
 
-            tabs.push('Settings');
+        TabBar.showNamedItems(tabs);
 
-            TabBar.showNamedItems(tabs);
+        // We need to make sure the above completes first
+        setTimeout(showTabs, 500);
+    }
 
-            // We need to make sure the above completes first
-            setTimeout(showTabs, 500);
-        });
+    function showCurrentUserTabs() {
+
+        if (!Dashboard.getCurrentUserId()) {
+            return;
+        }
+
+        Dashboard.getCurrentUser().done(showUserTabs);
     }
 
     var isFirstHide = true;
@@ -137,12 +143,15 @@
 
         init();
 
-        showUserTabs();
+        Events.on(ConnectionManager, 'localusersignedin', function (e, user) {
+            showUserTabs(user);
+        });
 
-        Events.on(ConnectionManager, 'localusersignedin', showUserTabs);
         Events.on(ConnectionManager, 'localusersignedout', hideTabs);
         Events.on(MediaController, 'beforeplaybackstart', onPlaybackStart);
         Events.on(MediaController, 'playbackstop', onPlaybackStop);
+
+        showCurrentUserTabs();
     });
 
     function onPlaybackStart(e, state, player) {
diff --git a/dashboard-ui/cordova/localassetmanager.js b/dashboard-ui/cordova/localassetmanager.js
index c845901307..d1dd0be3a5 100644
--- a/dashboard-ui/cordova/localassetmanager.js
+++ b/dashboard-ui/cordova/localassetmanager.js
@@ -246,6 +246,54 @@
         return deferred.promise();
     }
 
+    function getUserIdsWithAccess(itemId, serverId) {
+
+        var deferred = DeferredBuilder.Deferred();
+
+        getOfflineItemsDb(function (db) {
+
+            db.transaction(function (tx) {
+
+                tx.executeSql("SELECT UserIdsWithAccess from Items where ItemId=? AND ServerId=?", [itemId, serverId], function (tx, res) {
+
+                    var itemIds = [];
+
+                    if (res.rows.length) {
+                        itemIds = res.rows.item(0).UserIdsWithAccess;
+                        itemIds = itemIds ? itemIds.split(',') : [];
+                    }
+
+                    deferred.resolveWith(null, [itemIds]);
+
+                }, function (e) {
+                    deferred.reject();
+                });
+            });
+        });
+
+        return deferred.promise();
+    }
+
+    function saveUserIdsWithAccess(itemId, serverId, userIds) {
+
+        Logger.log('saveUserIdsWithAccess');
+
+        var deferred = DeferredBuilder.Deferred();
+
+        getOfflineItemsDb(function (db) {
+
+            db.transaction(function (tx) {
+
+                var values = [userIds.join(','), itemId, serverId];
+
+                tx.executeSql("Update Items set UserIdsWithAccess=? where ItemId=? and ServerId=?", values);
+                deferred.resolve();
+            });
+        });
+
+        return deferred.promise();
+    }
+
     function getLocalItem(itemId, serverId) {
 
         var deferred = DeferredBuilder.Deferred();
@@ -509,7 +557,7 @@
                     isResolved = true;
                     // true indicates that it's queued
                     deferred.resolveWith(null, [localPath, true]);
-                }, 700);
+                }, 500);
 
                 // Start the download and persist the promise to be able to cancel the download.
                 download.startAsync().then(function () {
@@ -622,7 +670,7 @@
                             // true indicates that it's queued
                             deferred.resolveWith(null, [localPath, isQueued]);
                         }
-                    }, 3000);
+                    }, 500);
                 }
 
             }, function () {
@@ -871,7 +919,9 @@
         hasImage: hasImage,
         downloadImage: downloadImage,
         fileExists: fileExists,
-        translateFilePath: translateFilePath
+        translateFilePath: translateFilePath,
+        getUserIdsWithAccess: getUserIdsWithAccess,
+        saveUserIdsWithAccess: saveUserIdsWithAccess
     };
 
 })();
\ No newline at end of file
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index 402acfe09b..6057b4bc91 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -147,6 +147,23 @@
     position: relative;
     top: 1px;
     white-space: nowrap;
+    max-width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+@media all and (min-width: 500px) {
+
+    .libraryMenuButtonText {
+        max-width: 200px;
+    }
+}
+
+@media all and (min-width: 600px) {
+
+    .libraryMenuButtonText {
+        max-width: 300px;
+    }
 }
 
 .logoLibraryMenuButtonText {
diff --git a/dashboard-ui/css/mediaplayer.css b/dashboard-ui/css/mediaplayer.css
index c997503314..333be0b0a0 100644
--- a/dashboard-ui/css/mediaplayer.css
+++ b/dashboard-ui/css/mediaplayer.css
@@ -4,7 +4,7 @@
 }
 
 .nowPlayingText {
-    display: inline-block;.
+    display: inline-block;
     font-weight: normal;
     position: relative;
     top: -7px;
@@ -24,7 +24,7 @@
 }
 
 .mediaButton.active {
-    color: #2ad;
+    color: #52B54B;
 }
 
 @media (min-width: 500px) {
diff --git a/dashboard-ui/livetvnewrecording.html b/dashboard-ui/livetvnewrecording.html
index 5a1e0b61ed..34409e57be 100644
--- a/dashboard-ui/livetvnewrecording.html
+++ b/dashboard-ui/livetvnewrecording.html
@@ -70,7 +70,7 @@
                     <div class="supporterContainer hide">
                         <p>${MessageActiveSupporterMembershipRequiredSeriesRecordings}</p>
                         <p class="supporterTrial hide">${HeaderEnjoyDayTrial}</p>
-                        <a class="clearLink btnSupporter hide" href="http://emby.media/donate" target="_blank"><paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button></a>
+                        <a class="clearLink btnSupporter hide" href="http://emby.media/premiere" target="_blank"><paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button></a>
                         <br />
                     </div>
                     <button type="submit" data-role="none" class="clearButton btnSubmitContainer">
diff --git a/dashboard-ui/mysync.html b/dashboard-ui/mysync.html
index 935eb791ff..735df60085 100644
--- a/dashboard-ui/mysync.html
+++ b/dashboard-ui/mysync.html
@@ -10,7 +10,7 @@
 
             <div class="supporterPromotionContainer" style="display:none;text-align: right;">
                 <div class="customSupporterPromotion supporterPromotion inlineSupporterPromotion">
-                    <a class="btn btnActionAccent" href="http://emby.media/donate" target="_blank" style="font-size:14px;">
+                    <a class="btn btnActionAccent" href="http://emby.media/premiere" target="_blank" style="font-size:14px;">
                         <div class="mainText">
                         </div>
                         <div class="btnLearnMore" style="font-weight:normal;font-size:90%;margin-top:5px;">
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index dca3bba33e..a70c4cb10f 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -817,13 +817,13 @@
             imgUrl = "css/images/supporter/supporterbadge.png";
             text = Globalize.translate('MessageThankYouForSupporting');
 
-            $('.supporterIconContainer', page).html('<a class="imageLink supporterIcon" href="http://emby.media/donate" target="_blank" title="' + text + '"><img src="' + imgUrl + '" style="height:32px;vertical-align: middle; margin-right: .5em;" /></a><span style="position:relative;top:2px;text-decoration:none;">' + text + '</span>');
+            $('.supporterIconContainer', page).html('<a class="imageLink supporterIcon" href="http://emby.media/premiere" target="_blank" title="' + text + '"><img src="' + imgUrl + '" style="height:32px;vertical-align: middle; margin-right: .5em;" /></a><span style="position:relative;top:2px;text-decoration:none;">' + text + '</span>');
         } else {
 
             imgUrl = "css/images/supporter/nonsupporterbadge.png";
             text = Globalize.translate('MessagePleaseSupportProject');
 
-            $('.supporterIconContainer', page).html('<a class="imageLink supporterIcon" href="http://emby.media/donate" target="_blank" title="' + text + '"><img src="' + imgUrl + '" style="height:32px;vertical-align: middle; margin-right: .5em;" /><span style="position:relative;top:2px;text-decoration:none;">' + text + '</span></a>');
+            $('.supporterIconContainer', page).html('<a class="imageLink supporterIcon" href="http://emby.media/premiere" target="_blank" title="' + text + '"><img src="' + imgUrl + '" style="height:32px;vertical-align: middle; margin-right: .5em;" /><span style="position:relative;top:2px;text-decoration:none;">' + text + '</span></a>');
         }
     },
 
@@ -1064,9 +1064,7 @@ $(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pageb
             }, 1000);
         }
 
-        // https://hacks.mozilla.org/2013/04/detecting-touch-its-the-why-not-the-how/
-
-        if (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
+        if (AppInfo.isTouchPreferred) {
             /* browser with either Touch Events of Pointer Events
                running on touch-capable device */
             return this;
@@ -1378,7 +1376,7 @@ $(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pageb
                 $('.supporterPromotion', page).remove();
 
                 if (!pluginSecurityInfo.IsMBSupporter && AppInfo.enableSupporterMembership) {
-                    $('.content-primary', page).append('<div class="supporterPromotion"><a class="btn btnActionAccent" href="http://emby.media/donate" target="_blank" style="font-size:14px;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;font-size:90%;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></a></div>');
+                    $('.content-primary', page).append('<div class="supporterPromotion"><a class="btn btnActionAccent" href="http://emby.media/premiere" target="_blank" style="font-size:14px;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;font-size:90%;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></a></div>');
                 }
             }
 
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index e729ae8d98..904477d2d7 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -1469,8 +1469,6 @@
         $('.popupAdvancedRefreshForm').off('submit', EditItemMetadataPage.onRefreshFormSubmit).on('submit', EditItemMetadataPage.onRefreshFormSubmit);
         $('.identifyOptionsForm').off('submit', EditItemMetadataPage.onIdentificationOptionsSubmit).on('submit', EditItemMetadataPage.onIdentificationOptionsSubmit);
 
-        page.querySelector('.btnMore iron-icon').icon = AppInfo.moreIcon;
-
         $('.btnMore', page).on('click', function () {
             showMoreMenu(page, this);
         });
diff --git a/dashboard-ui/scripts/livetvcomponents.js b/dashboard-ui/scripts/livetvcomponents.js
index 1361437bf1..3da49d40af 100644
--- a/dashboard-ui/scripts/livetvcomponents.js
+++ b/dashboard-ui/scripts/livetvcomponents.js
@@ -373,9 +373,7 @@
             }, 1000);
         }
 
-        // https://hacks.mozilla.org/2013/04/detecting-touch-its-the-why-not-the-how/
-
-        if (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
+        if (AppInfo.isTouchPreferred) {
             /* browser with either Touch Events of Pointer Events
                running on touch-capable device */
             return this;
diff --git a/dashboard-ui/scripts/registrationservices.js b/dashboard-ui/scripts/registrationservices.js
index b6b0f7e317..63087dfe23 100644
--- a/dashboard-ui/scripts/registrationservices.js
+++ b/dashboard-ui/scripts/registrationservices.js
@@ -44,7 +44,7 @@
 
         html += '<br/>';
 
-        html += '<a class="clearLink" href="http://emby.media/donate" target="_blank"><paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></paper-button></a>';
+        html += '<a class="clearLink" href="http://emby.media/premiere" target="_blank"><paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></paper-button></a>';
         html += '<paper-button raised class="subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></paper-button>';
 
         html += '</div>';
@@ -82,7 +82,7 @@
                 }
 
                 Dashboard.alert({
-                    message: Globalize.translate('HeaderSyncRequiresSupporterMembership') + '<br/><p><a href="http://emby.media/donate" target="_blank">' + Globalize.translate('ButtonLearnMore') + '</a></p>',
+                    message: Globalize.translate('HeaderSyncRequiresSupporterMembership') + '<br/><p><a href="http://emby.media/premiere" target="_blank">' + Globalize.translate('ButtonLearnMore') + '</a></p>',
                     title: Globalize.translate('HeaderSync')
                 });
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 251a7286fd..ece9ce084b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -2331,7 +2331,10 @@ var AppInfo = {};
 
             var name = $.browser.android ? "Emby for Android" : ($.browser.safari ? "Emby for iOS" : "Emby Mobile");
 
-            init(deferred, capablities, name, appVersion, deviceId, device.model);
+            // Remove special characters
+            var cleanDeviceName = device.model.replace(/[^\w\s]/gi, '');
+
+            init(deferred, capablities, name, appVersion, deviceId, cleanDeviceName);
         });
     }
 
diff --git a/dashboard-ui/scripts/supporterpage.js b/dashboard-ui/scripts/supporterpage.js
index d9814a14c9..fefbd98058 100644
--- a/dashboard-ui/scripts/supporterpage.js
+++ b/dashboard-ui/scripts/supporterpage.js
@@ -201,7 +201,7 @@
 
         $('.radioDonationType', page).trigger('change');
 
-        $('.benefits', page).html(Globalize.translate('HeaderSupporterBenefit', '<a href="http://emby.media/donate" target="_blank">', '</a>')).trigger('create');
+        $('.benefits', page).html(Globalize.translate('HeaderSupporterBenefit', '<a href="http://emby.media/premiere" target="_blank">', '</a>')).trigger('create');
 
         loadUserInfo(page);
     });
diff --git a/dashboard-ui/scripts/syncactivity.js b/dashboard-ui/scripts/syncactivity.js
index dd86bbd0c0..ec47738ae9 100644
--- a/dashboard-ui/scripts/syncactivity.js
+++ b/dashboard-ui/scripts/syncactivity.js
@@ -404,7 +404,7 @@
                 $('.supporterPromotionContainer', page).show();
 
                 if (AppInfo.enableSupporterMembership) {
-                    $('.supporterPromotion a', page).attr('href', 'http://emby.media/donate');
+                    $('.supporterPromotion a', page).attr('href', 'http://emby.media/premiere');
                     $('.supporterPromotion .btnLearnMore', page).show();
                     $('.supporterPromotion .mainText', page).html(Globalize.translate('HeaderSyncRequiresSupporterMembership'));
                 } else {
diff --git a/dashboard-ui/strings/javascript/javascript.json b/dashboard-ui/strings/javascript/javascript.json
index 705330baff..66c80d34f0 100644
--- a/dashboard-ui/strings/javascript/javascript.json
+++ b/dashboard-ui/strings/javascript/javascript.json
@@ -38,7 +38,7 @@
     "HeaderSupportTheTeam": "Support the Emby Team",
     "TextEnjoyBonusFeatures": "Enjoy Bonus Features",
     "TitleLiveTV": "Live TV",
-    "ButtonCancelSyncJob": "Cancel sync job",
+    "ButtonCancelSyncJob": "Cancel sync",
     "ButtonSelectView": "Select view",
     "TitleSync": "Sync",
     "OptionAutomatic": "Auto",
diff --git a/dashboard-ui/supporter.html b/dashboard-ui/supporter.html
index 210b81ee4c..5744291128 100644
--- a/dashboard-ui/supporter.html
+++ b/dashboard-ui/supporter.html
@@ -29,7 +29,7 @@
 
                     <div class="supporterContainer hide">
                         <br />
-                        <a class="clearLink" href="http://emby.media/donate" target="_blank">
+                        <a class="clearLink" href="http://emby.media/premiere" target="_blank">
                             <paper-button raised class="block accent"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button>
                         </a>
                     </div>
diff --git a/dashboard-ui/syncactivity.html b/dashboard-ui/syncactivity.html
index 9025d3c1f3..92c3724a21 100644
--- a/dashboard-ui/syncactivity.html
+++ b/dashboard-ui/syncactivity.html
@@ -22,7 +22,7 @@
                 <br />
                 <div class="supporterPromotionContainer" style="display:none;">
                     <div class="customSupporterPromotion supporterPromotion">
-                        <a class="btn btnActionAccent" href="http://emby.media/donate" target="_blank" style="font-size:14px;">
+                        <a class="btn btnActionAccent" href="http://emby.media/premiere" target="_blank" style="font-size:14px;">
                             <div class="mainText">
                             </div>
                             <div class="btnLearnMore" style="font-weight:normal;font-size:90%;margin-top:5px;">
diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html
index e84b3e1873..c55ad223c4 100644
--- a/dashboard-ui/vulcanize-out.html
+++ b/dashboard-ui/vulcanize-out.html
@@ -11898,194 +11898,6 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
 
 
 
-
-<style>
-
-.paper-font-display4,
-.paper-font-display3,
-.paper-font-display2,
-.paper-font-display1,
-.paper-font-headline,
-.paper-font-title,
-.paper-font-subhead,
-.paper-font-body2,
-.paper-font-body1,
-.paper-font-caption,
-.paper-font-menu,
-.paper-font-button {
-  font-family: 'Roboto', 'Noto', sans-serif;
-  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */
-}
-
-.paper-font-code2,
-.paper-font-code1 {
-  font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
-  -webkit-font-smoothing: antialiased;  /* OS X subpixel AA bleed bug */
-}
-
-/* Opt for better kerning for headers & other short labels. */
-.paper-font-display4,
-.paper-font-display3,
-.paper-font-display2,
-.paper-font-display1,
-.paper-font-headline,
-.paper-font-title,
-.paper-font-subhead,
-.paper-font-menu,
-.paper-font-button {
-  text-rendering: optimizeLegibility;
-}
-
-/*
-"Line wrapping only applies to Body, Subhead, Headline, and the smaller Display
-styles. All other styles should exist as single lines."
-*/
-.paper-font-display4,
-.paper-font-display3,
-.paper-font-title,
-.paper-font-caption,
-.paper-font-menu,
-.paper-font-button {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.paper-font-display4 {
-  font-size: 112px;
-  font-weight: 300;
-  letter-spacing: -.044em;
-  line-height: 120px;
-}
-
-.paper-font-display3 {
-  font-size: 56px;
-  font-weight: 400;
-  letter-spacing: -.026em;
-  line-height: 60px;
-}
-
-.paper-font-display2 {
-  font-size: 45px;
-  font-weight: 400;
-  letter-spacing: -.018em;
-  line-height: 48px;
-}
-
-.paper-font-display1 {
-  font-size: 34px;
-  font-weight: 400;
-  letter-spacing: -.01em;
-  line-height: 40px;
-}
-
-.paper-font-headline {
-  font-size: 24px;
-  font-weight: 400;
-  letter-spacing: -.012em;
-  line-height: 32px;
-}
-
-.paper-font-title {
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 28px;
-}
-
-.paper-font-subhead {
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-}
-
-.paper-font-body2 {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 24px;
-}
-
-.paper-font-body1 {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 20px;
-}
-
-.paper-font-caption {
-  font-size: 12px;
-  font-weight: 400;
-  letter-spacing: 0.011em;
-  line-height: 20px;
-}
-
-.paper-font-menu {
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 24px;
-}
-
-.paper-font-button {
-  font-size: 14px;
-  font-weight: 500;
-  letter-spacing: 0.018em;
-  line-height: 24px;
-  text-transform: uppercase;
-}
-
-.paper-font-code2 {
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 20px;
-}
-
-.paper-font-code1 {
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 20px;
-}
-
-</style>
-<style>
-.shadow-transition {
-  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.shadow-elevation-2dp {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
-              0 1px 5px 0 rgba(0, 0, 0, 0.12),
-              0 3px 1px -2px rgba(0, 0, 0, 0.2);
-}
-
-.shadow-elevation-3dp {
-  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
-              0 1px 8px 0 rgba(0, 0, 0, 0.12),
-              0 3px 3px -2px rgba(0, 0, 0, 0.4);
-}
-
-.shadow-elevation-4dp {
-  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
-              0 1px 10px 0 rgba(0, 0, 0, 0.12),
-              0 2px 4px -1px rgba(0, 0, 0, 0.4);
-}
-
-.shadow-elevation-6dp {
-  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
-              0 1px 18px 0 rgba(0, 0, 0, 0.12),
-              0 3px 5px -1px rgba(0, 0, 0, 0.4);
-}
-
-.shadow-elevation-8dp {
-  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12),
-              0 5px 5px -3px rgba(0, 0, 0, 0.4);
-}
-
-.shadow-elevation-16dp {
-  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-              0  6px 30px 5px rgba(0, 0, 0, 0.12),
-              0  8px 10px -5px rgba(0, 0, 0, 0.4);
-}
-
-</style>
 <script>
 
  /**