From: Kohei Yoshino <kohei.yoshino@gmail.com>
Date: Wed, 15 May 2019 21:07:43 +0000 (-0400)
Subject: Bug 1377977 - Implement initial version of post-Sandstone theme including Dark Mode
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=27acc8713f98591b4992e8ca8bcd3d031ecdb677;p=thirdparty%2Fbugzilla.git

Bug 1377977 - Implement initial version of post-Sandstone theme including Dark Mode

* Introduce a new modern theme featuring both Light & **Dark Mode**, which will be automatically switched according to the system’s appearance setting.
* Demonstrate the new [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) media query currently supported by Firefox 67+ and Safari 12.1+.
* Typography: Replaced Fira Sans Regular with FiraGO Book for better readability.
* Miscellaneous design improvements.
---

diff --git a/Bugzilla/Constants.pm b/Bugzilla/Constants.pm
index c86d03ae93..fe01e99098 100644
--- a/Bugzilla/Constants.pm
+++ b/Bugzilla/Constants.pm
@@ -740,7 +740,7 @@ sub DEFAULT_CSP {
       'https://crash-stop-addon.herokuapp.com',
     ],
     worker_src  => ['none',],
-    img_src     => ['self', 'blob:', 'https://secure.gravatar.com'],
+    img_src     => ['self', 'data:', 'blob:', 'https://secure.gravatar.com'],
     style_src   => ['self', 'unsafe-inline'],
     object_src  => ['none'],
     connect_src => [
@@ -788,7 +788,7 @@ sub SHOW_BUG_MODAL_CSP {
       'unsafe-inline', 'unsafe-eval',
       'https://www.google-analytics.com'
     ],
-    img_src     => ['self', 'https://secure.gravatar.com'],
+    img_src     => ['self', 'data:', 'https://secure.gravatar.com'],
     media_src   => ['self'],
     connect_src => [
       'self',
diff --git a/Bugzilla/Template.pm b/Bugzilla/Template.pm
index 355271b87b..fbff69bb3e 100644
--- a/Bugzilla/Template.pm
+++ b/Bugzilla/Template.pm
@@ -1091,9 +1091,8 @@ sub create {
         return '' unless @sigs;
 
         # use a URI object to encode the query string part.
-        my $uri = URI->new(
-          Bugzilla->localconfig->{urlbase} . 'metricsgraphics/socorro-lens.html');
-        $uri->query_form('s' => join("\\", @sigs));
+        my $uri = URI->new(Bugzilla->localconfig->{urlbase} . 'page.cgi');
+        $uri->query_form({'id' => 'socorro-lens.html', 's' => join("\\", @sigs)});
         return $uri;
       },
     },
diff --git a/extensions/BMO/template/en/default/account/create.html.tmpl b/extensions/BMO/template/en/default/account/create.html.tmpl
index bda8cbdb47..032d8427ec 100644
--- a/extensions/BMO/template/en/default/account/create.html.tmpl
+++ b/extensions/BMO/template/en/default/account/create.html.tmpl
@@ -159,7 +159,7 @@ function onSubmit() {
     </td>
     </tr>
     <tr>
-    <td>
+    <td colspan="2">
       <input type="hidden" id="token" name="token" value="[% issue_hash_token(['create_account']) FILTER html %]">
       <input type="submit" value="Create Account">
     </td>
@@ -184,7 +184,7 @@ function onSubmit() {
     border="0" width="64" height="64"></a>
   </td>
   <td valign="top">
-    <h2><a href="[% url FILTER none %]">[% name FILTER html %]</a></h2>
+    <h3><a href="[% url FILTER none %]">[% name FILTER html %]</a></h3>
     <div>[% desc FILTER html %]</div>
   </td>
   </tr>
diff --git a/extensions/BMO/template/en/default/bug/create/create-automative.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-automative.html.tmpl
index 96e688c8f6..4a13bca0ad 100644
--- a/extensions/BMO/template/en/default/bug/create/create-automative.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-automative.html.tmpl
@@ -14,33 +14,19 @@
 }
 #automative_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #automative_form .field_label {
   font-weight: bold;
 }
 #automative_form .field_desc {
   padding-bottom: 3px;
-}
-#automative_form .field_desc,
-#automative_form .head_desc {
   width: 600px;
   word-wrap: normal;
 }
-#automative_form .head_desc {
-  padding-top: 5px;
-  padding-bottom: 12px;
-}
 #automative_form .form_section {
   margin-bottom: 10px;
 }
-#automative_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-#automative_form em {
-  font-size: 1em;
-}
 .yui-calcontainer {
   z-index: 2;
 }
@@ -105,9 +91,7 @@ function validateAndSubmit() {
   <input type="hidden" name="token" value="[% token FILTER html %]">
   <input type="hidden" name="assigned_to" value="jgriffin@mozilla.com">
 
-  <div class="head_desc">
-    Welcome to the Automation Request Form!
-  </div>
+  <h1>Welcome to the Automation Request Form!</h1>
 
   <div class="form_section">
     <label for="short_desc" class="field_label required">Summary</label>
diff --git a/extensions/BMO/template/en/default/bug/create/create-blocklist.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-blocklist.html.tmpl
index 9b1da0be29..0ce2e6b163 100644
--- a/extensions/BMO/template/en/default/bug/create/create-blocklist.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-blocklist.html.tmpl
@@ -14,7 +14,7 @@
 }
 #blocklist_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #blocklist_form .field_label {
   font-weight: bold;
@@ -35,13 +35,8 @@
   margin-bottom: 10px;
 }
 #blocklist_form textarea {
-  font-family: inherit;
-  font-size: inherit;
   margin: 0 !important;
 }
-#blocklist_form em {
-  font-size: 1em;
-}
 
 #blocklist_form.noscript {
   display: none;
diff --git a/extensions/BMO/template/en/default/bug/create/create-client-bounty.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-client-bounty.html.tmpl
index 9b8d7e1116..942ee9fc89 100644
--- a/extensions/BMO/template/en/default/bug/create/create-client-bounty.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-client-bounty.html.tmpl
@@ -62,7 +62,7 @@
 
 #client_bounty_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #client_bounty_form .field_label {
   font-weight: bold;
diff --git a/extensions/BMO/template/en/default/bug/create/create-comm-newsletter.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-comm-newsletter.html.tmpl
index d050145ff0..3150db06a2 100644
--- a/extensions/BMO/template/en/default/bug/create/create-comm-newsletter.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-comm-newsletter.html.tmpl
@@ -14,7 +14,7 @@
 }
 #newsletter_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #newsletter_form .field_label {
   font-weight: bold;
@@ -34,13 +34,6 @@
 #newsletter_form .form_section {
   margin-bottom: 10px;
 }
-#newsletter_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-#newsletter_form em {
-  font-size: 1em;
-}
 .yui-calcontainer {
   z-index: 2;
 }
diff --git a/extensions/BMO/template/en/default/bug/create/create-costume.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-costume.html.tmpl
index 41cd865089..8e21feeead 100644
--- a/extensions/BMO/template/en/default/bug/create/create-costume.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-costume.html.tmpl
@@ -17,23 +17,14 @@
   margin-bottom: 0.5em;
 }
 
-
 #custom_form th {
   text-align: right;
   font-weight: normal;
   white-space: nowrap;
 }
 
-#custom_form .heading {
-  text-align: left;
-  font-weight: bold;
-  border-top: 2px dotted #969696;
-}
-
 #custom_form input[type="text"], #custom_form textarea {
   width: 300px;
-  font-family: "Fira Sans","Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
-  font-size: 1em;
 }
 
 #custom_form input.short {
@@ -46,7 +37,7 @@
 
 .mandatory:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 [% END %]
 
diff --git a/extensions/BMO/template/en/default/bug/create/create-creative.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-creative.html.tmpl
index 29620ff65d..15b196c8c2 100644
--- a/extensions/BMO/template/en/default/bug/create/create-creative.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-creative.html.tmpl
@@ -14,7 +14,7 @@
 }
 #creative_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #creative_form .field_label {
   font-weight: bold;
@@ -34,13 +34,6 @@
 #creative_form .form_section {
   margin-bottom: 10px;
 }
-#creative_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-#creative_form em {
-  font-size: 1em;
-}
 #creative_form input[disabled] {
   background: transparent;
 }
diff --git a/extensions/BMO/template/en/default/bug/create/create-crm.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-crm.html.tmpl
index 2e9df9a52f..79b3255927 100644
--- a/extensions/BMO/template/en/default/bug/create/create-crm.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-crm.html.tmpl
@@ -23,18 +23,12 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_style = BLOCK %]
-#heading {
-  width:       98%;
-  font-size:   2em;
-  font-weight: bold;
-  margin:      12px;
-}
 .required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
 p {
   max-width: 40%;
@@ -77,7 +71,7 @@ $(document).ready(function() {
    jquery             = [ "datetimepicker" ]
 %]
 
-<div id="heading">CRM/Email Marketing Requests</div>
+<h1>CRM/Email Marketing Requests</h1>
 <div>
   <p>Mozilla continues to build our core, grow our influence, and prototype the
     future. Making connections and cultivating relationships is critical to helping
diff --git a/extensions/BMO/template/en/default/bug/create/create-data-compliance.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-data-compliance.html.tmpl
index 30a792716d..ceb13b3b82 100644
--- a/extensions/BMO/template/en/default/bug/create/create-data-compliance.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-data-compliance.html.tmpl
@@ -14,7 +14,7 @@
 }
 #data_comp_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #data_comp_form .field_label {
   text-align: left;
@@ -25,7 +25,7 @@
   word-wrap: normal;
 }
 #data_comp_form .head_desc {
-  font-size: 1.25em;
+  font-size: var(--font-size-x-large);
   padding-bottom: .5em;
 }
 #data_comp_form .form_section {
@@ -70,7 +70,7 @@
                        'extensions/BMO/web/js/form_validate.js' ]
 %]
 
-<h2>Data Compliance Form</h2>
+<h1>Data Compliance Form</h1>
 
 <form method="post" action="[% basepath FILTER none %]post_bug.cgi" id="data_comp_form"
       class="enter_bug_form" enctype="multipart/form-data"
diff --git a/extensions/BMO/template/en/default/bug/create/create-fsa-budget.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-fsa-budget.html.tmpl
index 1c4c3c0db6..57cf863e3b 100644
--- a/extensions/BMO/template/en/default/bug/create/create-fsa-budget.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-fsa-budget.html.tmpl
@@ -11,7 +11,7 @@
 [% inline_style = BLOCK %]
 #fsa_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #fsa_form .field_label {
   text-align: left;
@@ -22,7 +22,7 @@
   word-wrap: normal;
 }
 #fsa_form .head_desc {
-  font-size: 1.5em;
+  font-size: var(--font-size-x-large);
   padding-bottom: .5em;
 }
 #fsa_form .form_section {
diff --git a/extensions/BMO/template/en/default/bug/create/create-intern.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-intern.html.tmpl
index 039148e8d0..d0e88ccc60 100644
--- a/extensions/BMO/template/en/default/bug/create/create-intern.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-intern.html.tmpl
@@ -23,21 +23,15 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_style = BLOCK %]
-#heading {
-  width:       98%;
-  font-size:   2em;
-  font-weight: bold;
-  margin:      10px;
-}
 p {
   max-width: 40%;
 }
 label.required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
 .row label {
   display: block;
@@ -94,7 +88,7 @@ $(document).ready(function() {
   [% RETURN %]
 [% END %]
 
-<div id="heading">Intern Requests</div>
+<h1>Intern Requests</h1>
 <div>
   <p>
     Applications for 2016 Interns are now being accepted. If you would
diff --git a/extensions/BMO/template/en/default/bug/create/create-ipp.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-ipp.html.tmpl
index efeca2ce0b..6689c7a3ff 100644
--- a/extensions/BMO/template/en/default/bug/create/create-ipp.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-ipp.html.tmpl
@@ -17,11 +17,6 @@
   width: 100%;
 }
 
-#ipp_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-
 #standard_link {
   margin-top: 2em;
 }
diff --git a/extensions/BMO/template/en/default/bug/create/create-legal.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-legal.html.tmpl
index 878458cb65..d3b894c5fa 100644
--- a/extensions/BMO/template/en/default/bug/create/create-legal.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-legal.html.tmpl
@@ -28,10 +28,10 @@
 }
 label.required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
 [% END %]
 
diff --git a/extensions/BMO/template/en/default/bug/create/create-mdn.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-mdn.html.tmpl
index a45917ead5..986847afe5 100644
--- a/extensions/BMO/template/en/default/bug/create/create-mdn.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-mdn.html.tmpl
@@ -11,7 +11,7 @@
 [% inline_style = BLOCK %]
 strong.required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 #yui-history-iframe {
   position: absolute;
diff --git a/extensions/BMO/template/en/default/bug/create/create-mobile-compat.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-mobile-compat.html.tmpl
index 3de869dcf7..ae0059f7d4 100644
--- a/extensions/BMO/template/en/default/bug/create/create-mobile-compat.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-mobile-compat.html.tmpl
@@ -18,11 +18,6 @@
   width: 100%;
 }
 
-#bug_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-
 #standard_link {
   margin-top: 2em;
 }
diff --git a/extensions/BMO/template/en/default/bug/create/create-mozlist.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-mozlist.html.tmpl
index 25ce7482f9..9bffdec455 100644
--- a/extensions/BMO/template/en/default/bug/create/create-mozlist.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-mozlist.html.tmpl
@@ -13,7 +13,7 @@
    generate_api_token = 1
    javascript_urls = [ 'extensions/BMO/web/js/form_validate.js',
                        'js/field.js' ]
-   style = ".mandatory{color:red;font-size:80%;}"
+   style = ".mandatory{color:var(--required-label-color);font-size:var(--font-size-small);}"
 %]
 
 <script [% script_nonce FILTER none %]>
diff --git a/extensions/BMO/template/en/default/bug/create/create-mozpr.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-mozpr.html.tmpl
index 56f72dd231..39241e78c7 100644
--- a/extensions/BMO/template/en/default/bug/create/create-mozpr.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-mozpr.html.tmpl
@@ -33,7 +33,7 @@
 
 #pr_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 
 #pr_form .missing {
@@ -66,11 +66,6 @@
   margin-left: 30px;
 }
 
-#pr_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-
 #pr_form .head {
   font-weight: bold;
   border-top: 1px solid silver;
diff --git a/extensions/BMO/template/en/default/bug/create/create-name-clearance.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-name-clearance.html.tmpl
index 818ff2e205..e2488c827f 100644
--- a/extensions/BMO/template/en/default/bug/create/create-name-clearance.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-name-clearance.html.tmpl
@@ -23,19 +23,15 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_style = BLOCK %]
-#heading {
-  font-size:   2em;
-  font-weight: bold;
-}
 .row {
   padding-bottom: 10px;
 }
 label.required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
 [% END %]
 
@@ -67,7 +63,7 @@ $(function() {
    javascript         = inline_javascript
 %]
 
-<div id="heading">Name Clearance</div>
+<h1>Name Clearance</h1>
 
 <p><b>Note:</b> Do NOT add non-employees to this [% terms.bug %]. To maintain attorney-client privilege
   and confidentiality, legal [% terms.bugs %] are only visible to the reporter, the legal team, and the
diff --git a/extensions/BMO/template/en/default/bug/create/create-nda.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-nda.html.tmpl
index b17cf34b0f..f36c8807dd 100644
--- a/extensions/BMO/template/en/default/bug/create/create-nda.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-nda.html.tmpl
@@ -23,10 +23,6 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_style = BLOCK %]
-#heading {
-  font-size:   2em;
-  font-weight: bold;
-}
 .row {
   padding-bottom: 10px;
 }
@@ -58,7 +54,7 @@ $(function() {
    javascript         = inline_javascript
 %]
 
-<div id="heading">NDA Request Form</div>
+<h1>NDA Request Form</h1>
 
 <p><b>Note:</b> Do NOT add non-employees to this [% terms.bug %]. To maintain attorney-client
   privilege and confidentiality, legal [% terms.bugs %] are only visible to the reporter,
diff --git a/extensions/BMO/template/en/default/bug/create/create-recruiting.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-recruiting.html.tmpl
index d7fb7cbf6f..6be34ea3e8 100644
--- a/extensions/BMO/template/en/default/bug/create/create-recruiting.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-recruiting.html.tmpl
@@ -22,22 +22,15 @@
 [% PROCESS global/variables.none.tmpl %]
 
 [% inline_style = BLOCK %]
-#heading {
-  text-align:  center;
-  width:       98%;
-  font-size:   2em;
-  font-weight: bold;
-  margin:      10px;
-}
 p {
    max-width: 40%;
 }
 label.required:before {
   content: "* ";
-  color: red;
+  color: var(--required-label-color);
 }
 .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
 [% END %]
 
@@ -69,7 +62,7 @@ function jobDescToggle(what) {
 [% IF user.in_group("mozilla-employee-confidential")
    OR user.in_group("mozilla-messaging-confidential")
    OR user.in_group("mozilla-foundation-confidential") %]
-  <div id="heading">Recruiting</div>
+  <h1>Recruiting</h1>
 
   <p>
     Recruiting [% terms.Bugs %] are visible only to the Reporter, members of the People
diff --git a/extensions/BMO/template/en/default/bug/create/create-screen-share-whitelist.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-screen-share-whitelist.html.tmpl
index 59e04b062d..ad56880c14 100644
--- a/extensions/BMO/template/en/default/bug/create/create-screen-share-whitelist.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-screen-share-whitelist.html.tmpl
@@ -14,7 +14,7 @@
 }
 #whitelist_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #whitelist_form .field_label {
   font-weight: bold;
@@ -34,10 +34,6 @@
 #whitelist_form .form_section {
   margin-bottom: 10px;
 }
-#whitelist_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
 #whitelist_form #comp_description {
   test-align: left;
   color: green;
diff --git a/extensions/BMO/template/en/default/bug/create/create-shield-studies.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-shield-studies.html.tmpl
index 4b5e988f0c..23d51e9480 100644
--- a/extensions/BMO/template/en/default/bug/create/create-shield-studies.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-shield-studies.html.tmpl
@@ -11,7 +11,7 @@
 [% inline_css = BLOCK %]
 #shieldStudies .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #shieldStudies h3 {
   color: rgb(109, 117, 129);
diff --git a/extensions/BMO/template/en/default/bug/create/create-swag.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-swag.html.tmpl
index 6adfffda68..e6625ac649 100644
--- a/extensions/BMO/template/en/default/bug/create/create-swag.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-swag.html.tmpl
@@ -191,12 +191,12 @@ PROCESS "bug/create/cost-centers.none.tmpl";
 
 #gear_form .heading {
   text-align: left;
+  font-size: var(--font-size-h3);
   font-weight: bold;
-  border-top: 2px dotted #969696;
 }
 
 .mandatory {
-  color: red;
+  color: var(--required-label-color);
 }
 [% END %]
 
diff --git a/extensions/BMO/template/en/default/bug/create/create-user-engagement.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-user-engagement.html.tmpl
index 877c77bb24..2865942c0b 100644
--- a/extensions/BMO/template/en/default/bug/create/create-user-engagement.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-user-engagement.html.tmpl
@@ -14,7 +14,7 @@
 }
 #engagement_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #engagement_form .field_label {
   font-weight: bold;
@@ -34,13 +34,6 @@
 #engagement_form .form_section {
   margin-bottom: 10px;
 }
-#engagement_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-#engagement_form em {
-  font-size: 1em;
-}
 .yui-calcontainer {
   z-index: 2;
 }
diff --git a/extensions/BMO/template/en/default/bug/create/create-web-bounty.html.tmpl b/extensions/BMO/template/en/default/bug/create/create-web-bounty.html.tmpl
index 928f6c8e3f..124d966258 100644
--- a/extensions/BMO/template/en/default/bug/create/create-web-bounty.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/create-web-bounty.html.tmpl
@@ -14,7 +14,7 @@
 }
 #web_bounty_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #web_bounty_form .field_label {
   font-weight: bold;
@@ -35,13 +35,8 @@
   margin-bottom: 10px;
 }
 #web_bounty_form textarea {
-  font-family: inherit;
-  font-size: inherit;
   margin: 0 !important;
 }
-#web_bounty_form em {
-  font-size: 1em;
-}
 [% END %]
 
 [% inline_javascript = BLOCK %]
diff --git a/extensions/BMO/template/en/default/bug/create/created-intern.html.tmpl b/extensions/BMO/template/en/default/bug/create/created-intern.html.tmpl
index 096988c8ff..58cf274431 100644
--- a/extensions/BMO/template/en/default/bug/create/created-intern.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/created-intern.html.tmpl
@@ -20,7 +20,7 @@
   organization.
 </p>
 
-<p style="font-size: x-small">
+<p style="font-size: var(--font-size-small);">
   Reference: <a href="[% basepath FILTER none %]show_bug.cgi?id=[% id FILTER uri %]">#[% id FILTER html %]</a>
 </p>
 
diff --git a/extensions/BMO/template/en/default/bug/create/created-recruiting.html.tmpl b/extensions/BMO/template/en/default/bug/create/created-recruiting.html.tmpl
index 2ffeaedd28..1acea5f157 100644
--- a/extensions/BMO/template/en/default/bug/create/created-recruiting.html.tmpl
+++ b/extensions/BMO/template/en/default/bug/create/created-recruiting.html.tmpl
@@ -21,7 +21,7 @@
   <a href="mailto:mmarovich@mozilla.com">Michelle Marovich</a>.
 </p>
 
-<p style="font-size: x-small">
+<p style="font-size: var(--font-size-small);">
   Reference: <a href="[% basepath FILTER none %]show_bug.cgi?id=[% id FILTER uri %]">#[% id FILTER html %]</a>
 </p>
 
diff --git a/extensions/BMO/template/en/default/global/choose-product.html.tmpl b/extensions/BMO/template/en/default/global/choose-product.html.tmpl
index f2269360b0..5615a0355f 100644
--- a/extensions/BMO/template/en/default/global/choose-product.html.tmpl
+++ b/extensions/BMO/template/en/default/global/choose-product.html.tmpl
@@ -48,15 +48,15 @@
     generate_api_token = 1;
 %]
 
-<div id="choose_product">
-
-<hr>
-<p>
+[% IF NOT is_describe %]
+<p id="top-help">
   Looking for technical support or help getting your site to work with Mozilla?
   <a href="https://support.mozilla.org/">Visit the mozilla.org support page</a>
   before filing [% terms.bugs %].
 </p>
-<hr>
+[% END %]
+
+<section id="choose_product">
 
 <h2>[% h2 FILTER html %]</h2>
 
@@ -201,7 +201,7 @@
 [% END %]
 
 </section>
-</div>
+</section>
 
 [% IF NOT is_describe %]
 <div id="guided">
diff --git a/extensions/BMO/template/en/default/hook/bug/edit-after_op_sys.html.tmpl b/extensions/BMO/template/en/default/hook/bug/edit-after_op_sys.html.tmpl
index f597716c77..4cfaed8328 100644
--- a/extensions/BMO/template/en/default/hook/bug/edit-after_op_sys.html.tmpl
+++ b/extensions/BMO/template/en/default/hook/bug/edit-after_op_sys.html.tmpl
@@ -34,7 +34,7 @@
 [% END %]
 
 [% BLOCK modal %]
-  <button id="rep_hw_os" type="button" class="minor" title="[% title FILTER html %]">
+  <button id="rep_hw_os" type="button" class="secondary" title="[% title FILTER html %]">
     From&nbsp;Reporter
   </button>
 [% END %]
diff --git a/extensions/BMO/template/en/default/hook/global/header-external-links.html.tmpl b/extensions/BMO/template/en/default/hook/global/header-external-links.html.tmpl
index f79548e3d1..ef42060cce 100644
--- a/extensions/BMO/template/en/default/hook/global/header-external-links.html.tmpl
+++ b/extensions/BMO/template/en/default/hook/global/header-external-links.html.tmpl
@@ -9,7 +9,7 @@
 <div id="header-external-links" class="dropdown first">
   <button type="button" id="header-external-menu-button" class="dropdown-button minor" title="Mozilla"
           aria-label="Mozilla" aria-expanded="false" aria-haspopup="true" aria-controls="header-external-menu">
-    <img src="[% 'extensions/BMO/web/images/moz-fav-bw-rgb.svg' FILTER version %]" width="32" height="32" alt="">
+    <img src="[% 'extensions/BMO/web/images/moz-fav-one-color-white-rgb.svg' FILTER version %]" width="32" height="32" alt="">
   </button>
   <ul class="dropdown-content right" id="header-external-menu" role="menu" style="display:none;">
     <li role="presentation">
diff --git a/extensions/BMO/template/en/default/hook/global/header-start.html.tmpl b/extensions/BMO/template/en/default/hook/global/header-start.html.tmpl
index d02eff10b7..a94018b246 100644
--- a/extensions/BMO/template/en/default/hook/global/header-start.html.tmpl
+++ b/extensions/BMO/template/en/default/hook/global/header-start.html.tmpl
@@ -26,8 +26,6 @@
 [% IF template.name == 'attachment/edit.html.tmpl'
       || template.name == 'attachment/create.html.tmpl'
       || template.name == 'attachment/diff-header.html.tmpl' %]
-  [% style_urls.push("skins/standard/bug_groups.css") %]
-
   [% IF template.name == 'attachment/edit.html.tmpl'
         || template.name == 'attachment/diff-header.html.tmpl' %]
     [% IF bodyclasses == 'no_javascript' %]
diff --git a/extensions/BMO/template/en/default/pages/attachment_bounty_form.html.tmpl b/extensions/BMO/template/en/default/pages/attachment_bounty_form.html.tmpl
index 80eccae54f..295383fad9 100644
--- a/extensions/BMO/template/en/default/pages/attachment_bounty_form.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/attachment_bounty_form.html.tmpl
@@ -13,7 +13,7 @@
 }
 #bounty_form .required:after {
   content: " *";
-  color: red;
+  color: var(--required-label-color);
 }
 #bounty_form .field_label {
   font-weight: bold;
@@ -22,26 +22,12 @@
 }
 #bounty_form .field_desc {
   padding-bottom: 3px;
-}
-#bounty_form .field_desc,
-#bounty_form .head_desc {
   width: 600px;
   word-wrap: normal;
 }
-#bounty_form .head_desc {
-  padding-top: 5px;
-  padding-bottom: 12px;
-}
 #bounty_form .form_section {
   margin-bottom: 10px;
 }
-#bounty_form textarea {
-  font-family: inherit;
-  font-size: inherit;
-}
-#bounty_form em {
-  font-size: 1em;
-}
 .yui-calcontainer {
   z-index: 2;
 }
@@ -137,9 +123,7 @@ function validateAndSubmit() {
   <input type="hidden" name="token" value="[% form.token FILTER html %]">
   <input type="hidden" name="submit" value="1">
 
-  <div class="head_desc">
-    Bounty Attachment for [% "$terms.Bug $bug.id" FILTER bug_link(bug.id) FILTER none %]
-  </div>
+  <h1>Bounty Attachment for [% "$terms.Bug $bug.id" FILTER bug_link(bug.id) FILTER none %]</h1>
 
   <div class="form_section">
     <label for="reporter_email" class="field_label required">Reporter's Email</label>
diff --git a/extensions/BMO/template/en/default/pages/email_queue.html.tmpl b/extensions/BMO/template/en/default/pages/email_queue.html.tmpl
index f0c750129f..e53f121b3d 100644
--- a/extensions/BMO/template/en/default/pages/email_queue.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/email_queue.html.tmpl
@@ -15,8 +15,9 @@
 
   <p><i>[% jobs.size FILTER none %] email(s) in the queue.</i></p>
 
-  <table id="report" class="hover" cellspacing="0" border="0" width="100%">
-  <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+  <tr>
     <th>Insert Time</th>
     <th>Run Time</th>
     <th>Age</th>
@@ -24,6 +25,8 @@
     <th>Last Error</th>
     <th>Error Message</th>
   </tr>
+  </thead>
+  <tbody>
   [% FOREACH job IN jobs %]
     <tr class="report item [% loop.count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
       <td nowrap>[% time2str("%Y-%m-%d %H:%M:%S %Z", job.insert_time) FILTER html %]</td>
@@ -56,6 +59,7 @@
       </tr>
     [% END %]
   [% END %]
+  </tbody>
   </table>
 
 [% ELSE %]
diff --git a/extensions/BMO/template/en/default/pages/group_admins.html.tmpl b/extensions/BMO/template/en/default/pages/group_admins.html.tmpl
index cfa3bd3eab..7921da071a 100644
--- a/extensions/BMO/template/en/default/pages/group_admins.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/group_admins.html.tmpl
@@ -24,13 +24,15 @@
 %]
 
 [% IF groups.size > 0 %]
-  <table border="0" cellspacing="0" id="report" class="hover" width="100%">
-    <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+    <tr>
       <th align="left">Name</th>
       <th align="left">Owner</th>
       <th align="left">Admins</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH group = groups %]
       [% count = loop.count() %]
       <tr class="report_item [% count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
@@ -52,6 +54,7 @@
         </td>
       </tr>
     [% END %]
+  </tbody>
   </table>
 [% ELSE %]
   <p>
diff --git a/extensions/BMO/template/en/default/pages/group_members.html.tmpl b/extensions/BMO/template/en/default/pages/group_members.html.tmpl
index 602c862cd0..20fbee5c12 100644
--- a/extensions/BMO/template/en/default/pages/group_members.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/group_members.html.tmpl
@@ -43,8 +43,9 @@
   </p>
 
   [% IF types.size > 0 %]
-    <table border="0" cellspacing="0" id="report" class="nohover" width="100%">
-      <tr id="report-header">
+    <table id="report" class="standard">
+    <thead>
+      <tr>
         <th>Type</th>
         <th>Count</th>
         <th>Members</th>
@@ -52,7 +53,8 @@
           <th class="right">2FA, Last Seen (days ago)</th>
         [% END %]
       </tr>
-
+    </thead>
+    <tbody>
       [% FOREACH type = types %]
         [% count = loop.count() %]
         <tr class="report_item [% count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
@@ -109,6 +111,7 @@
           </td>
         </tr>
       [% END %]
+    </tbody>
     </table>
 
     <a href="[% basepath FILTER none %]page.cgi?id=group_members.json&amp;group=[% group.name FILTER uri %]
diff --git a/extensions/BMO/template/en/default/pages/group_membership.html.tmpl b/extensions/BMO/template/en/default/pages/group_membership.html.tmpl
index 960a10da96..c3f41d830e 100644
--- a/extensions/BMO/template/en/default/pages/group_membership.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/group_membership.html.tmpl
@@ -48,7 +48,8 @@
 
 [% IF users.size %]
 
-  <table border="0" cellspacing="0" id="report" class="hover" width="100%">
+  <table id="report" class="standard">
+  <tbody>
   [% FOREACH u = users %]
     <tr>
       <th colspan="3">[% u.user.identity FILTER html %]</th>
@@ -68,6 +69,7 @@
     </tr>
     [% END %]
   [% END %]
+  </tbody>
   </table>
 
 [% END %]
diff --git a/extensions/BMO/template/en/default/pages/internship_dashboard.html.tmpl b/extensions/BMO/template/en/default/pages/internship_dashboard.html.tmpl
index d3571697de..827faf95a6 100644
--- a/extensions/BMO/template/en/default/pages/internship_dashboard.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/internship_dashboard.html.tmpl
@@ -16,8 +16,9 @@
 <h1>Internship Dashboard</h1>
 
 [% IF bugs.size %]
-  <table border="0" cellspacing="0" id="report" class="hover" width="100%">
-    <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+    <tr>
       <th>[% terms.Bug %]</th>
       <th>Summary</th>
       <th>Status</th>
@@ -27,7 +28,8 @@
       <th>Business Need</th>
       <th>Name</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH bug = bugs %]
       <tr class="report_item [% loop.count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
         <td>[% bug.id FILTER bug_link(bug) FILTER none %]</td>
@@ -40,6 +42,7 @@
         <td>[% bug.intern_name FILTER html FILTER html %]</td>
       </tr>
     [% END %]
+  </tbody>
   </table>
 [% ELSE %]
   <p>
diff --git a/extensions/BMO/template/en/default/pages/product_security_report.html.tmpl b/extensions/BMO/template/en/default/pages/product_security_report.html.tmpl
index 225aef7b07..b7ad14a811 100644
--- a/extensions/BMO/template/en/default/pages/product_security_report.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/product_security_report.html.tmpl
@@ -11,14 +11,16 @@
   style_urls = [ "extensions/BMO/web/styles/reports.css" ]
 %]
 
-<table border="0" cellspacing="0" id="report" class="nohover" width="100%">
-  <tr id="report-header">
+<table id="report" class="standard">
+<thead>
+  <tr>
     <th>Product</th>
     <th>Default Security Group</th>
     <th>Default Group Visibility</th>
     <th>mozilla-employee-confidential Enabled</th>
   </tr>
-
+</thead>
+<tbody>
   [% count = 0 %]
   [% FOREACH product = products %]
     [% count = count + 1 %]
@@ -55,6 +57,7 @@
       </td>
     </tr>
   [% END %]
+</tbody>
 </table>
 
 [% INCLUDE global/footer.html.tmpl %]
diff --git a/extensions/BMO/template/en/default/pages/query_database.html.tmpl b/extensions/BMO/template/en/default/pages/query_database.html.tmpl
index 5889e8f230..b36963cd14 100644
--- a/extensions/BMO/template/en/default/pages/query_database.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/query_database.html.tmpl
@@ -25,12 +25,15 @@
   [% IF sql_error %]
     <b>[% sql_error FILTER html %]</b>
   [% ELSIF rows.size %]
-    <table border="0" cellspacing="0" id="report">
+    <table id="report" class="standard">
+    <thead>
       <tr>
         [% FOREACH column = columns %]
           <th>[% column FILTER html %]</th>
         [% END %]
       </tr>
+    </thead>
+    <tbody>
       [% FOREACH row = rows %]
         [% tr_class = loop.count % 2 ? 'report_row_even' : 'report_row_odd' %]
         <tr class="[% tr_class FILTER html %]">
@@ -39,6 +42,7 @@
           [% END %]
         </tr>
       [% END %]
+    </tbody>
     </table>
   [% ELSE %]
     <i>no results</i>
diff --git a/extensions/BMO/template/en/default/pages/recruiting_dashboard.html.tmpl b/extensions/BMO/template/en/default/pages/recruiting_dashboard.html.tmpl
index ef0704ae28..2ffcff849f 100644
--- a/extensions/BMO/template/en/default/pages/recruiting_dashboard.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/recruiting_dashboard.html.tmpl
@@ -16,8 +16,9 @@
 <h1>Recruiting Dashboard</h1>
 
 [% IF bugs.size %]
-  <table border="0" cellspacing="0" id="report" class="hover" width="100%">
-    <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+    <tr>
       <th>[% terms.Bug %]</th>
       <th>Summary</th>
       <th>Hiring Manager</th>
@@ -25,7 +26,8 @@
       <th>Part of Strategic Plan</th>
       <th>Why is this critical for success</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH bug = bugs %]
       <tr class="report_item [% loop.count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
         <td>[% bug.id FILTER bug_link(bug) FILTER none %]</td>
@@ -36,6 +38,7 @@
         <td>[% bug.why_critical FILTER html FILTER html_line_break %]</td>
       </tr>
     [% END %]
+  </tbody>
   </table>
 [% ELSE %]
   <p>
diff --git a/extensions/BMO/template/en/default/pages/socorro-lens.html.tmpl b/extensions/BMO/template/en/default/pages/socorro-lens.html.tmpl
new file mode 100644
index 0000000000..85a49b1089
--- /dev/null
+++ b/extensions/BMO/template/en/default/pages/socorro-lens.html.tmpl
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link href="[% 'skins/standard/global.css' FILTER version %]" rel="stylesheet" type="text/css">
+    <link href="[% 'extensions/BMO/web/socorro-lens/metricsgraphics.css' FILTER version %]" rel="stylesheet" type="text/css">
+    <link href="[% 'extensions/BMO/web/socorro-lens/custom.css' FILTER version %]" rel="stylesheet" type="text/css">
+    <script [% script_nonce FILTER none %] src="[% 'js/jquery/jquery-min.js"' FILTER version %]"></script>
+    <script [% script_nonce FILTER none %] src="[% 'extensions/BMO/web/socorro-lens/d3.min.js' FILTER version %]" charset="utf-8"></script>
+    <script [% script_nonce FILTER none %] src="[% 'extensions/BMO/web/socorro-lens/metricsgraphics.min.js' FILTER version %]"></script>
+    <script [% script_nonce FILTER none %] src="[% 'extensions/BMO/web/socorro-lens/main.js' FILTER version %]"></script>
+  </head>
+  <body>
+    <div style="width:300px; height:150px;" id="chart" class="chart"></div>
+    <div style="width:300px; height:35px; margin-top:-35px; text-align:center;" id="channel_div">
+      <button type="button" name="zoom" id="zoom" class="secondary" title="Zoom In">+</button>
+      <select name="channel" id="channel" title="Select which Firefox product channel">
+        <option value="all" title="Show crashes for all channels">all</option>
+        <option value="release" title="Show crashes on Release only">release</option>
+        <option value="beta" title="Show crashes on Beta only">beta</option>
+        <option value="nightly" title="Show crashes on Nightly only">nightly</option>
+        <option value="esr" title="Show crashes on ESR only">esr</option>
+      </select>
+      <select name="match" id="match" title="Select whether to match signatures exactly or similarly">
+        <option value="exact" title="Match signatures exactly" selected>Exact Match</option>
+        <option value="like" title="Match signatures similarly">Like Match</option>
+      </select>
+    </div>
+    <div style="width:300px; height:75px; color:red; text-align:center; visibility:hidden;" id="warn"></div>
+  </body>
+</html>
diff --git a/extensions/BMO/template/en/default/pages/triage_owners.html.tmpl b/extensions/BMO/template/en/default/pages/triage_owners.html.tmpl
index be094402f3..bb08ef1589 100644
--- a/extensions/BMO/template/en/default/pages/triage_owners.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/triage_owners.html.tmpl
@@ -93,7 +93,7 @@
     <small>Each triage owner links to a buglist of all open [% terms.bugs %], since 2016-06-01, without a pending needinfo, where the priority is '--'.</small>
   </p>
   [% current_product = "" %]
-  <table id="report">
+  <table id="report" class="standard">
     [% FOREACH r = results %]
       [% count = loop.count() %]
       [% IF current_product != r.product %]
diff --git a/extensions/BMO/template/en/default/pages/triage_reports.html.tmpl b/extensions/BMO/template/en/default/pages/triage_reports.html.tmpl
index 8c67961c9b..57ac595609 100644
--- a/extensions/BMO/template/en/default/pages/triage_reports.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/triage_reports.html.tmpl
@@ -147,15 +147,17 @@ Show UNCONFIRMED [% terms.bugs %] with:
   <p>
     Found [% bugs.size %] [%+ terms.bug %][% 's' IF bugs.size != 1 %]:
   </p>
-  <table border="0" cellspacing="0" id="report" width="100%">
-    <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+    <tr>
       <th>[% terms.Bug %] / Date</th>
       <th>Summary</th>
       <th>Reporter / Commenter</th>
       <th>Comment Date</th>
       <th>Last Comment</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH bug = bugs %]
       [% count = loop.count() %]
       <tr class="bz_bugitem [% count % 2 == 1 ? "bz_row_odd" : "bz_row_even" %]">
@@ -180,6 +182,7 @@ Show UNCONFIRMED [% terms.bugs %] with:
         </td>
       </tr>
     [% END %]
+  </tbody>
   </table>
 
   <p>
diff --git a/extensions/BMO/template/en/default/pages/triage_request.html.tmpl b/extensions/BMO/template/en/default/pages/triage_request.html.tmpl
index 0c4fe4223b..615d477793 100644
--- a/extensions/BMO/template/en/default/pages/triage_request.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/triage_request.html.tmpl
@@ -11,8 +11,6 @@
   padding: 0 6px;
 }
 #blurb {
-  background: #fff;
-  color: #000;
   border-radius: 10px;
   padding: 10px 20px 20px 20px;
   max-width: 800px;
diff --git a/extensions/BMO/template/en/default/pages/user_activity.html.tmpl b/extensions/BMO/template/en/default/pages/user_activity.html.tmpl
index c970214c4a..96cc6d80db 100644
--- a/extensions/BMO/template/en/default/pages/user_activity.html.tmpl
+++ b/extensions/BMO/template/en/default/pages/user_activity.html.tmpl
@@ -106,8 +106,9 @@
 
 [% IF operations.size > 0 %]
   <br>
-  <table border="1" cellpadding="4" cellspacing="0" id="report" class="hover">
-    <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+    <tr>
       [% IF who_count > 1 %]
         <th>Who</th>
       [% END %]
@@ -122,7 +123,8 @@
       <th>Removed</th>
       <th>Added</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH operation = operations %]
       [% tr_class = loop.count % 2 ? 'report_row_even' : 'report_row_odd' %]
       [% FOREACH change = operation.changes %]
@@ -173,6 +175,7 @@
         </tr>
       [% END %]
     [% END %]
+  </tbody>
   </table>
   <p>
     <a href="[% basepath FILTER none %]buglist.cgi?bug_id=[% bug_ids.join(',') FILTER uri %]">
diff --git a/extensions/BMO/web/images/moz-fav-bw-rgb.svg b/extensions/BMO/web/images/moz-fav-one-color-white-rgb.svg
similarity index 53%
rename from extensions/BMO/web/images/moz-fav-bw-rgb.svg
rename to extensions/BMO/web/images/moz-fav-one-color-white-rgb.svg
index 1e91f06037..10e9335f67 100644
--- a/extensions/BMO/web/images/moz-fav-bw-rgb.svg
+++ b/extensions/BMO/web/images/moz-fav-one-color-white-rgb.svg
@@ -5,10 +5,7 @@
 <style type="text/css">
 	.st0{fill:#FFFFFF;}
 </style>
-<g>
-	<rect y="0" width="68" height="68"/>
-	<path class="st0" d="M57.9,42.6h3.9v6.4H49.5V32.4c0-5.1-1.7-7-5-7c-4,0-5.6,2.9-5.6,6.9v10.2h3.9v6.4H30.5V32.4c0-5.1-1.7-7-5-7
-		c-4,0-5.6,2.9-5.6,6.9v10.2h5.6v6.4H7.5v-6.4h3.9V26H7.5v-6.4h12.3v4.4c1.8-3.1,4.8-5,8.9-5c4.2,0,8.1,2,9.5,6.3
-		c1.6-3.9,4.9-6.3,9.5-6.3c5.3,0,10.1,3.2,10.1,10.1V42.6z"/>
-</g>
+<path class="st0" d="M0,0v68h68V0H0z M61.8,49H49.5V32.4c0-5.1-1.7-7-5-7c-4,0-5.6,2.9-5.6,6.9v10.2h3.9v6.4H30.5V32.4
+	c0-5.1-1.7-7-5-7c-4,0-5.6,2.9-5.6,6.9v10.2h5.6v6.4h-18v-6.4h3.9V26H7.5v-6.4h12.3V24c1.8-3.1,4.8-5,8.9-5c4.2,0,8.1,2,9.5,6.3
+	c1.6-3.9,4.9-6.3,9.5-6.3c5.3,0,10.1,3.2,10.1,10.1v13.5h0.1h3.9V49z"/>
 </svg>
diff --git a/extensions/BMO/web/js/firefox-crash-table.js b/extensions/BMO/web/js/firefox-crash-table.js
index 06ea4dd67d..5cc164c02d 100644
--- a/extensions/BMO/web/js/firefox-crash-table.js
+++ b/extensions/BMO/web/js/firefox-crash-table.js
@@ -244,14 +244,14 @@ window.addEventListener('DOMContentLoaded', () => {
       iframe.setAttribute("src", crashStopLink);
       iframe.setAttribute("id", "crash-stop-iframe");
       iframe.setAttribute("tabindex", "0");
-      iframe.setAttribute("style", "display:block;width:100%;height:100%;border:0px;");
+      iframe.setAttribute("style", "display:block;width:100%;height:100%;margin-top:8px;border:0px;");
       const titleDiv = document.createElement("div");
       titleDiv.setAttribute("title", "Hide crash-stop");
-      titleDiv.setAttribute("style", "display:inline;cursor:pointer;color:black;font-size:13px");
+      titleDiv.setAttribute("style", "display:inline;cursor:pointer;font-size:13px");
       const spinner = document.createElement("span");
       spinner.setAttribute("role", "button");
       spinner.setAttribute("tabindex", "0");
-      spinner.setAttribute("style", "padding-right:5px;cursor:pointer;color:#999;");
+      spinner.setAttribute("style", "padding-right:5px;cursor:pointer;");
 
       function hide() {
         spinner.innerText = "▸";
diff --git a/extensions/BMO/web/socorro-lens/custom.css b/extensions/BMO/web/socorro-lens/custom.css
new file mode 100644
index 0000000000..e164c9a506
--- /dev/null
+++ b/extensions/BMO/web/socorro-lens/custom.css
@@ -0,0 +1,36 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
+body {
+  background-color: var(--primary-region-background-color);
+}
+
+div.chart svg {
+  margin-left: -20px;
+  margin-top: -40px;
+}
+
+.mg-x-axis line,
+.mg-y-axis line {
+  stroke: var(--control-border-color);
+}
+
+.mg-x-axis text,
+.mg-y-axis text,
+.mg-histogram .axis text,
+.mg-active-datapoint {
+  fill: var(--primary-label-color);
+  font-size: var(--font-size-x-small);
+}
+
+.mg-area1-color {
+  fill: rgb(var(--accent-color-blue-1));
+}
+
+.mg-line1-color {
+  stroke: rgb(var(--accent-color-blue-1));
+}
diff --git a/public/metricsgraphics/js/d3.min.js b/extensions/BMO/web/socorro-lens/d3.min.js
similarity index 100%
rename from public/metricsgraphics/js/d3.min.js
rename to extensions/BMO/web/socorro-lens/d3.min.js
diff --git a/public/metricsgraphics/js/main.js b/extensions/BMO/web/socorro-lens/main.js
similarity index 99%
rename from public/metricsgraphics/js/main.js
rename to extensions/BMO/web/socorro-lens/main.js
index 6ab83c280a..3e1d3dbee1 100644
--- a/public/metricsgraphics/js/main.js
+++ b/extensions/BMO/web/socorro-lens/main.js
@@ -221,8 +221,7 @@ function convertDate(d) {
 }
 
 function getSignaturesFromURL(search, match) {
-  var index = search.indexOf("?s=");
-  search = search.substring(index + 3).replace(/\+/g, '%20');
+  search = (new URLSearchParams(search)).get('s').replace(/\s/g, '%20');
   var signatures = [];
   if (search.indexOf("\\") !== -1) {
     signatures = search.split("\\");
diff --git a/public/metricsgraphics/css/metricsgraphics.css b/extensions/BMO/web/socorro-lens/metricsgraphics.css
similarity index 97%
rename from public/metricsgraphics/css/metricsgraphics.css
rename to extensions/BMO/web/socorro-lens/metricsgraphics.css
index 5e5b51c365..7c66351507 100644
--- a/public/metricsgraphics/css/metricsgraphics.css
+++ b/extensions/BMO/web/socorro-lens/metricsgraphics.css
@@ -1,7 +1,7 @@
 .mg-active-datapoint {
     fill: black;
     font-size: 0.9rem;
-    font-weight: 400;
+    font-weight: normal;
     opacity: 0.8;
 }
 
@@ -167,13 +167,13 @@ tspan.hist-symbol {
 }
 
 .mg-least-squares-line {
-    stroke: red;
+    stroke: rgb(var(--accent-color-red-1));
     stroke-width: 1px;
 }
 
 .mg-lowess-line {
     fill: none;
-    stroke: red;
+    stroke: rgb(var(--accent-color-red-1));
 }
 
 .mg-line1-color {
@@ -356,7 +356,7 @@ tspan.mg-points-mono {
 .mg-axis .label {
     font-size: 0.8rem;
     text-transform: uppercase;
-    font-weight: 400;
+    font-weight: normal;
 }
 
 .mg-x-axis-small text,
diff --git a/public/metricsgraphics/js/metricsgraphics.min.js b/extensions/BMO/web/socorro-lens/metricsgraphics.min.js
similarity index 100%
rename from public/metricsgraphics/js/metricsgraphics.min.js
rename to extensions/BMO/web/socorro-lens/metricsgraphics.min.js
diff --git a/extensions/BMO/web/styles/bug_modal.css b/extensions/BMO/web/styles/bug_modal.css
index 8d14ed11a1..4cb8dfbaf2 100644
--- a/extensions/BMO/web/styles/bug_modal.css
+++ b/extensions/BMO/web/styles/bug_modal.css
@@ -6,21 +6,22 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #legal_disclaimer {
-    background: #fff;
-    color: #000;
-    padding: 10px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
+  margin: 16px 0;
+  border: 1px solid var(--warning-message-border-color);
+  border-radius: 4px;
+  padding: 16px;
+  background-color: var(--warning-message-background-color);
+  font-weight: bold;
 }
 
 .attachment-warning {
-    padding-left: 4px;
+  padding-left: 4px;
 }
 
 .attachment-warning img {
-    vertical-align: sub;
+  vertical-align: sub;
 }
 
 #sec-approval-warning a {
-    color: #b70000;
+  color: var(--error-message-foreground-color);
 }
diff --git a/extensions/BMO/web/styles/choose_product.css b/extensions/BMO/web/styles/choose_product.css
index a4ecf749f0..07baecf6a2 100644
--- a/extensions/BMO/web/styles/choose_product.css
+++ b/extensions/BMO/web/styles/choose_product.css
@@ -5,6 +5,20 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
+#top-help {
+  margin: 16px 0;
+  text-align: center;
+}
+
+#choose_product {
+  margin: 16px 0;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
+  padding: 16px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+}
+
 #choose_product h2,
 #choose_product p,
 #guided {
@@ -23,6 +37,7 @@
   margin: 8px auto;
   padding: 0;
   list-style-type: none;
+  font-size: var(--font-size-large);
   white-space: nowrap;
 }
 
@@ -33,7 +48,7 @@
 }
 
 #product-list {
-  margin: 32px 0;
+  margin: 32px 0 0;
 }
 
 #product-list .tile {
@@ -52,7 +67,6 @@
 
 #product-list .tile .product h3 {
   margin: 0;
-  font-size: 150%;
 }
 
 #product-list .tile .product img {
@@ -62,10 +76,17 @@
 
 #product-list .tile .product p {
   margin: 4px 0 0;
-  line-height: 1.5;
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-comfortable);
   text-align: left;
 }
 
+#product-list th,
+#product-list td {
+  padding: 4px;
+  line-height: var(--line-height-comfortable);
+}
+
 #guided img {
   vertical-align: text-bottom;
 }
diff --git a/extensions/BMO/web/styles/create_account.css b/extensions/BMO/web/styles/create_account.css
index 0ab527629b..e226bbfc68 100644
--- a/extensions/BMO/web/styles/create_account.css
+++ b/extensions/BMO/web/styles/create_account.css
@@ -1,62 +1,44 @@
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
  *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is the Bugzilla Bug Tracking System.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Foundation.
- * Portions created by the Initial Developer are Copyright (C) 2011
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Byron Jones <glob@mozilla.com>
- *
- * ***** END LICENSE BLOCK ***** */
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 #create-account h2 {
-    margin: 0px;
+  margin: 0 0 16px;
 }
 
-.column-header {
-    padding: 20px 20px 20px 0px;
+#create-account h3 {
+  margin: 0 0 4px;
 }
 
 #create-account-left {
-    border-right: 2px solid #888888;
-    padding-right: 10px;
+  border-right: 2px solid var(--primary-region-border-color);
+  padding: 16px 32px 16px 16px;
 }
 
 #product-list td {
-    padding-top: 10px;
+  padding-top: 10px;
 }
 
 #product-list img {
-    padding-right: 10px;
+  padding-right: 10px;
 }
 
 #create-account-right {
-    padding-left: 10px;
+  padding: 16px 16px 16px 32px;
 }
 
 #right-blurb {
-    font-size: large;
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-comfortable);
 }
 
 #right-blurb li {
-    padding-bottom: 1em;
+  padding-bottom: 1em;
 }
 
-#create-account-right {
-    padding-bottom: 5em;
+#create-account-form tr:last-child {
+  text-align: right;
 }
-
diff --git a/extensions/BMO/web/styles/edit_bug.css b/extensions/BMO/web/styles/edit_bug.css
index fa44031777..1b68d7d5b7 100644
--- a/extensions/BMO/web/styles/edit_bug.css
+++ b/extensions/BMO/web/styles/edit_bug.css
@@ -5,49 +5,44 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-
 #project-flags,
 #custom-flags {
-    width: auto;
+  width: auto;
 }
 
 .bz_hidden {
-    display: none;
-}
-
-.bz_collapse_comment {
-    font-family: monospace;
+  display: none;
 }
 
 #prod_desc_container,
 #comp_desc_container {
-    overflow: auto;
-    color: green;
-    padding: 2px;
+  overflow: auto;
+  padding: 2px;
+  color: var(--positive-message-foreground-color);
 }
 
 #toggle_prod_desc,
 #toggle_comp_desc {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #rank_label {
-    padding-right: 0;
+  padding-right: 0;
 }
 
 input#cf_rank {
-    text-align: right;
-    width: 3em;
+  width: 3em;
+  text-align: right;
 }
 
 .attachment-warning {
-    font-weight: normal;
+  font-weight: normal;
 }
 
 .attachment-warning img {
-    vertical-align: sub;
+  vertical-align: sub;
 }
 
 #sec-approval-warning a {
-    color: #b70000;
+  color: var(--error-message-foreground-color);
 }
diff --git a/extensions/BMO/web/styles/reports.css b/extensions/BMO/web/styles/reports.css
index bc84ff33f0..e3375c5353 100644
--- a/extensions/BMO/web/styles/reports.css
+++ b/extensions/BMO/web/styles/reports.css
@@ -1,79 +1,52 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
 .hidden {
   display: none;
 }
 
-#product, #component {
-    width: 20em;
+#product,
+#component {
+  width: 20em;
 }
 
 #parameters th {
-    text-align: left;
-    vertical-align: middle !important;
-}
-
-#report tr.bugitem:hover {
-  background: #ccccff;
-}
-
-#report td, #report th {
-  padding: 3px 10px 3px 3px;
+  text-align: left;
+  vertical-align: middle !important;
 }
 
 #report th {
-    text-align: left;
+  text-align: left;
 }
 
 #report th.right {
-    text-align: right;
+  text-align: right;
 }
 
 #report th.sorted {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 #report-header {
-    background-color: #cccccc;
+  background-color: var(--grid-header-background-color);
 }
 
 .report_subheader {
-    background-color: #dddddd;
-}
-
-.report_row_odd {
-    background-color: #eeeeee;
-    color: #000000;
-}
-
-.report_row_even {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#report.hover tr:hover {
-    background-color: #ccccff;
-}
-
-#report {
-    border: 1px solid #888888;
-}
-
-#report th, #report td {
-    border: 0px;
+  background-color: var(--grid-subheader-background-color);
 }
 
 #report td time {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 .disabled {
-    color: #888888;
-}
-
-.hoverrow tr:hover {
-    background-color: #ccccff;
+  opacity: .5;
 }
 
 .problem {
-    color: #aa2222;
+  color: var(--accent-color-red-1);
 }
-
diff --git a/extensions/BMO/web/styles/triage_reports.css b/extensions/BMO/web/styles/triage_reports.css
index cd3e51ee46..aecd0069f2 100644
--- a/extensions/BMO/web/styles/triage_reports.css
+++ b/extensions/BMO/web/styles/triage_reports.css
@@ -10,11 +10,12 @@
 }
 
 #triage_form th {
-    text-align: left;
+  text-align: left;
 }
 
-#product, #component {
-    width: 20em;
+#product,
+#component {
+  width: 20em;
 }
 
 #triage_owners_form th {
@@ -25,23 +26,16 @@
 #report {
   position: relative;
   width: 100%;
-  border-collapse: collapse;
 }
 
 #report thead {
   position: sticky;
   top: 0;
   left: 0;
-  background: #dddddd;
-}
-
-#report tr.bugitem:hover {
-  background: #ccccff;
 }
 
 #report th,
 #report td {
-  padding: 4px 8px;
   text-align: left;
 }
 
@@ -53,7 +47,7 @@
 }
 
 #report td.count {
-  color: #CCC;
+  color: var(--tertiary-label-color);
 }
 
 #report td.count a {
diff --git a/extensions/Bitly/web/styles/bitly.css b/extensions/Bitly/web/styles/bitly.css
index e856cbb5d7..aa1cef4a8b 100644
--- a/extensions/Bitly/web/styles/bitly.css
+++ b/extensions/Bitly/web/styles/bitly.css
@@ -6,15 +6,16 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #bitly-overlay {
-    display: none;
-    background: #eee;
-    border: 1px solid #000;
-    padding: 5px;
-    width: 400px;
+  display: none;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
+  padding: 16px;
+  width: 400px;
+  background: var(--primary-region-background-color);
 }
 
 #bitly-url {
-    margin: 2px 0;
-    display: block;
-    width: 100%;
+  display: block;
+  margin: 2px 0;
+  width: 100%;
 }
diff --git a/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl
index 95881ded95..20b4ee0148 100644
--- a/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl
@@ -8,9 +8,9 @@
 
 <div id="comment-actions">
   [% IF user.id && user.settings.comment_box_position.value == 'after_comments' %]
-    <button type="button" id="add-comment-btn" class="minor">Add Comment &darr;</button>
+    <button type="button" id="add-comment-btn" class="secondary">Add Comment &darr;</button>
   [% ELSE %]
-    <button type="button" id="bottom-btn" class="minor">Bottom &darr;</button>
+    <button type="button" id="bottom-btn" class="secondary">Bottom &darr;</button>
   [% END %]
   <div class="dropdown">
     <button type="button" id="comment-tags-btn" arai-haspopup="true" aria-label="Tags Menu"
@@ -113,7 +113,7 @@
               u = comment.author
           %]
           [% IF extra_class %]
-            <span class="user-role">([% extra_class.ucfirst FILTER none %])</span>
+            <span class="user-role">[% extra_class.ucfirst FILTER none %]</span>
           [% END %]
           [% Hook.process('user', 'bug/comments.html.tmpl') %]
         </td>
@@ -227,7 +227,7 @@
               u = action.who
           %]
           [% IF extra_class %]
-            <span class="user-role">([% extra_class.ucfirst FILTER none %])</span>
+            <span class="user-role">[% extra_class.ucfirst FILTER none %]</span>
           [% END %]
           [% Hook.process('user', 'bug/changes.html.tmpl') %]
         </td>
diff --git a/extensions/BugModal/template/en/default/bug_modal/attachments.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/attachments.html.tmpl
index 1e5da5b954..cb7f80867a 100644
--- a/extensions/BugModal/template/en/default/bug_modal/attachments.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/attachments.html.tmpl
@@ -97,7 +97,7 @@
 
 <div id="attachments-actions">
   [% IF obsolete_attachments %]
-    <button type="button" id="attachments-obsolete-btn" class="minor">Show Obsolete Attachments</button>
+    <button type="button" id="attachments-obsolete-btn" class="secondary">Show Obsolete Attachments</button>
   [% END %]
 </div>
 
diff --git a/extensions/BugModal/template/en/default/bug_modal/common_header.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/common_header.html.tmpl
index 4aba6aa08f..fc9dea2fe2 100644
--- a/extensions/BugModal/template/en/default/bug_modal/common_header.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/common_header.html.tmpl
@@ -48,8 +48,7 @@
     "visibility"
   );
   style_urls.unshift(
-    "extensions/BugModal/web/common_bug_modal.css",
-    "skins/custom/bug_groups.css",
+    "extensions/BugModal/web/bug_modal.css",
     "js/jquery/plugins/datetimepicker/datetimepicker.css",
     "js/jquery/plugins/contextMenu/contextMenu.css"
   );
diff --git a/extensions/BugModal/template/en/default/bug_modal/edit.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/edit.html.tmpl
index 4131c2c584..b2ea6022ac 100644
--- a/extensions/BugModal/template/en/default/bug_modal/edit.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/edit.html.tmpl
@@ -291,8 +291,8 @@
   <div id="mode-container">
     <div>
       [% IF user.id %]
-        <button type="button" id="cancel-btn" class="minor" style="display:none">Cancel</button>
-        <button type="button" id="mode-btn" class="major">
+        <button type="button" id="cancel-btn" class="secondary" style="display:none">Cancel</button>
+        <button type="button" id="mode-btn" class="primary">
           <span id="mode-btn-readonly" title="Enable editing fields for [% terms.bug %] metadata">Edit [% terms.Bug %]</span>
           <span id="mode-btn-loading">
             <img id="edit-throbber" src="[% basepath FILTER none %]extensions/BugModal/web/throbber.gif" width="16" height="11">
@@ -304,12 +304,12 @@
     </div>
     <div class="button-row">
       [% IF bug.assigned_to.id == user.id || user.in_group("editbugs") %]
-        <button type="button" id="copy-summary" class="minor"
+        <button type="button" id="copy-summary" class="secondary"
           title="Copy [% terms.bug %] number and summary to your clipboard">Copy Summary</button>
         <div id="clip-container" style="display:none"><input type="text" id="clip"></div>
       [% END %]
       [% IF user.id %]
-        <button type="button" class="minor" id="cc-btn" data-is-cced="[% is_cced ? 1 : 0 %]">
+        <button type="button" class="secondary" id="cc-btn" data-is-cced="[% is_cced ? 1 : 0 %]">
           [% is_cced ? "Stop Following" : "Follow" %]
         </button>
       [% END %]
@@ -394,7 +394,7 @@
                     target="_blank" role="menuitem" tabindex="-1">See Open [% terms.Bugs %] in This Product</a></div>
             <div><a href="[% basepath FILTER none %]enter_bug.cgi?product=[% bug.product FILTER uri %]"
                     target="_blank" role="menuitem" tabindex="-1">File New [% terms.Bug %] in This Product</a></div>
-            <div><button disabled type="button" class="minor component-watching" role="menuitem" tabindex="-1"
+            <div><button disabled type="button" class="secondary component-watching" role="menuitem" tabindex="-1"
                          data-product="[% bug.product FILTER html %]"
                          data-label-watch="Watch This Product" data-label-unwatch="Unwatch This Product"
                          data-source="BugModal">Watch This Product</button></div>
@@ -417,8 +417,8 @@
             hidden        = 1
             throbber      = "product-throbber"
         %]
-        <button id="product-search" type="button" class="minor">Search</button>
-        <button id="product-search-cancel" type="button" class="minor" style="display:none">X</button>
+        <button id="product-search" type="button" class="secondary">Search</button>
+        <button id="product-search-cancel" type="button" class="secondary" style="display:none">X</button>
         <img id="product-throbber" src="[% basepath FILTER none %]extensions/BugModal/web/throbber.gif"
           width="16" height="11" style="display:none">
         <img id="product-search-error" class="tt" src="[% basepath FILTER none %]extensions/BugModal/web/error.png"
@@ -453,7 +453,7 @@
             <div><a href="[% basepath FILTER none %]enter_bug.cgi?product=[% bug.product FILTER uri %]&amp;
                           [%~ %]component=[% bug.component FILTER uri %]"
                     target="_blank" role="menuitem" tabindex="-1">File New [% terms.Bug %] in This Component</a></div>
-            <div><button disabled type="button" class="minor component-watching" role="menuitem" tabindex="-1"
+            <div><button disabled type="button" class="secondary component-watching" role="menuitem" tabindex="-1"
                          data-product="[% bug.product FILTER html %]" data-component="[% bug.component FILTER html %]"
                          data-label-watch="Watch This Component" data-label-unwatch="Unwatch This Component"
                          data-source="BugModal">Watch This Component</button></div>
@@ -586,7 +586,7 @@
   %]
   [% UNLESS prefix %]
     <div id="assigned-container" style="display:none">
-      <button type="button" class="minor" id="mark-as-assigned-btn">
+      <button type="button" class="secondary" id="mark-as-assigned-btn">
         Mark as Assigned
       </button>
     </div>
@@ -598,7 +598,7 @@
         size="6" value="[% bug.dup_id FILTER html %]">
     </div>
     <div id="[% prefix FILTER none %]duplicate-actions">
-      <button type="button" class="minor" id="[% prefix FILTER none %]mark-as-dup-btn">
+      <button type="button" class="secondary" id="[% prefix FILTER none %]mark-as-dup-btn">
         Mark as Duplicate
       </button>
     </div>
@@ -746,7 +746,7 @@
           hide_on_view = 1
           help = "https://wiki.mozilla.org/BMO/UserGuide/BugFields#needinfo"
       %]
-        <button type="button" id="needinfo-scroll" class="minor">Update</button>
+        <button type="button" id="needinfo-scroll" class="secondary">Update</button>
       [% END %]
     [% END %]
 
@@ -791,7 +791,7 @@
       [% END %]
 
       [% IF user.id %]
-        <button type="button" id="add-cc-btn" class="minor">Add</button>
+        <button type="button" id="add-cc-btn" class="secondary">Add</button>
       [% END %]
 
       [% IF bug.cc && bug.cc.size %]
@@ -933,7 +933,7 @@
         %]
           <span id="cab-review-gate">
             <a href="https://mozilla.service-now.com/change_request.do?sysparm_stack=change_request_list.do&amp;sys_id=-1&amp;sysparm_query=active=true" target="_blank" rel="noopener noreferrer">ServiceNow Change Request</a>
-            <button id="cab-review-gate-close" type="button" class="minor">Use Flag</button>
+            <button id="cab-review-gate-close" type="button" class="secondary">Use Flag</button>
           </span>
           <span id="cab-review-edit" style="display:none">
             [% INCLUDE bug_modal/field.html.tmpl
@@ -1137,7 +1137,7 @@
         [% bug.votes FILTER html %]
         vote[% "s" IF bug.votes != 1 %]
         [% IF user.id %]
-          <button type="button" class="minor" id="vote-btn">
+          <button type="button" class="secondary" id="vote-btn">
             [% bug.user_votes ? "Remove vote" : "Vote" %]
           </button>
         [% END %]
@@ -1231,10 +1231,10 @@
     [% IF user.id %]
       <div id="user-story-actions">
         [% IF bug.check_can_change_field('cf_user_story', 0, 1) %]
-          <button type="button" class="minor" id="user-story-edit-btn">Edit</button>
+          <button type="button" class="secondary" id="user-story-edit-btn">Edit</button>
         [% END %]
         [% IF bug.cf_user_story != "" && bug.check_can_change_field('longdesc', 0, 1) %]
-          <button type="button" class="minor" id="user-story-reply-btn">Reply</button>
+          <button type="button" class="secondary" id="user-story-reply-btn">Reply</button>
         [% END %]
       </div>
     [% END %]
@@ -1400,7 +1400,7 @@
 
 <div id="bottom-actions">
   <div id="bottom-right-actions">
-    <button type="button" id="top-btn" class="minor">Top &uarr;</button>
+    <button type="button" id="top-btn" class="secondary">Top &uarr;</button>
     <div class="dropdown">
       <button type="button" id="format-btn" aria-haspopup="true" aria-label="Format [% terms.Bug %] Menu"
         aria-expanded="false" aria-controls="format-menu" class="dropdown-button minor">Format [% terms.Bug %] &#9652;</button>
@@ -1502,14 +1502,14 @@
                 seen_header = 1;
                 " Resolve as ";
               END;
-              %] <button type="button" class="minor resolution-btn">[% resolution FILTER html %]</button> [%
+              %] <button type="button" class="secondary resolution-btn">[% resolution FILTER html %]</button> [%
             END;
           ELSE;
             IF bug.choices.bug_status.only("name", "VERIFIED").size && bug.bug_status != "VERIFIED";
-              %] <button type="button" class="minor status-btn" data-status="VERIFIED">VERIFY</button> [%
+              %] <button type="button" class="secondary status-btn" data-status="VERIFIED">VERIFY</button> [%
             END;
             IF bug.choices.bug_status.only("name", "REOPENED").size;
-              %] <button type="button" class="minor status-btn" data-status="REOPENED">REOPEN</button> [%
+              %] <button type="button" class="secondary status-btn" data-status="REOPENED">REOPEN</button> [%
             END;
           END;
         %]
diff --git a/extensions/BugModal/template/en/default/bug_modal/field.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/field.html.tmpl
index 5d646f61ee..ae786e27ef 100644
--- a/extensions/BugModal/template/en/default/bug_modal/field.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/field.html.tmpl
@@ -310,7 +310,7 @@ END;
 
         [% CASE constants.FIELD_TYPE_TEXTAREA %]
           [%# text area %]
-            <button type="button" class="minor edit-textarea-btn [%= "edit-textarea-set-btn" IF value != "" %]"
+            <button type="button" class="secondary edit-textarea-btn [%= "edit-textarea-set-btn" IF value != "" %]"
               id="[% name FILTER html %]-edit">Edit</button>
             [% IF content.defined && !append_content %]
               <span id="[% name FILTER html %]-view">[% content FILTER none %]</span>
@@ -324,15 +324,11 @@ END;
           [%# datetime %]
           <input type="datetime-local" name="[% name FILTER html %]" id="[% name FILTER html %]"
             value="[% value FILTER html %]" [% aria_labelledby_html FILTER none %]>
-          <img class="cf_datetime-img" id="[% name FILTER html %]-img"
-            src="[% basepath FILTER none %]extensions/BugModal/web/calendar.png" width="16" height="16">
 
         [% CASE constants.FIELD_TYPE_DATE %]
           [%# date %]
           <input type="date" name="[% name FILTER html %]" id="[% name FILTER html %]"
             value="[% value FILTER html %]" [% aria_labelledby_html FILTER none %]>
-          <img class="cf_date-img" id="[% name FILTER html %]-img"
-            src="[% basepath FILTER none %]extensions/BugModal/web/calendar.png" width="16" height="16">
 
         [% CASE constants.FIELD_TYPE_INTEGER %]
           [%# integer %]
diff --git a/extensions/BugModal/template/en/default/bug_modal/header.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/header.html.tmpl
index 9f87922eae..a742737692 100644
--- a/extensions/BugModal/template/en/default/bug_modal/header.html.tmpl
+++ b/extensions/BugModal/template/en/default/bug_modal/header.html.tmpl
@@ -65,13 +65,8 @@
   );
   style_urls.push(
     "extensions/BugModal/web/bug_modal.css",
-    "skins/standard/bug_groups.css",
     "js/jquery/plugins/contextMenu/contextMenu.css"
   );
-
-  IF user.in_group('canconfirm');
-    style_urls.push('extensions/TagNewUsers/web/style.css');
-  END;
 %]
 
 [% javascript = BLOCK %]
diff --git a/extensions/BugModal/web/bug_modal.css b/extensions/BugModal/web/bug_modal.css
index 908ff140f0..bf2f8af894 100644
--- a/extensions/BugModal/web/bug_modal.css
+++ b/extensions/BugModal/web/bug_modal.css
@@ -5,139 +5,122 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-/* generic */
+/**
+ * generic
+ */
 
 .container {
-    display: table-cell;
-    width: 100%;
+  display: table-cell;
+  width: 100%;
 }
 
 .layout-table {
-    border-spacing: 0;
+  border-spacing: 0;
 }
 
 .layout-table td {
-    padding: 0;
+  padding: 1px 0;
 }
 
 .inline {
-    display: table-cell !important;
-    width: auto !important;
+  display: table-cell !important;
+  width: auto !important;
 }
 
 .gravatar {
-    vertical-align: middle;
-    margin-right: 5px;
+  border-radius: 4px;
+  vertical-align: middle;
 }
 
 .flag .vcard {
-    display: inline;
+  display: inline;
 }
 
 .group-padlock {
-    vertical-align: middle;
-    margin-right: 5px;
-}
-
-button.major {
-    font-size: inherit;
-    padding: 4px 12px;
-}
-
-select[multiple], .text_input, .yui-ac-input, input {
-    font-size: 12px !important;
+  margin-right: 5px;
+  vertical-align: middle;
 }
 
 .spin-toggle {
-    cursor: pointer;
-    display: inline;
+  display: inline;
+  cursor: pointer;
 }
 
 .spin-toggle:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 .spin-latch {
-    color: #999;
-    padding-right: 5px;
+  padding-right: 5px;
+  color: var(--control-foreground-color);
 }
 
+input:invalid,
 .attention {
-    -webkit-box-shadow: 0 0 2px 2px #f88;
-    -moz-box-shadow: 0 0 2px 2px #f88;
-    box-shadow: 0 0 2px 2px #f88;
-}
-
-input:invalid {
-    box-shadow: 0 0 2px 2px #f88 !important;
+  border-color: var(--invalid-control-border-color) !important;
 }
 
 a.activity-ref {
-    color: #000;
+  color: inherit;
 }
 
-/* modules */
+/**
+ * modules
+ */
 
 .module {
-    color: #000;
-    border-radius: 2px;
-    margin-top: 5px;
-    font-size: 13px;
+  margin-top: 8px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
 .module.module-collapsed .module-content {
-    border: 1px solid red;
+  border: 1px solid rgb(var(--accent-color-red-1));
 }
 
 .module-header {
-    background: #eee;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-}
-
-.module-header:hover {
-    outline: 1px solid #ccc;
+  color: var(--secondary-label-color);
+  background: var(--primary-region-header-background-color);
 }
 
 .module-latch {
-    padding: 2px 10px;
-    cursor: pointer;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
+  padding: 4px 8px;
+  cursor: default;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .module-spinner {
-    color: #999;
-    display: table-cell;
-    width: 10px;
+  display: table-cell;
+  width: 10px;
 }
 
 .module-spinner::before {
-    content: "\25BE";
+  content: "\25BE";
 }
 
 .module-spinner[aria-expanded="false"]::before {
-    content: "\25B8";
+  content: "\25B8";
 }
 
 .module-title {
-    font-weight: bold;
+  font-weight: bold;
 }
 
-.module-title, .module-subtitle {
-    font-size: 13px;
-    display: table-cell;
-    padding-left: 5px;
+.module-title,
+.module-subtitle {
+  display: table-cell;
+  padding-left: 5px;
+  font-size: var(--font-size-medium);
 }
 
 .module-subtitle {
-    font-weight: normal;
-    padding-right: 5px;
-    color: #666;
-    opacity: 1;
-    transition: all .2s;
+  padding-right: 5px;
+  opacity: 1;
+  font-size: var(--font-size-small);
+  font-weight: normal;
+  transition: all .2s;
 }
 
 .module-subtitle .link {
@@ -145,247 +128,262 @@ a.activity-ref {
 }
 
 .module-spinner[aria-expanded="true"] ~ .module-subtitle {
-    opacity: 0;
+  opacity: 0;
 }
 
 .module .fields-lhs {
-    min-width: 450px;
-    display: table-cell;
-    vertical-align: top;
+  display: table-cell;
+  min-width: 450px;
+  vertical-align: top;
 }
 
 .module .fields-rhs {
-    min-width: 450px;
-    display: table-cell;
-    vertical-align: top;
-    width: 100%;
+  display: table-cell;
+  min-width: 450px;
+  width: 100%;
+  vertical-align: top;
 }
 
 .module-content {
-    padding: 2px 5px;
-    background: #fff;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
+  padding: 4px;
 }
 
 .module .field {
-    margin-top: 4px;
-    vertical-align: top;
-    display: table;
-    width: 100%;
-}
-
-.module .field.right {
+  display: table;
+  margin: 4px;
+  width: 100%;
+  vertical-align: top;
 }
 
 .module .field .name {
-    display: table-cell;
-    width: 100px;
-    min-width: 100px;
-    text-align: right;
-    vertical-align: top;
-    padding-right: 10px;
-    color: #666;
+  display: table-cell;
+  padding-right: 10px;
+  width: 100px;
+  min-width: 100px;
+  color: var(--secondary-label-color);
+  text-align: right;
+  vertical-align: top;
 }
 
 .module .field .name .help {
-    color: #666;
-    cursor: help;
+  color: inherit;
+  cursor: help;
 }
 
 .module .field.inline .name {
-    min-width: 0px;
-    width: auto;
-    padding-left: 10px;
+  min-width: 0;
+  width: auto;
+  padding-left: 10px;
 }
 
 .module .indent {
-    padding-left: 10px;
+  padding-left: 10px;
 }
 
 .module .field .value {
-    display: table-cell;
+  display: table-cell;
 }
 
 .module .field .value.wide {
-    display: block;
+  display: block;
 }
 
 .module .field .value.edit {
-    width: 100%;
+  width: 100%;
 }
 
 .module .field .value input {
-    width: 100%;
+  width: 100%;
 }
 
 .module .field .value input[type="checkbox"] {
-    width: auto;
+  width: auto;
 }
 
 .module .field .value.short input {
-    width: 170px;
+  width: 170px;
 }
 
 .module .field.contains-buttons {
-    margin: 8px 0;
+  margin: 8px 0;
 }
 
 .module .field.contains-buttons .name {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 /* Show dependencies and regressions while editing */
 .module .field.bug-list .value[style="display: none;"],
 .module .field.bug-list .value[style="display: none;"] + .value.edit {
-    display: block !important;
+  display: block !important;
 }
 
 .field-button {
-    float: right;
-    margin-left: 8px;
+  float: right;
+  margin-left: 8px;
 }
 
 .field-edit-container {
-    overflow-y: hidden;
+  overflow-y: hidden;
 }
 
-/* field types */
+/**
+ * field types
+ */
 
 input[type="number"] {
-    text-align: right;
-    width: 5em !important;
+  width: 5em !important;
+  text-align: right;
 }
 
-.cf_date-img, .cf_datetime-img {
-    vertical-align: middle;
+.cf_date-img,
+.cf_datetime-img {
+  vertical-align: middle;
 }
 
-/* specific fields */
+/**
+ * specific fields
+ */
 
 #field-value-bug_id {
-    font-weight: bold;
+  font-size: var(--font-size-large);
 }
 
 #field-value-short_desc {
-    margin: 0;
-    font-weight: bold;
-    font-size: 120%;
+  margin: 0;
+  font-size: var(--font-size-h3);
 }
 
 #field-status_summary {
-    border-top: 1px dotted silver;
-    padding-top: 6px;
-    padding-bottom: 4px;
+  border-top: 1px solid var(--secondary-region-border-color);
+  padding-top: 6px;
+  padding-bottom: 4px;
+  color: var(--secondary-label-color);
 }
 
-#status-assignee, #status-assignee .vcard, #status-needinfo, #status-needinfo .vcard {
-    display: inline;
+#status-assignee,
+#status-assignee .vcard,
+#status-needinfo,
+#status-needinfo .vcard {
+  display: inline;
 }
 
 #field-status_summary .bug-type-label {
   margin-right: 8px;
 }
 
-#status-assignee, #status-needinfo {
-    margin-left: 8px;
+#status-assignee,
+#status-needinfo {
+  margin-left: 8px;
 }
 
-#duplicate-container, #duplicate-actions, #assigned-container,
-#bottom-duplicate-container, #bottom-duplicate-actions {
-    display: table-cell;
-    vertical-align: top;
-    padding-left: 8px;
+#duplicate-container,
+#duplicate-actions,
+#assigned-container,
+#bottom-duplicate-container,
+#bottom-duplicate-actions {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 8px;
 }
 
 #dup_id {
-    margin-left: 4px;
+  margin-left: 4px;
 }
 
-#resolve-as, #bottom-status {
-    display: inline;
+#resolve-as,
+#bottom-status {
+  display: inline;
 }
 
 #after-comment-commit-button {
-    margin-left: -8px;
-    margin-bottom: 4px;
+  margin-bottom: 4px;
+  margin-left: -8px;
 }
 
 #needinfo_from_autocomplete {
-    width: auto;
+  width: auto;
 }
 
 #needinfo_role_identity {
-    margin-left: 5px;
+  margin-left: 5px;
+}
+
+#module-user-story-content {
+  overflow: hidden;
 }
 
 #user-story {
-    margin: 0;
-    white-space: pre-wrap;
-    min-height: 2em;
+  margin: 8px;
+  min-height: 1em;
+  font-size: inherit;
+  font-family: inherit;
 }
 
 #user-story-actions {
-    float: right;
+  float: right;
 }
 
 #new-comment-notice {
-    padding: 20px 8px;
-    margin-bottom: 50px;
+  margin-bottom: 50px;
+  padding: 20px 8px;
 }
 
 #cc-latch {
-    color: #999;
+  color: var(--secondary-label-color);
 }
 
 #cc-latch {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 #cc-list {
-    max-height: 150px;
-    overflow-y: auto;
-    clear: both;
-    white-space: nowrap;
+  overflow-y: auto;
+  clear: both;
+  max-height: 150px;
+  white-space: nowrap;
 }
 
 #cc-list .vcard {
-    display: inline-block;
+  display: inline-block;
+}
+
+#cc-list .vcard a {
+  font-weight: normal;
 }
 
 #cc-list button {
-    padding: 2px 4px;
+  padding: 2px 4px;
 }
 
 .cc-remove {
-    font-size: 120%;
+  font-size: var(--font-size-large);
 }
 
 .cc-removed {
-    text-decoration: line-through;
+  text-decoration: line-through;
 }
 
 #add-cc-btn {
-    margin-left: 8px;
+  margin-left: 8px;
 }
 
 #add-cc {
-    width: 100%;
+  width: 100%;
 }
 
 .cc-loadable {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .cc-loadable:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 .field .value .bug-list {
   margin: -2px 0 6px;
   padding-left: 20px;
-  line-height: 1.5;
+  line-height: var(--line-height-comfortable);
 }
 
 .field .value .bug-list .bug-type-label {
@@ -399,7 +397,7 @@ input[type="number"] {
 }
 
 .field .value div.link {
-  line-height: 1.5;
+  line-height: var(--line-height-comfortable);
 }
 
 #field-value-dependencytree {
@@ -407,731 +405,728 @@ input[type="number"] {
   margin: -2px 0 8px;
 }
 
-/* actions */
+/**
+ * actions
+ */
 
 #top-actions {
-    margin: 4px 0;
+  margin: 4px 0;
 }
 
-#top-actions .save-btn {
-    float: right;
+#top-actions .save-btn,
+#bottom-right-actions,
+.edit-textarea-set-btn {
+  float: right;
 }
 
 #bottom-actions {
-    margin-top: 8px;
-    margin-bottom: 50px;
-    max-width: 1024px;
-}
-
-#bottom-right-actions {
-    float: right;
+  margin-top: 8px;
+  margin-bottom: 50px;
+  max-width: 1024px;
 }
 
-.edit-textarea-set-btn {
-    float: right;
-}
-
-/* attachments */
+/**
+ * attachments
+ */
 
 #module-attachments .module-content {
-    padding: 0;
+  padding: 0;
 }
 
 #attachments {
-    width: 100%;
+  width: 100%;
 }
 
 #attachments td {
-    padding: 4px 8px;
-    vertical-align: top;
-    font-size: 13px;
-    border-bottom: 1px dotted silver;
+  padding: 8px;
+  border-bottom: 1px solid var(--secondary-region-border-color);
+  vertical-align: top;
 }
 
 #attachments .attach-desc-td {
-    width: 100%;
+  width: 100%;
 }
 
 #attachments .attach-desc {
-    font-weight: bold;
+  font-weight: bold;
 }
 
-#attachments .attach-info {
-    font-size: 11px;
-}
-
-#attachments .attach-time {
-    font-size: 11px;
+#attachments .attach-info,
+#attachments .attach-time,
+#attachments .attach-author {
+  font-size: var(--font-size-small);
 }
 
 #attachments .attach-actions {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #attachments .attach-flag {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #attachments .flag-name-status {
-    font-weight: bold;
+  font-weight: bold;
 }
 
-#attachments .attach-obsolete .attach-desc {
-    text-decoration: line-through;
+#attachments .attach-obsolete {
+  opacity: .5;
 }
 
-#attachments .attach-patch .attach-desc-td {
-    background: #ffc;
-    background-image: linear-gradient(to right, #ffc, #fff);
+#attachments .attach-obsolete .attach-desc {
+  text-decoration: line-through;
 }
 
-#attachments .bz_private {
-    background: #fff;
+#attachments .attach-patch {
+  background-color: rgb(var(--accent-color-lightyellow-1));
 }
 
-#attachments .bz_private .attach-desc-td {
-    border-left: 4px solid darkred;
+#attachments .bz_private {
+  background-color: rgb(var(--accent-color-pink-1));
 }
 
 #attachments .vcard {
-    display: inline;
+  display: inline;
 }
 
 #attachments-actions button {
-    margin: 2px;
+  margin: 2px;
 }
 
 #attachments .attach-flag .vcard {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
-/* flags */
+/**
+ * flags
+ */
 
 .flags td {
-    font-size: 13px !important;
+  font-size: var(--font-size-small) !important;
 }
 
 .flag-name {
-    text-align: right;
-    white-space: nowrap;
+  text-align: right;
+  white-space: nowrap;
 }
 
-td.flag-name, td.flag-requestee {
-    padding-left: 5px;
+td.flag-name,
+td.flag-requestee {
+  padding-left: 5px;
 }
 
 td.flag-value select {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 td.flag-requestee {
-    width: 100%;
+  width: 100%;
 }
 
 .flags .vcard {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
-.tracking-flags td, .tracking-flags th {
-    padding: 0 5px;
+.tracking-flags td,
+.tracking-flags th {
+  padding: 0 5px;
 }
 
 .tracking-flags th {
-    font-weight: normal;
-    text-align: left;
-    color: #666;
+  color: var(--secondary-label-color);
+  font-weight: normal;
+  text-align: left;
 }
 
-.tracking-flag-name, .tracking-flag-tracking {
-    text-align: right;
-    white-space: nowrap;
+.tracking-flag-name,
+.tracking-flag-tracking {
+  text-align: right;
+  white-space: nowrap;
 }
 
-/* groups */
+/**
+ * groups
+ */
 
 .group-disabled {
-    color: #888;
+  color: var(--tertiary-label-color);
 }
 
-/* comments and activity */
+/**
+ * comments and activity
+ */
 
 #comment-actions {
-    margin-top: 4px;
-    text-align: right;
+  margin-top: 4px;
+  text-align: right;
 }
 
 .new-changes-link {
-    position: sticky;
-    top: 8px;
-    left: 0;
-    right: 0;
-    z-index: 10;
-    overflow: hidden;
-    margin: 8px -8px;
-    border-radius: 4px;
-    padding: 4px;
-    font-size: 12px;
-    text-align: center;
-    color: #FFF;
-    background: #277AC1;
-    opacity: 1;
-    cursor: pointer;
-    transition: all .2s 2s;
-    will-change: transform; /* for performance */
+  position: sticky;
+  top: 8px;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  overflow: hidden;
+  margin: 8px -8px;
+  border-radius: 4px;
+  padding: 4px;
+  color: var(--primary-button-foreground-color);
+  background: var(--primary-button-background-color);
+  opacity: 1;
+  font-size: var(--font-size-small);
+  text-align: center;
+  cursor: pointer;
+  transition: all .2s 2s;
+  will-change: transform; /* for performance */
 }
 
 .new-changes-link[hidden] {
-    display: block;
-    opacity: 0;
+  display: block;
+  opacity: 0;
 }
 
 .new-changes-separator {
-    position: relative;
-    margin: 16px -8px;
-    height: 0;
-    border-top: 1px solid #C00;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
+  position: relative;
+  margin: 16px -8px;
+  height: 0;
+  border-top: 1px solid rgb(var(--accent-color-red-1));
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .new-changes-separator span {
-    display: inline-block;
-    position: absolute;
-    top: -10px;
-    right: 16px;
-    border: 1px solid #CCC;
-    border-radius: 4px;
-    padding: 0 4px;
-    height: 16px;
-    font-size: 10px;
-    line-height: 16px;
-    text-transform: uppercase;
-    color: #C00;
-    background-color: #FFF;
+  display: inline-block;
+  position: absolute;
+  top: -10px;
+  right: 16px;
+  border: 1px solid var(--secondary-region-border-color);
+  border-radius: 4px;
+  padding: 0 4px;
+  height: 16px;
+  color: rgb(var(--accent-color-red-1));
+  background-color: var(--secondary-region-background-color);
+  font-size: var(--font-size-x-small);
+  line-height: 16px;
+  text-transform: uppercase;
 }
 
 .change-set {
-    clear: both;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    margin-top: 8px;
-    border: 1px solid #ddd;
+  clear: both;
+  margin-top: 8px;
+  box-shadow: var(--primary-region-box-shadow);
 }
 
 .change-set:target {
-    outline: 2px solid #0095dd;
-}
-
-.change-set .comment, .change-set .change {
-    padding-bottom: 1px;
+  outline: 2px solid var(--focused-control-border-color);
 }
 
 .change-head {
-    width: 100%;
-    background: #eee;
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 8px;
+  border-bottom: 1px solid var(--primary-region-border-color);
+  background-color: var(--primary-region-header-background-color);
 }
 
 .change-gravatar {
-    padding-left: 8px !important;
+  padding: 0 8px 0 0 !important;
 }
 
 .change-gravatar .vcard {
-    width: 36px;
-    text-align: center;
+  width: 36px;
+  text-align: center;
 }
 
 .change-author {
-    width: 100%;
-    vertical-align: top;
-    padding: 5px 0 !important;
+  width: 100%;
+  vertical-align: top;
 }
 
 .change-author .vcard {
-    display: inline;
-    font-weight: bold;
+  display: inline;
 }
 
 .change-author .user-role {
-    margin-left: 1em;
-    color: #448844;
+  margin-left: 1em;
+  border: 1px solid var(--positive-message-foreground-color);
+  border-radius: 4px;
+  padding: 1px 4px;
+  color: var(--positive-message-foreground-color);
+  font-size: var(--font-size-x-small);
 }
 
-
-.change-name, .change-time {
-    display: inline;
+.change-name,
+.change-time {
+  display: inline;
+  color: var(--secondary-label-color);
+  font-size: var(--font-size-small);
 }
 
 h3.change-name {
-    font-size: small;
-    font-weight: normal;
+  font-weight: normal;
+}
+
+h3.change-name a {
+  color: inherit;
 }
 
 .comment-actions {
-    padding: 0 8px 0 0 !important;
-    vertical-align: middle;
+  padding: 0 8px 0 0 !important;
+  vertical-align: middle;
 }
 
 .comment-private {
-    display: inline-block;
-    margin: 0 8px;
+  display: inline-block;
+  margin: 0 8px;
 }
 
 .comment-actions > [role="group"] {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
 }
 
 .comment-actions button {
-    outline: 0;
-    margin: 0;
+  outline: 0;
+  margin: 0;
+  padding: 6px 8px;
+  line-height: 1;
 }
 
 .comment-actions button:not(:first-of-type) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  border-left-width: 1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .comment-actions button:not(:last-of-type) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.comment-actions button.iconic:not(:disabled) {
-    color: #555;
-}
-
-.comment-actions button.iconic .icon {
-  pointer-events: none;
+  border-right-width: 1px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .comment-actions button.iconic .icon::before {
-    font-family: 'Material Icons';
-    font-size: 16px;
-    vertical-align: middle;
+  font-family: 'Material Icons';
+  font-size: 16px;
+  vertical-align: middle;
 }
 
 .comment-actions .tag-btn .icon::before {
-    content: '\E54E';
+  content: '\E54E';
 }
 
 .comment-actions .reply-btn .icon::before {
-    content: '\E15E';
+  content: '\E15E';
 }
 
 .comment-actions .change-spinner[aria-expanded="true"] .icon::before {
-    content: '\E15B';
+  content: '\E15B';
 }
 
 .comment-actions .change-spinner[aria-expanded="false"] .icon::before {
-    content: '\E145';
+  content: '\E145';
 }
 
 .comment-tags {
-    padding: 0 8px !important;
+  padding: 0 !important;
 }
 
 .comment-tag {
-    border: 1px solid #eee;
-    padding: 2px 6px 2px 4px;
-    margin-right: 2px;
-    border-radius: 4px;
-    background-color: #fff;
-    color: #000;
+  display: inline-block;
+  margin: 4px 2px 0 0;
+  border-radius: 4px;
+  border: 1px solid var(--secondary-control-border-color);
+  padding: 2px 6px 2px 4px;
+  background-color: var(--control-background-color);
+  font-size: var(--font-size-small);
 }
 
 .comment-tag a {
-    padding-right: 4px;
-    cursor: pointer;
+  padding-right: 4px;
+  cursor: pointer;
 }
 
 #ctag {
-    margin-bottom: 4px;
+  margin-bottom: 4px;
 }
 
 #ctag button {
-    margin-top: 2px;
+  margin-top: 2px;
 }
 
 #ctag a {
-    margin-left: 8px;
+  margin-left: 8px;
 }
 
 #ctag-error {
-    padding-left: 5px;
-    background-color: #faa;
-    color: #444;
-    border-radius: 2px;
-    margin-top: 2px;
+  margin-top: 2px;
+  border-radius: 2px;
+  padding-left: 5px;
+  color: var(--error-message-foreground-color);
 }
 
 .comment-collapse-reason {
-    padding: 5px 7px !important;
-    width: 100%;
+  padding: 5px 7px !important;
+  width: 100%;
 }
 
 .default-collapsed {
-    background: inherit;
-    color: #888;
+  color: var(--tertiary-label-color);
+  background: inherit;
 }
 
 .default-collapsed .comment-actions {
-    padding: 2px;
+  padding: 2px;
 }
 
 .private-comment {
-    color: #8b0000;
-    background: #f3eeee;
+  color: var(--error-message-foreground-color);
+}
+
+.change + .activity {
+  border-top: 0;
 }
 
 .activity {
-    padding: 5px 8px;
-    background: #eee;
-    border-top: 1px solid #ddd;
+  padding: 8px;
+  border-top: 1px solid var(--primary-region-border-color);
+  color: var(--secondary-label-color);
+  background: var(--primary-region-header-background-color);
+  line-height: var(--line-height-comfortable);
 }
 
 .activity-deleted {
-    text-decoration: line-through;
+  text-decoration: line-through;
 }
 
-/* inline attachments */
+/**
+ * inline attachments
+ */
 
 .change-set .attachment {
-    border-top: 1px solid #ddd;
-    padding: 8px;
-    background-color: #FFF;
+  padding: 12px;
+  background-color: var(--primary-text-background-color);
 }
 
 .change-set .attachment .label {
-    font-size: 14px;
-    font-style: italic;
-    color: grey;
+  font-style: italic;
+  color: var(--secondary-label-color);
 }
 
 .change-set .attachment .label [itemprop="description"] {
-    font-weight: 600;
+  font-weight: bold;
 }
 
 .change-set .attachment.deleted .label [itemprop="description"],
 .change-set .attachment.obsolete .label [itemprop="description"] {
-    text-decoration: line-through;
-    text-decoration-color: grey;
+  text-decoration: line-through;
+  text-decoration-color: var(--secondary-label-color);
 }
 
 .change-set .attachment .outer {
-    display: inline-block;
-    margin: 8px 0 0;
-    overflow: hidden;
-    border: 1px solid lightgrey;
-    border-radius: 4px;
-    vertical-align: top;
-    text-decoration: none;
-    color: #333;
+  display: inline-block;
+  overflow: hidden;
+  margin: 8px 0 0;
+  border: 1px solid var(--control-border-color);
+  border-radius: 4px;
+  color: var(--primary-label-color);
+  vertical-align: top;
+  text-decoration: none;
 }
 
 .change-set .attachment button.outer {
   padding: 0;
-  font-weight: normal;
   box-shadow: none;
+  font-weight: normal;
   transition: none;
 }
 
 .change-set .attachment .lightbox {
-    cursor: zoom-in;
+  cursor: zoom-in;
 }
 
 .change-set .attachment .lightbox * {
-    pointer-events: none;
+  pointer-events: none;
 }
 
 .change-set .attachment img,
 .change-set .attachment audio,
 .change-set .attachment video {
-    margin: 0;
-    vertical-align: top;
-    max-width: 426px;
+  margin: 0;
+  max-width: 426px;
+  vertical-align: top;
 }
 
 .change-set .attachment pre {
-    position: relative;
-    overflow: hidden;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 8px;
-    width: 426px;
-    height: 240px;
-    font-family: "Fira Mono","Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
-    font-size: 12px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    pointer-events: none;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 8px;
+  width: 426px;
+  height: 240px;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
 }
 
 .change-set .attachment pre::after {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-image: linear-gradient(to bottom, transparent 75%, #FFF);
-    content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(to bottom, transparent 50%, var(--secondary-control-border-color));
+  content: '';
 }
 
-
 .change-set .attachment pre .token {
-    background-color: transparent !important; /* Override Prism.js */
+  background-color: transparent !important; /* Override Prism.js */
 }
 
 .change-set .attachment ~ .comment-text {
-    padding-top: 0;
+  padding-top: 0;
 }
 
 .change-set .attachment ~ .comment-text:empty {
-    padding-bottom: 0;
+  padding-bottom: 0;
 }
 
-/* add comment */
+/**
+ * add comment
+ */
 
 #add-comment {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 #add-comment-private {
-    float: right;
+  float: right;
 }
 
 #add-comment-tips {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 1em;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 1em;
 }
 
-#comment {
-    border: 1px solid #ccc;
-}
-
-#comment, #comment-preview {
-    clear: both;
-    width: 100%;
-    box-sizing: border-box !important;
-    margin: 0 0 0.5em;
-    max-width: 1024px;
+#comment,
+#comment-preview {
+  clear: both;
+  box-sizing: border-box !important;
+  margin: 0 0 0.5em;
+  padding: 12px;
+  width: 100%;
+  max-width: 1024px;
 }
 
 .autosized-comment {
-    max-height: 400px;
+  max-height: 400px;
 }
 
 #comment-preview {
-    border: 1px solid #fff;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+  border: 1px solid var(--control-border-color);
 }
 
 #preview-throbber {
-    margin-left: 8px;
+  margin-left: 8px;
 }
 
 #comment-tabs {
-    margin: 0px;
-    padding: 0px;
-    list-style: none;
+  margin: 0;
+  padding: 0 8px;
+  list-style: none;
 }
 
 #comment-tabs li {
-    display: inline-block;
-    padding: 4px 8px;
-    cursor: pointer;
-    border: 1px solid silver;
-    border-top-left-radius: 2px;
-    border-top-right-radius: 2px;
+  outline: 0;
+  border-bottom: 4px solid transparent;
+  padding: 4px 8px;
+  cursor: pointer;
 }
 
 #comment-tabs li[aria-selected="true"] {
-    background: #fff;
-    border-bottom: 1px solid #fff;
+  color: var(--selected-tab-foreground-color);
+  border-color: var(--control-accent-color);
 }
 
 .preview-error {
-    color: #666;
-    font-style: italic;
+  color: var(--secondary-label-color);
+  font-style: italic;
 }
 
-/* controls */
+/**
+ * controls
+ */
 
 #summary-container {
-    display: table-cell;
-    width: 100%;
-    vertical-align: top;
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
 }
 
 #xhr-error {
-    background: #fff;
-    color: #000;
-    border-radius: 2px;
-    border: 1px solid maroon;
-    margin: 5px 0px;
-    padding: 5px;
+  margin: 5px 0;
+  border-radius: 2px;
+  border: 1px solid var(--error-message-foreground-color);
+  padding: 5px;
+  background: var(--secondary-region-background-color);
 }
 
 #floating-message {
-    position: absolute;
-    left: 50%;
-    margin: 4px;
+  position: absolute;
+  left: 50%;
+  margin: 4px;
 }
 
 #floating-message-text {
-    position: relative;
-    left: -50%;
-    cursor: default;
-    background: #fff9db;
-    color: #666458;
-    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), inset 0 0 1px #000;
-    border-radius: 4px;
-    padding: 4px 8px;
+  position: relative;
+  left: -50%;
+  border: 1px solid var(--control-border-color);
+  border-radius: 2px;
+  padding: 4px 8px;
+  color: var(--secondary-label-color);
+  background: var(--informative-message-background-color);
+  box-shadow: var(--menu-box-shadow);
+  cursor: default;
 }
 
 #mode-container {
-    display: table-cell;
-    white-space: nowrap;
-    text-align: right;
-    padding: 5px;
-    margin: 5px;
+  display: table-cell;
+  margin: 5px;
+  padding: 5px;
+  text-align: right;
+  white-space: nowrap;
 }
 
-#mode-btn, #commit-btn {
-    margin: 0 0 5px 0;
-}
-
-#mode-btn-loading, #mode-btn-editing {
-    display: none;
+#mode-btn-loading,
+#mode-btn-editing {
+  display: none;
 }
 
 #edit-throbber {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 
 #product-throbber {
-    margin-left: 8px;
+  margin-left: 8px;
 }
 
 #commit {
-    margin: 5px;
+  margin: 5px;
 }
 
 #mode-container .button-row {
-    margin-top: 1px;
-    border-left: 5px solid white;
+  margin-top: 4px;
+  border-left: 5px solid transparent;
 }
 
-/* theme */
+/**
+ * theme
+ */
 
 #main-inner {
-    margin: 15px auto;
-    max-width: 1024px;
-    min-width: 800px;
+  margin: 15px auto;
+  max-width: 1024px;
+  min-width: 800px;
 }
 
 .vcard {
-    white-space: normal;
-}
-
-.vcard a.disabled {
-    color: #888;
-}
-
-input[type=text][disabled], input:not([type])[disabled] {
-    color: #888 !important;
+  white-space: normal;
 }
 
-.xdsoft_datetimepicker button, .xdsoft_datetimepicker button:hover {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
+.xdsoft_datetimepicker button,
+.xdsoft_datetimepicker button:hover {
+  box-shadow: none;
 }
 
 div.ui-widget-content {
-    background: #fff;
+  color: var(--control-foreground-color) !important;
+  background: var(--control-background-color) !important;
 }
 
 div.ui-tooltip {
-    padding: 4px;
-    font-size: 13px;
-    font-family: inherit;
-    max-width: 500px;
+  border: 1px solid var(--control-border-color) !important;
+  border-radius: 2px !important;
+  padding: 4px 8px !important;
+  max-width: 500px !important;
+  color: var(--primary-label-color) !important;
+  background: var(--menu-background-color) !important;
+  box-shadow: var(--menu-box-shadow) !important;
+  font-family: inherit !important;
 }
 
 .yui-ac {
-    width: 100%;
+  width: 100%;
 }
 
-/* lightbox */
+/**
+ * lightbox
+ */
 
 .lightbox img {
-    margin-right: 4px;
-    vertical-align: sub;
+  margin-right: 4px;
+  vertical-align: sub;
 }
 
 a.lightbox-icon.markdown {
-    display: none;
+  display: none;
 }
 
 #lb_img {
-    background-color: #fff;
-    border: 1px solid #666;
-    -webkit-box-shadow: 0 0 10px #555;
-    -moz-box-shadow: 0 0 10px #555;
-    box-shadow: 0 0 10px #555;
-    padding: 10px;
-    max-width: 90%;
-    margin: 20px auto;
-    cursor: pointer;
+  margin: 20px auto;
+  border: 1px solid var(--secondary-region-border-color);
+  padding: 10px;
+  max-width: 90%;
+  background-color: var(--secondary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+  cursor: pointer;
 }
 
 #lb_overlay {
-    position: fixed;
-    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
-    width: 100%;
-    height: 100%;
-    top: 0px;
-    left: 0px;
-    text-align: center;
-    z-index: 2;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  background: var(--overlay-background-color);
+  text-align: center;
 }
 
 #lb_overlay2 {
-    position: absolute;
-    overflow: auto;
-    bottom: 0;
-    left: 0px;
-    width: 100%;
-    text-align: center;
-    z-index: 2;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  width: 100%;
+  text-align: center;
+  z-index: 2;
 }
 
 #lb_text {
-    color: #fff;
-    font-weight: bold;
-    text-shadow: 1px 1px 1px #000;
-    position: fixed;
-    top: 4px;
-    left: 8px;
-    z-index: 3;
-    cursor: default;
+  position: fixed;
+  top: 4px;
+  left: 8px;
+  z-index: 3;
+  color: var(--secondary-label-color);
+  font-weight: bold;
+  cursor: default;
 }
 
 #lb_close_btn {
-    position: fixed;
-    top: 8px;
-    right: 8px;
+  position: fixed;
+  top: 8px;
+  right: 8px;
 }
 
-/* product/component popup */
+/**
+ * product/component popup
+ */
 
 .name-info-popup {
   width: 320px;
@@ -1143,14 +1138,15 @@ a.lightbox-icon.markdown {
 
 .name-info-popup header .title {
   margin: 0 0 4px;
-  font-size: 16px;
+  font-size: var(--font-size-h4);
+  font-weight: 500;
 }
 
 .name-info-popup header .description {
-  font-size: 12px;
-  line-height: 150%;
+  color: var(--secondary-label-color);
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-comfortable);
   white-space: normal;
-  color: #666;
 }
 
 .name-info-popup header .description ul,
@@ -1172,96 +1168,108 @@ a.lightbox-icon.markdown {
   list-style-type: decimal;
 }
 
-/* product search */
+/**
+ * product search
+ */
 
 #field-product {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #product-search-container {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
-#product-search, #product-search-cancel {
-    margin-left: 8px;
+#product-search,
+#product-search-cancel {
+  margin-left: 8px;
 }
 
 #product-search-error {
-    margin-left: 8px;
-    vertical-align: middle;
+  margin-left: 8px;
+  vertical-align: middle;
 }
 
 .pcs-form {
-    display: inline;
+  display: inline;
 }
 
 .pcs-header {
-    display: none;
+  display: none;
 }
 
 #pcs {
-    width: 235px;
+  width: 235px;
 }
 
-/* search navigation */
+/**
+ * search navigation
+ */
 
 #search-nav {
-    background: rgba(255, 255, 255, 0.3);
-    padding: 4px 8px;
+  padding: 4px 8px;
+  color: var(--secondary-label-color);
+  background: var(--primary-region-header-background-color);
 }
 
 #search-nav-label {
-    font-weight: bold;
+  font-weight: bold;
 }
 
-.search-nav-link, .search-nav-disabled {
-    margin-left: 4px;
+.search-nav-link,
+.search-nav-disabled {
+  margin-left: 4px;
 }
 
 #search-nav-reget {
-    margin-left: 8px;
+  margin-left: 8px;
 }
 
 .search-nav-disabled {
-    color: #777;
+  color: var(--disabled-control-foreground-color);
 }
 
-/* clipboard shenanigans */
+/**
+ * clipboard shenanigans
+ */
 
 #clip-container {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 0px;
-    height: 0px;
-    z-index: 100;
-    opacity: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  z-index: 100;
+  opacity: 0;
 }
 
 #user-guide {
-    padding-top: 5px;
+  padding-top: 5px;
 }
 
+/**
+ * even narrower displays
+ */
 
-/* even narrower displays */
 @media screen and (max-width: 900px) {
-    #wrapper {
-        position: initial !important;
-    }
-
-    #header .inner {
-        width: auto !important;
-    }
-
-    .module .fields-lhs, .module .fields-rhs {
-        min-width: 380px;
-    }
-
-    #main-inner {
-        min-width: auto;
-    }
-    .spin-latch {
-        display: none;
-    }
-}
-/* end even narrower displays */
+  #wrapper {
+    position: initial !important;
+  }
+
+  #header .inner {
+    width: auto !important;
+  }
+
+  .module .fields-lhs,
+  .module .fields-rhs {
+    min-width: 380px;
+  }
+
+  #main-inner {
+    min-width: auto;
+  }
+
+  .spin-latch {
+    display: none;
+  }
+}
diff --git a/extensions/BugModal/web/common_bug_modal.css b/extensions/BugModal/web/common_bug_modal.css
deleted file mode 100644
index b79f8a20f5..0000000000
--- a/extensions/BugModal/web/common_bug_modal.css
+++ /dev/null
@@ -1,976 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/.
- *
- * This Source Code Form is "Incompatible With Secondary Licenses", as
- * defined by the Mozilla Public License, v. 2.0. */
-
-/* generic */
-
-.container {
-    display: table-cell;
-    width: 100%;
-}
-
-.layout-table {
-    border-spacing: 0;
-}
-
-.layout-table td {
-    padding: 0;
-}
-
-.inline {
-    display: table-cell !important;
-    width: auto !important;
-}
-
-.gravatar {
-    vertical-align: middle;
-    margin-right: 5px;
-}
-
-.flag .vcard {
-    display: inline;
-}
-
-.group-padlock {
-    vertical-align: middle;
-    margin-right: 5px;
-}
-
-button.major {
-    font-size: inherit;
-    padding: 4px 12px;
-}
-
-button.minor {
-    background-color: #eee;
-    background-image: linear-gradient(#fcfcfc, #eee);
-    color: #000;
-    font-size: inherit;
-    font-weight: 500;
-    padding: 4px 8px;
-    margin-bottom: 1px;
-    text-shadow: none;
-    -web-kit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 0 1px 0 rgba(0,0,0,0.1);
-}
-
-button.minor:hover {
-    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.3), inset 0 12px 24px 2px #ddd;
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.3), inset 0 12px 24px 2px #ddd;
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 12px 24px 2px #ddd;
-}
-
-select[multiple], .text_input, .yui-ac-input, input {
-    font-size: 12px !important;
-}
-
-.spin-toggle {
-    cursor: pointer;
-    display: inline;
-}
-
-.spin-toggle:hover {
-    text-decoration: underline;
-}
-
-.spin-latch {
-    color: #999;
-    padding-right: 5px;
-}
-
-.attention {
-    -webkit-box-shadow: 0 0 2px 2px #f88;
-    -moz-box-shadow: 0 0 2px 2px #f88;
-    box-shadow: 0 0 2px 2px #f88;
-}
-
-a.activity-ref {
-    color: #000;
-}
-
-/* modules */
-
-.module {
-    color: #000;
-    border-radius: 2px;
-    margin-top: 5px;
-    font-size: 13px;
-}
-
-.module.module-collapsed .module-content {
-    border: 1px solid red;
-}
-
-.module-header {
-    background: #eee;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-}
-
-.module-header:hover {
-    outline: 1px solid #ccc;
-}
-
-.module-latch {
-    padding: 2px 10px;
-    cursor: pointer;
-}
-
-.module-spinner {
-    color: #999;
-    display: table-cell;
-    width: 10px;
-}
-
-.module-spinner::before {
-    content: "\25BE";
-}
-
-.module-spinner[aria-expanded="false"]::before {
-    content: "\25B8";
-}
-
-.module-title {
-    font-weight: bold;
-}
-
-.module-title, .module-subtitle {
-    font-size: 13px;
-    display: table-cell;
-    padding-left: 5px;
-}
-
-.module-subtitle {
-    font-weight: normal;
-    padding-right: 5px;
-    color: #666;
-}
-
-.module .fields-lhs {
-    min-width: 450px;
-    display: table-cell;
-    vertical-align: top;
-}
-
-.module .fields-rhs {
-    min-width: 450px;
-    display: table-cell;
-    vertical-align: top;
-    width: 100%;
-}
-
-.module-content {
-    padding: 2px 5px;
-    background: #fff;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-}
-
-.module .field {
-    margin-top: 4px;
-    vertical-align: top;
-    display: table;
-    width: 100%;
-}
-
-.module .field.right {
-}
-
-.module .field .name {
-    display: table-cell;
-    width: 100px;
-    min-width: 100px;
-    text-align: right;
-    vertical-align: top;
-    padding-right: 10px;
-    color: #666;
-}
-
-.module .field .name .help {
-    color: #666;
-    cursor: help;
-}
-
-.module .field.inline .name {
-    min-width: 0px;
-    width: auto;
-    padding-left: 10px;
-}
-
-.module .indent {
-    padding-left: 10px;
-}
-
-.module .field .value {
-    display: table-cell;
-}
-
-.module .field .value.wide {
-    display: block;
-}
-
-.module .field .value.edit {
-    width: 100%;
-}
-
-.module .field .value input {
-    width: 100%;
-}
-
-.module .field .value input[type="checkbox"] {
-    width: auto;
-}
-
-.module .field .value.short input {
-    width: 170px;
-}
-
-.field-button {
-    float: right;
-    margin-left: 8px;
-}
-
-.field-edit-container {
-    overflow-y: hidden;
-}
-
-/* field types */
-
-input[type="number"] {
-    text-align: right;
-    width: 5em !important;
-}
-
-.cf_date-img, .cf_datetime-img {
-    vertical-align: middle;
-}
-
-/* specific fields */
-
-#field-value-bug_id {
-    font-weight: bold;
-}
-
-#field-value-short_desc {
-    margin: 0;
-    font-weight: bold;
-    font-size: 120%;
-}
-
-#field-status_summary {
-    border-top: 1px dotted silver;
-    padding-top: 4px;
-}
-
-#status-assignee, #status-assignee .vcard, #status-needinfo, #status-needinfo .vcard {
-    display: inline;
-}
-
-#status-assignee, #status-needinfo {
-    margin-left: 8px;
-}
-
-#duplicate-container, #duplicate-actions, #assigned-container,
-#bottom-duplicate-container, #bottom-duplicate-actions {
-    display: table-cell;
-    vertical-align: top;
-    padding-left: 8px;
-}
-
-#dup_id {
-    margin-left: 4px;
-}
-
-#resolve-as, #bottom-status {
-    display: inline;
-}
-
-#after-comment-commit-button {
-    margin-left: -8px;
-    margin-bottom: 4px;
-}
-
-#needinfo_from_autocomplete {
-    width: auto;
-}
-
-#needinfo_role_identity {
-    margin-left: 5px;
-}
-
-#user-story {
-    margin: 0;
-    white-space: pre-wrap;
-    min-height: 2em;
-}
-
-#user-story-actions {
-    float: right;
-}
-
-#new-comment-notice {
-    padding: 20px 8px;
-    margin-bottom: 50px;
-}
-
-#product-info, #component-info {
-    color: #484;
-    white-space: normal;
-}
-
-#product-latch, #component-latch {
-    padding-right: 0;
-    cursor: pointer;
-}
-
-#cc-latch {
-    color: #999;
-}
-
-#cc-latch {
-    cursor: pointer;
-}
-
-#cc-list {
-    max-height: 150px;
-    overflow-y: auto;
-    clear: both;
-    white-space: nowrap;
-}
-
-#cc-list .vcard {
-    display: inline-block;
-}
-
-#cc-list button {
-    padding: 2px 4px;
-}
-
-.cc-remove {
-    font-size: 120%;
-}
-
-.cc-removed {
-    text-decoration: line-through;
-}
-
-#add-cc-btn {
-    margin-left: 8px;
-}
-
-#add-cc {
-    width: 100%;
-}
-
-.cc-loadable {
-    cursor: pointer;
-}
-
-.cc-loadable:hover {
-    text-decoration: underline;
-}
-
-/* actions */
-
-#top-actions {
-    margin: 4px 0;
-}
-
-#top-actions .save-btn {
-    float: right;
-}
-
-#bottom-actions {
-    margin-top: 8px;
-    margin-bottom: 50px;
-    max-width: 1024px;
-}
-
-#bottom-right-actions {
-    float: right;
-}
-
-.edit-textarea-set-btn {
-    float: right;
-}
-
-/* attachments */
-
-#module-attachments .module-content {
-    padding: 0;
-}
-
-#attachments {
-    width: 100%;
-}
-
-#attachments td {
-    padding: 4px 8px;
-    vertical-align: top;
-    font-size: 13px;
-    border-bottom: 1px dotted silver;
-}
-
-#attachments .attach-desc-td {
-    width: 100%;
-}
-
-#attachments .attach-desc {
-    font-weight: bold;
-}
-
-#attachments .attach-info {
-    font-size: 11px;
-}
-
-#attachments .attach-time {
-    font-size: 11px;
-}
-
-#attachments .attach-actions {
-    white-space: nowrap;
-}
-
-#attachments .attach-flag {
-    white-space: nowrap;
-}
-
-#attachments .flag-name-status {
-    font-weight: bold;
-}
-
-#attachments .attach-obsolete .attach-desc {
-    text-decoration: line-through;
-}
-
-#attachments .attach-patch .attach-desc-td {
-    background: #ffc;
-    background-image: linear-gradient(to right, #ffc, #fff);
-}
-
-#attachments .bz_private {
-    background: #fff;
-}
-
-#attachments .bz_private .attach-desc-td {
-    border-left: 4px solid darkred;
-}
-
-#attachments .vcard {
-    display: inline;
-}
-
-#attachments-actions button {
-    margin: 2px;
-}
-
-#attachments .attach-flag .vcard {
-    white-space: nowrap;
-}
-
-/* flags */
-
-.flags td {
-    font-size: 13px !important;
-}
-
-.flag-name {
-    text-align: right;
-}
-
-td.flag-name, td.flag-requestee {
-    padding-left: 5px;
-}
-
-td.flag-value select {
-    margin-left: 5px;
-}
-
-td.flag-requestee {
-    width: 100%;
-}
-
-.flags .vcard {
-    white-space: nowrap;
-}
-
-.tracking-flags td, .tracking-flags th {
-    padding: 0 5px;
-}
-
-.tracking-flags th {
-    font-weight: normal;
-    text-align: left;
-    color: #666;
-}
-
-.tracking-flag-name, .tracking-flag-tracking {
-    text-align: right;
-    white-space: nowrap;
-}
-
-/* groups */
-
-.group-disabled {
-    color: #888;
-}
-
-/* comments and activity */
-
-#comment-actions {
-    margin-top: 4px;
-    text-align: right;
-}
-
-.change-set {
-    clear: both;
-    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    margin-top: 8px;
-    border: 1px solid #ddd;
-}
-
-.change-set:target {
-    outline: 2px solid #0095dd;
-}
-
-.change-set .comment, .change-set .change {
-    padding-bottom: 1px;
-}
-
-.change-head {
-    width: 100%;
-    background: #eee;
-}
-
-.change-gravatar {
-    padding-left: 8px !important;
-}
-
-.change-gravatar .vcard {
-    width: 36px;
-    text-align: center;
-}
-
-.change-author {
-    width: 100%;
-    vertical-align: top;
-    padding: 5px 0 !important;
-}
-
-.change-author .vcard {
-    display: inline;
-    font-weight: bold;
-}
-
-.change-author .user-role {
-    margin-left: 1em;
-    color: #448844;
-}
-
-
-.change-name, .change-time, .comment-private {
-    display: inline;
-}
-
-h3.change-name {
-    font-size: small;
-    font-weight: normal;
-}
-
-.comment-actions {
-    white-space: nowrap;
-    vertical-align: top;
-    padding: 2px 2px 0 0 !important;
-}
-
-.change-spinner {
-    width: 29px;
-}
-
-.comment-text {
-    white-space: pre-wrap;
-    line-height: 1.2;
-    font-size: 13px;
-    font-family: "Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
-    background: #fff;
-    color: #222;
-    margin: 1px 0 0 0;
-    overflow: auto;
-    padding: 8px;
-    border-top: 1px solid #ddd;
-}
-
-.comment-text span.quote, .comment-text span.quote_wrapped {
-    background: #eee !important;
-    color: #444 !important;
-    display: block !important;
-    padding: 5px !important;
-    display: inline-block !important;
-    width: 99% !important;
-}
-
-.comment-tags {
-    padding: 0 8px 2px 8px !important;
-}
-
-.comment-tag {
-    border: 1px solid #eee;
-    padding: 2px 6px 2px 4px;
-    margin-right: 2px;
-    border-radius: 4px;
-    background-color: #fff;
-    color: #000;
-}
-
-.comment-tag a {
-    padding-right: 4px;
-    cursor: pointer;
-}
-
-#ctag {
-    margin-bottom: 4px;
-}
-
-#ctag button {
-    margin-top: 2px;
-}
-
-#ctag a {
-    margin-left: 8px;
-}
-
-#ctag-error {
-    padding-left: 5px;
-    background-color: #faa;
-    color: #444;
-    border-radius: 2px;
-    margin-top: 2px;
-}
-
-.comment-collapse-reason {
-    padding: 5px 7px !important;
-    width: 100%;
-}
-
-.default-collapsed {
-    background: inherit;
-    color: #888;
-}
-
-.default-collapsed .comment-actions {
-    padding: 2px;
-}
-
-.private-comment {
-    color: #8b0000;
-    background: #f3eeee;
-}
-
-.activity {
-    padding: 5px 8px;
-    background: #eee;
-    border-top: 1px solid #ddd;
-}
-
-.activity-deleted {
-    text-decoration: line-through;
-}
-
-/* add comment */
-
-#add-comment {
-    margin-top: 10px;
-}
-
-#add-comment-private,
-
-#comment {
-    border: 1px solid #ccc;
-}
-
-#comment, #comment-preview {
-    clear: both;
-    width: 100%;
-    box-sizing: border-box !important;
-    margin: 0 0 1em;
-    max-width: 1024px;
-}
-
-#comment-preview {
-    border: 1px solid #fff;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    padding: 4px 3px 5px;
-}
-
-#preview-throbber {
-    margin-left: 8px;
-}
-
-#comment-tabs {
-    margin: 0px;
-    padding: 0px;
-    list-style: none;
-}
-
-#comment-tabs li {
-    display: inline-block;
-    padding: 4px 8px;
-    cursor: pointer;
-    border: 1px solid silver;
-    border-top-left-radius: 2px;
-    border-top-right-radius: 2px;
-}
-
-#comment-tabs li[aria-selected="true"] {
-    background: #fff;
-    border-bottom: 1px solid #fff;
-}
-
-.preview-error {
-    color: #666;
-    font-style: italic;
-}
-
-/* controls */
-
-#summary-container {
-    display: table-cell;
-    width: 100%;
-    vertical-align: top;
-}
-
-#xhr-error {
-    background: #fff;
-    color: #000;
-    border-radius: 2px;
-    border: 1px solid maroon;
-    margin: 5px 0px;
-    padding: 5px;
-}
-
-#floating-message {
-    position: absolute;
-    left: 50%;
-    margin: 4px;
-}
-
-#floating-message-text {
-    position: relative;
-    left: -50%;
-    cursor: default;
-    background: #fff9db;
-    color: #666458;
-    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), inset 0 0 1px #000;
-    border-radius: 4px;
-    padding: 4px 8px;
-}
-
-#mode-container {
-    display: table-cell;
-    white-space: nowrap;
-    text-align: right;
-    padding: 5px;
-    margin: 5px;
-}
-
-#mode-btn, #commit-btn {
-    margin: 0 0 5px 0;
-}
-
-#mode-btn-loading, #mode-btn-editing {
-    display: none;
-}
-
-#edit-throbber {
-    margin-right: 5px;
-}
-
-#product-throbber {
-    margin-left: 8px;
-}
-
-#commit {
-    margin: 5px;
-}
-
-#mode-container .button-row {
-    margin-top: 1px;
-    border-left: 5px solid white;
-}
-
-/* theme */
-
-#main-inner {
-    margin: 15px auto;
-    max-width: 1024px;
-    min-width: 800px;
-}
-
-.vcard {
-    white-space: normal;
-}
-
-.vcard a.disabled {
-    color: #888;
-}
-
-input[type=text][disabled], input:not([type])[disabled] {
-    color: #888 !important;
-}
-
-.xdsoft_datetimepicker button, .xdsoft_datetimepicker button:hover {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-}
-
-div.ui-widget-content {
-    background: #fff;
-}
-
-div.ui-tooltip {
-    padding: 4px;
-    font-size: 13px;
-    font-family: inherit;
-    max-width: 500px;
-}
-
-.yui-ac {
-    width: 100%;
-}
-
-/* lightbox */
-
-.lightbox img {
-    margin-right: 4px;
-    vertical-align: sub;
-}
-
-#lb_img {
-    background-color: #fff;
-    border: 1px solid #666;
-    -webkit-box-shadow: 0 0 10px #555;
-    -moz-box-shadow: 0 0 10px #555;
-    box-shadow: 0 0 10px #555;
-    padding: 10px;
-    max-width: 90%;
-    margin: 20px auto;
-    cursor: pointer;
-}
-
-#lb_overlay {
-    position: fixed;
-    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
-    width: 100%;
-    height: 100%;
-    top: 0px;
-    left: 0px;
-    text-align: center;
-    z-index: 2;
-}
-
-#lb_overlay2 {
-    position: absolute;
-    left: 0px;
-    width: 100%;
-    text-align: center;
-    z-index: 2;
-}
-
-#lb_text {
-    color: #fff;
-    font-weight: bold;
-    text-shadow: 1px 1px 1px #000;
-    position: fixed;
-    top: 4px;
-    left: 8px;
-    z-index: 3;
-    cursor: default;
-}
-
-#lb_close_btn {
-    position: fixed;
-    top: 8px;
-    right: 8px;
-}
-
-/* product search */
-
-#field-product {
-    white-space: nowrap;
-}
-
-#product-search-container {
-    white-space: nowrap;
-}
-
-#product-search, #product-search-cancel {
-    margin-left: 8px;
-}
-
-#product-search-error {
-    margin-left: 8px;
-    vertical-align: middle;
-}
-
-.pcs-form {
-    display: inline;
-}
-
-.pcs-header {
-    display: none;
-}
-
-#pcs {
-    width: 235px;
-}
-
-/* search navigation */
-
-#search-nav {
-    background: rgba(255, 255, 255, 0.3);
-    padding: 4px 8px;
-}
-
-#search-nav-label {
-    font-weight: bold;
-}
-
-.search-nav-link, .search-nav-disabled {
-    margin-left: 4px;
-}
-
-#search-nav-reget {
-    margin-left: 8px;
-}
-
-.search-nav-disabled {
-    color: #777;
-}
-
-/* clipboard shenanigans */
-
-#clip-container {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 0px;
-    height: 0px;
-    z-index: 100;
-    opacity: 0;
-}
-
-#user-guide {
-    padding-top: 5px;
-}
diff --git a/extensions/BugModal/web/new_bug.css b/extensions/BugModal/web/new_bug.css
index 8a161bb9ac..6fe9fa2342 100644
--- a/extensions/BugModal/web/new_bug.css
+++ b/extensions/BugModal/web/new_bug.css
@@ -1,51 +1,60 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
 #bugzilla-body {
-    max-width: initial;
-    min-width: initial;
-    width: initial;
+  max-width: initial;
+  min-width: initial;
+  width: initial;
 }
 
 #create-btn {
-    margin: 5px 0 5px 0;
-    float: right;
-    padding: 8px;
+  margin: 5px 0 5px 0;
+  float: right;
 }
 
 #reset {
-    padding: 1.5px 8px;
+  padding: 1.5px 8px;
 }
 
 .new-bug-container {
-    display: flex;
-    display: -webkit-flex;
-    flex-direction: column;
-    padding:5px;
+  display: flex;
+  flex-direction: column;
+  padding: 5px;
 }
 
 .new-bug {
-    display: flex;
-    display: -webkit-flex;
-    flex-flow: row wrap;
-    padding:5px;
+  display: flex;
+  flex-flow: row wrap;
+  padding: 5px;
 }
 
 .new-bug-split-1 {
-    flex: 2 1 30px;
-    margin:5px;
+  flex: 2 1 30px;
+  margin: 5px;
 }
+
 .new-bug-split-2 {
-    flex: 4 1 30px;
-    margin:5px;
-}
-.new-bug-pad {
-    flex: 1 1 30px;
-    margin:5px;
+  flex: 4 1 30px;
+  margin: 5px;
 }
 
 .new-bug-title {
-    flex: 6 1 30px;
-    margin:5px;
+  flex: 6 1 30px;
+  margin: 5px;
 }
 
 .file-container {
-    padding: 8px;
+  padding: 8px;
+}
+
+.module-content {
+  padding: 8px;
+}
+
+.module .field {
+  width: auto;
 }
diff --git a/extensions/BugmailFilter/template/en/default/account/prefs/bugmail_filter.html.tmpl b/extensions/BugmailFilter/template/en/default/account/prefs/bugmail_filter.html.tmpl
index fef89c8b94..0f5c15e5ae 100644
--- a/extensions/BugmailFilter/template/en/default/account/prefs/bugmail_filter.html.tmpl
+++ b/extensions/BugmailFilter/template/en/default/account/prefs/bugmail_filter.html.tmpl
@@ -148,7 +148,8 @@ var cpts = new Array();
 
 [% IF filters.size %]
 
-  <table id="filters_table">
+  <table id="filters_table" class="standard">
+  <thead>
     <tr>
       <td></td>
       <th>Product</th>
@@ -158,6 +159,8 @@ var cpts = new Array();
       <th>Changer</th>
       <th>Action</th>
     </tr>
+  </thead>
+  <tbody>
     [% FOREACH filter = filters %]
       <tr class="[% "row_odd" UNLESS loop.count % 2 %]">
         <td>
@@ -184,6 +187,7 @@ var cpts = new Array();
       <td></td>
       <td><input id="remove" name="remove_filter" type="submit" value="Remove Selected"></td>
     </tr>
+  </tbody>
   </table>
 
 [% ELSE %]
diff --git a/extensions/BugmailFilter/web/style/bugmail-filter.css b/extensions/BugmailFilter/web/style/bugmail-filter.css
index 1e30909d46..a0eda0ded6 100644
--- a/extensions/BugmailFilter/web/style/bugmail-filter.css
+++ b/extensions/BugmailFilter/web/style/bugmail-filter.css
@@ -6,43 +6,36 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #add_filter_table th {
-    text-align: right;
+  text-align: right;
 }
 
 .example_filter_table {
-    margin-left: 2em;
+  margin-left: 2em;
 }
 
 .example_filter_table th {
-    text-align: right;
-    font-weight: normal;
+  text-align: right;
+  font-weight: normal;
 }
 
 .example_filter_table td {
-    padding-left: 1em;
+  padding-left: 1em;
 }
 
 #add_filter_table .blurb {
-    font-style: italic;
-    padding-left: 2em;
+  padding-left: 2em;
+  font-style: italic;
 }
 
 #filters_table {
-    margin-bottom: 1em;
-    border-spacing: 0;
+  margin-bottom: 1em;
 }
 
-#filters_table th, #filters_table td {
-    text-align: left;
-    padding-right: 1em;
-    padding: 2px;
-}
-
-#filters_table .row_odd {
-    background-color: #eeeeee;
-    color: #000000;
+#filters_table th,
+#filters_table td {
+  text-align: left;
 }
 
 .flag-description {
-    white-space: nowrap;
+  white-space: nowrap;
 }
diff --git a/extensions/ComponentWatching/template/en/default/account/prefs/component_watch.html.tmpl b/extensions/ComponentWatching/template/en/default/account/prefs/component_watch.html.tmpl
index deb32f118b..57604c1b24 100644
--- a/extensions/ComponentWatching/template/en/default/account/prefs/component_watch.html.tmpl
+++ b/extensions/ComponentWatching/template/en/default/account/prefs/component_watch.html.tmpl
@@ -178,12 +178,15 @@ YAHOO.util.Event.onDOMReady(onRemoveChange);
 
 [% IF watches.size %]
 
-  <table border="0" cellpadding="3" cellspacing="0" id="remove_table">
-  <tr>
-    <td>&nbsp;</td>
-    <td><b>Product</b></td>
-    <td>&nbsp;<b>Component</b></td>
-  </tr>
+  <table id="remove_table" class="standard">
+  <thead>
+    <tr>
+      <th>&nbsp;</th>
+      <th>Product</th>
+      <th>Component</th>
+    </tr>
+  </thead>
+  <tbody>
   [% FOREACH watch IN watches %]
     <tr>
       <td>
@@ -212,6 +215,7 @@ YAHOO.util.Event.onDOMReady(onRemoveChange);
       </td>
     </tr>
   [% END %]
+  </tbody>
   </table>
 
   <input id="remove" type="submit" value="Remove Selected">
diff --git a/extensions/ComponentWatching/template/en/default/hook/reports/components-component_footer.html.tmpl b/extensions/ComponentWatching/template/en/default/hook/reports/components-component_footer.html.tmpl
index b8921bcf03..92ecaec8f1 100644
--- a/extensions/ComponentWatching/template/en/default/hook/reports/components-component_footer.html.tmpl
+++ b/extensions/ComponentWatching/template/en/default/hook/reports/components-component_footer.html.tmpl
@@ -6,5 +6,5 @@
   # defined by the Mozilla Public License, v. 2.0.
   #%]
 
-<button disabled type="button" class="minor component-watching" data-product="[% product.name FILTER html %]"
+<button disabled type="button" class="secondary component-watching" data-product="[% product.name FILTER html %]"
         data-component="[% comp.name FILTER html %]" data-source="Component Description">Watch</button>
diff --git a/extensions/ComponentWatching/template/en/default/hook/reports/components-product_header.html.tmpl b/extensions/ComponentWatching/template/en/default/hook/reports/components-product_header.html.tmpl
index bc7120b4e4..9cd15cd580 100644
--- a/extensions/ComponentWatching/template/en/default/hook/reports/components-product_header.html.tmpl
+++ b/extensions/ComponentWatching/template/en/default/hook/reports/components-product_header.html.tmpl
@@ -6,5 +6,5 @@
   # defined by the Mozilla Public License, v. 2.0.
   #%]
 
-<button disabled type="button" class="minor component-watching" data-product="[% product.name FILTER html %]"
+<button disabled type="button" class="secondary component-watching" data-product="[% product.name FILTER html %]"
         data-source="Component Description">Watch</button>
diff --git a/extensions/EditComments/web/js/inline-editor.js b/extensions/EditComments/web/js/inline-editor.js
index 6ddf668a62..bb2812297a 100644
--- a/extensions/EditComments/web/js/inline-editor.js
+++ b/extensions/EditComments/web/js/inline-editor.js
@@ -109,9 +109,9 @@ Bugzilla.InlineCommentEditor = class InlineCommentEditor {
           <span role="status"></span>
           ${BUGZILLA.user.is_insider && BUGZILLA.user.id !== this.commenter_id ? `<label>
             <input type="checkbox" value="on" checked data-action="hide"> ${this.str.hide_revision}</label>` : ''}
-          <button type="button" class="minor" data-action="cancel" title="${this.str.cancel_tooltip} (Esc)"
+          <button type="button" class="secondary" data-action="cancel" title="${this.str.cancel_tooltip} (Esc)"
                   aria-keyshortcuts="Escape">${this.str.cancel}</button>
-          <button type="button" class="major" disabled data-action="save"
+          <button type="button" class="primary" disabled data-action="save"
                   title="${this.str.save_tooltip} (${this.on_mac ? '&#x2318;Return' : 'Ctrl+Enter'})"
                   aria-keyshortcuts="${this.on_mac ? 'Meta+Enter' : 'Ctrl+Enter'}">${this.str.save}</button>
         </div>
diff --git a/extensions/EditComments/web/styles/inline-editor.css b/extensions/EditComments/web/styles/inline-editor.css
index 020c63ec97..a98c7ad363 100644
--- a/extensions/EditComments/web/styles/inline-editor.css
+++ b/extensions/EditComments/web/styles/inline-editor.css
@@ -7,7 +7,7 @@
 
 .change-revisions {
   display: inline;
-  font-size: small;
+  font-size: var(--font-size-small);
 }
 
 .comment-actions .edit-btn .icon::before {
@@ -15,48 +15,17 @@
 }
 
 .comment-editor {
-  background-color: #EEE;
+  background-color: var(--primary-region-header-background-color);
 }
 
 .comment-editor [role="tablist"] {
-  display: flex;
+  margin: 0 8px;
   padding: 4px 8px 0;
 }
 
 .comment-editor [role="tab"] {
-  outline: none;
   margin: 0;
-  border-width: 1px 1px 0 1px;
-  border-style: solid;
-  border-color: #C0C0C0;
-  border-radius: 0;
   padding: 4px 8px;
-  color: #333;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: none;
-  text-shadow: none;
-  font-weight: normal;
-}
-
-.comment-editor [role="tab"]:first-child {
-  border-top-left-radius: 4px;
-}
-
-.comment-editor [role="tab"]:not(:first-child) {
-  border-left-width: 0;
-}
-
-.comment-editor [role="tab"]:last-child {
-  border-top-right-radius: 4px;
-}
-
-.comment-editor [role="tab"][aria-selected="true"] {
-  background-color: #FFF;
-}
-
-.comment-editor [role="tab"][disabled] {
-  color: #999;
 }
 
 .comment-editor [role="tabpanel"] {
@@ -65,24 +34,15 @@
 
 .comment-editor textarea {
   margin: 0;
-  border: 1px solid #CCC;
-  border-radius: 0 4px 4px 4px;
-  padding: 8px;
+  padding: 12px;
   width: 100%;
   min-height: 5em;
-  box-shadow: none;
-  font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace;
-  resize: vertical;
-}
-
-.comment-editor textarea:disabled {
-  background-color: #F3F3F3;
 }
 
 .comment-editor .comment-text {
   margin: 0;
   outline: none;
-  border: 1px solid #CCC;
+  border: 1px solid var(--control-border-color);
 }
 
 .comment-editor .bottom-toolbar {
diff --git a/extensions/EditComments/web/styles/revisions.css b/extensions/EditComments/web/styles/revisions.css
index 0614cf816b..362f3e508a 100644
--- a/extensions/EditComments/web/styles/revisions.css
+++ b/extensions/EditComments/web/styles/revisions.css
@@ -28,7 +28,3 @@
   padding: 10px;
   font-style: italic;
 }
-
-.revision .bz_comment_text {
-  font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace;
-}
diff --git a/extensions/EditTable/web/styles/edit_table.css b/extensions/EditTable/web/styles/edit_table.css
index 0b1c72db6c..1602f8f969 100644
--- a/extensions/EditTable/web/styles/edit_table.css
+++ b/extensions/EditTable/web/styles/edit_table.css
@@ -7,33 +7,31 @@
 
 
 #edit_table table {
-    border-spacing: 0;
-    border-collapse: collapse;
-    margin-bottom: 1em;
+  margin-bottom: 1em;
+  border-spacing: 0;
+  border-collapse: collapse;
+  border: 1px solid var(--grid-border-color);
+  background-color: var(--grid-background-color);
 }
 
-#edit_table td, #edit_table th {
-    padding: 5px;
+#edit_table th,
+#edit_table td {
+  padding: 4px 8px;
 }
 
 #edit_table th {
-    background: #ccc;
-    text-align: left;
+  background: var(--grid-header-background-color);
+  text-align: left;
 }
 
-#edit_table .editable {
-    background: #fff;
-}
-
-#edit_table tr:hover {
-    background: #eee;
+#edit_table td.editable {
+  background-color: var(--control-background-color);
 }
 
 #edit_table .action {
-    display: none;
+  display: none;
 }
 
 #edit_table tr:hover .action {
-    display: block;
+  display: block;
 }
-
diff --git a/extensions/FlagTypeComment/web/styles/ftc.css b/extensions/FlagTypeComment/web/styles/ftc.css
index 22ab9d40de..260a6642ef 100644
--- a/extensions/FlagTypeComment/web/styles/ftc.css
+++ b/extensions/FlagTypeComment/web/styles/ftc.css
@@ -16,9 +16,11 @@
 section.approval-request {
   overflow: hidden;
   margin: 0 0 8px;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
   padding: 0 8px 8px;
-  border: 1px solid #999;
-  border-radius: 3px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
 section.approval-request:last-child {
@@ -29,16 +31,16 @@ section.approval-request > header {
   display: flex;
   align-items: center;
   margin: 0 -8px 8px;
-  border-bottom: 1px solid #999;
-  background-color: #CCC;
+  border-bottom: 1px solid var(--primary-region-border-color);
+  padding: 4px;
+  background-color: var(--primary-region-header-background-color);
 }
 
 section.approval-request h3 {
   flex: auto;
   margin: 0;
   padding: 4px 8px;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--font-size-x-large);
 }
 
 section.approval-request button.dismiss {
@@ -46,12 +48,8 @@ section.approval-request button.dismiss {
   border: 0;
   border-radius: 0;
   padding: 4px;
-  color: #666;
+  color: var(--control-foreground-color);
   background: none transparent;
-  box-shadow: none;
-  font-weight: normal;
-  text-shadow: none;
-  cursor: default;
 }
 
 section.approval-request button.dismiss .icon {
@@ -71,9 +69,8 @@ section.approval-request table {
 }
 
 section.approval-request th {
-  padding: .4em;
+  padding: 12px 4px;
   width: 20em;
-  line-height: 1.25;
   font-weight: normal;
   text-align: right;
   vertical-align: top;
@@ -81,6 +78,7 @@ section.approval-request th {
 }
 
 section.approval-request td {
+  padding: 4px;
   vertical-align: middle;
 }
 
@@ -98,11 +96,7 @@ section.approval-request input.long[type="text"] {
 
 section.approval-request textarea {
   width: 100%;
-  min-height: 5em;
-  font-size: inherit;
-  line-height: inherit;
-  font-family: inherit;
-  resize: vertical;
+  min-height: 6em;
 }
 
 section.approval-request div {
diff --git a/extensions/GuidedBugEntry/web/style/guided.css b/extensions/GuidedBugEntry/web/style/guided.css
index 1676880ce5..24f9b61c2b 100644
--- a/extensions/GuidedBugEntry/web/style/guided.css
+++ b/extensions/GuidedBugEntry/web/style/guided.css
@@ -5,280 +5,262 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-/* global */
-
-#page_title {
-}
+/**
+ * global
+ */
 
 #page_title h2 {
-    margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 #page_title h3 {
-    margin-top: 0px;
+  margin-top: 0;
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 #yui-history-iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 1px;
+  visibility: hidden;
 }
 
 #steps {
-    max-width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
 }
 
 .product-icon {
-    float: left;
-    margin: 8px 15px 8px 0px;
-    height: 64px;
-    width: 64px;
+  float: left;
+  margin: 8px 15px 8px 0;
+  width: 64px;
+  height: 64px;
 }
 
 #product_step {
-    max-width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
 }
 
 ul.product-list {
-    list-style: outside none none;
-    margin: 0px -10px 20px;
-    padding: 0px;
+  margin: 0 -10px 20px;
+  padding: 0;
+  list-style: outside none none;
 }
 
 ul.product-list > li {
-    cursor: pointer;
-    height: 168px;
-    min-height: 166px;
-
-    background-color: #FFF;
-    background-image: linear-gradient(0deg, #F6F4EC, #FFF);
-    border-radius: 6px;
-    background-clip: padding-box;
-    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-    display: inline-block;
-    margin: 5px 5px 5px;
-    padding: 1px;
-    position: relative;
-    vertical-align: top;
-    width: 300px;
-    word-wrap: break-word;
-    z-index: 1;
+  display: inline-block;
+  position: relative;
+  z-index: 1;
+  margin: 4px;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
+  padding: 1px;
+  width: 300px;
+  min-height: 166px;
+  height: 168px;
+  background-color: var(--primary-region-background-color);
+  background-clip: padding-box;
+  box-shadow: var(--primary-region-box-shadow);
+  vertical-align: top;
+  word-wrap: break-word;
+  cursor: pointer;
 }
 
 ul.product-list > li > .product-item {
-    display: block;
-    padding: 10px;
+  display: block;
+  padding: 10px;
 }
 
 #steps a img {
-    border: none;
+  border: none;
 }
 
 #advanced {
-    margin-top: 50px;
-    text-align: right;
-    margin-left: auto;
+  margin-top: 50px;
+  text-align: right;
+  margin-left: auto;
 }
 
 #advanced img {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 #advanced a {
-    cursor: pointer;
-}
-
-/* remove the shaded background from data_table header
-   it looks out of place */
-.yui-skin-sam .yui-dt th {
-    background: #f0f0f0;
+  cursor: pointer;
 }
 
-/* products and other_products step */
+/**
+ * products and other_products step
+ */
 
 .exits {
-    width: 600px;
-    margin-bottom: 10px;
-    border: 1px solid #aaa;
-    border-radius: 5px;
+  margin-bottom: 10px;
+  border: 1px solid var(--secondary-region-border-color);
+  width: 600px;
+  background-color: var(--secondary-region-background-color);
 }
 
 .exits td {
-    padding: 5px;
+  padding: 5px;
 }
 
 .exits h2 {
-    margin: 0px;
-    font-size: 90%;
+  margin: 0;
+  font-size: var(--font-size-small);
 }
 
 .exit_img {
-    width: 64px;
-    text-align: right;
+  width: 64px;
+  text-align: right;
 }
 
-.exit_text, .exit_text_last {
-    width: 100%;
+.exit_text,
+.exit_text_last {
+  width: 100%;
 }
 
 .exit_text {
-    border-bottom: 1px dotted silver;
+  border-bottom: 1px solid var(--secondary-region-border-color);
 }
 
 #prod_comp_search_main {
-    width: 400px;
+  width: 400px;
 }
 
 #prod_comp_search_label {
-    margin-bottom: 1px;
-}
-
-#prod_comp_search_main li.yui-ac-highlight a {
-    text-decoration: none;
-    color: #FFFFFF;
-    display: block;
+  margin-bottom: 1px;
 }
 
 #products {
-    width: 600px;
+  width: 600px;
 }
 
 #products td {
-    padding: 5px;
-    padding-bottom: 10px;
+  padding: 5px;
+  padding-bottom: 10px;
 }
 
 #products h2 {
-    margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 #products p {
-    margin-top: 0px;
+  margin-top: 0;
 }
 
 .product_img {
-    width: 64px;
+  width: 64px;
 }
 
 #other_products .classification {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 #other_products .classification th {
-    font-size: large;
+  font-size: var(--font-size-x-large);
 }
 
-/* duplicates step */
+/**
+ * duplicates step
+ */
 
 #dupes_summary {
-    width: 500px;
+  width: 500px;
 }
 
 #dupes_list {
-    margin-top: 1em;
-    margin-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 
 #product_support {
-    border: 1px solid #dddddd;
+  border: 1px solid var(--primary-region-border-color);
 }
 
-/* bug form step */
+/**
+ * bug form step
+ */
 
 #bugForm {
-    width: 600px;
-    border: 4px solid #e0e0e0;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
+  width: 600px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-#bugForm th, #bugForm td {
-    padding: 5px;
-}
-
-#bugForm tr {
-    background: #e0e0e0;
+#bugForm th,
+#bugForm td {
+  padding: 8px 16px;
 }
 
 #bugForm .label {
-    text-align: left;
-    font-weight: bold;
-    white-space: nowrap
+  text-align: left;
+  font-weight: bold;
+  white-space: nowrap;
 }
 
 #bugzilla-body #bugForm th {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 #bugForm .textInput {
-    width: 450px;
+  width: 450px;
 }
 
 #bugForm textarea {
-    font-family: Verdana, sans-serif;
-    font-size: small;
-    width: 590px;
+  width: 590px;
 }
 
 #bugForm .mandatory_mark {
-    color: red;
-    font-size: 80%;
-}
-
-#bugForm .mandatory {
-}
-
-#bugForm .textInput[disabled] {
-    background: transparent;
-    border: 1px solid #dddddd;
+  color: var(--required-label-color);
+  font-size: var(--font-size-small);
 }
 
 #versionTD {
-    text-align: right;
-    white-space: nowrap
+  text-align: right;
+  white-space: nowrap;
 }
 
 #component_select {
-    width: 450px;
+  width: 450px;
 }
 
 #component_description {
-    padding: 5px;
+  padding: 5px;
 }
 
 #bugForm .missing {
-    border: 1px solid red;
-    box-shadow: 0px 0px 4px #ff0000;
-    -webkit-box-shadow: 0px 0px 4px #ff0000;
-    -moz-box-shadow: 0px 0px 4px #ff0000;
+  border: 1px solid var(--error-message-foreground-color);
+  box-shadow: 0 0 4px var(--error-message-foreground-color);
 }
 
 #submitTD {
-    text-align: right;
+  text-align: right;
 }
 
 .help {
-    position: absolute;
-    background: #ffffff;
-    padding: 2px;
-    cursor: default;
+  position: absolute;
+  border: 1px solid var(--menu-border-color);
+  border-radius: var(--menu-border-radius);
+  padding: 8px;
+  background: var(--menu-background-color);
+  box-shadow: var(--menu-box-shadow);
+  cursor: default;
 }
 
 .help-bad {
-    color: #990000;
+  color: var(--error-message-foreground-color);
 }
 
 .help-good {
-    color: #009900;
+  color: var(--positive-message-foreground-color);
 }
diff --git a/extensions/InlineHistory/web/style.css b/extensions/InlineHistory/web/style.css
index af76eba82e..f94beb79b2 100644
--- a/extensions/InlineHistory/web/style.css
+++ b/extensions/InlineHistory/web/style.css
@@ -5,31 +5,46 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-.ih_history {
-    background: none !important;
-    color: #444;
-}
-
 .ih_inlinehistory {
-    font-weight: normal;
-    font-size: small;
-    color: #444;
-    border-top: 1px dotted #C8C8BA;
-    padding-top: 5px;
+  padding: 10px;
+  color: var(--secondary-label-color);
+  background-color: var(--primary-region-header-background-color);
+  font-weight: normal;
 }
 
 .bz_comment.ih_history {
-    padding: 5px 5px 0px 5px
+  padding: 5px 5px 0 5px;
 }
 
 .ih_history_item {
-    margin-bottom: 5px;
+  margin-bottom: 5px;
+  color: var(--secondary-label-color);
 }
 
 .ih_hidden {
-    display: none;
+  display: none;
 }
 
 .ih_deleted {
-    text-decoration: line-through;
+  text-decoration: line-through;
+}
+
+.ih_history {
+  padding: 0 !important;
+}
+
+.ih_history .bz_comment_head {
+  padding-bottom: 3px;
+}
+
+.ih_history_item:not(.ih_hidden) ~ .ih_history_item:not(.ih_hidden) {
+  margin-top: 20px;
+}
+
+.ih_history_change {
+  background: var(--primary-region-background-color);
+  border-top: 1px solid var(--primary-region-border-color);
+  border-bottom: 1px solid var(--primary-region-border-color);
+  padding: 10px;
+  position: relative;
 }
diff --git a/extensions/MozProjectReview/web/style/moz_project_review.css b/extensions/MozProjectReview/web/style/moz_project_review.css
index fb6d73845d..9873d65db7 100644
--- a/extensions/MozProjectReview/web/style/moz_project_review.css
+++ b/extensions/MozProjectReview/web/style/moz_project_review.css
@@ -44,5 +44,5 @@
 }
 
 .required:before, .required_star {
-  color: red;
+  color: var(--required-label-color);
 }
diff --git a/extensions/MyDashboard/template/en/default/pages/mydashboard.html.tmpl b/extensions/MyDashboard/template/en/default/pages/mydashboard.html.tmpl
index 77fe47dda4..2b4ef5eade 100644
--- a/extensions/MyDashboard/template/en/default/pages/mydashboard.html.tmpl
+++ b/extensions/MyDashboard/template/en/default/pages/mydashboard.html.tmpl
@@ -103,7 +103,7 @@
       </div>
 
       <div id="query_container">
-        <div class="query_heading"></div>
+        <h2 class="query_heading"></h2>
         <div class="query_description"></div>
         <span id="query_loading" class="items_found">Loading...</span>
         <span id="query_count_refresh" class="bz_default_hidden">
@@ -128,14 +128,14 @@
       </div>
 
       [% IF Param('phabricator_enabled') %]
-        <div class="query_heading requests">
+        <h2 class="query_heading requests">
           <a href="[% Param('phabricator_base_uri') %]/differential">Phabricator Review Requests</a>
-        </div>
+        </h2>
       [% END %]
 
       [% BLOCK requests_table %]
         <div id="[% name FILTER html %]_container" class="requests">
-          <div class="query_heading">[% title FILTER html_light %]</div>
+          <h2 class="query_heading">[% title FILTER html_light %]</h2>
           <span id="[% name FILTER html %]_loading" class="items_found">Loading...</span>
           <span id="[% name FILTER html %]_count_refresh" class="bz_default_hidden">
           <span class="items_found" id="[% name FILTER html %]_flags_found">0 reviews found</span>
diff --git a/extensions/MyDashboard/web/styles/mydashboard.css b/extensions/MyDashboard/web/styles/mydashboard.css
index d7bb347124..1f90c4d398 100644
--- a/extensions/MyDashboard/web/styles/mydashboard.css
+++ b/extensions/MyDashboard/web/styles/mydashboard.css
@@ -6,90 +6,95 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #mydashboard {
-    min-width: 900px;
+  min-width: 900px;
 }
 
 #mydashboard .yui3-skin-sam .yui3-datatable-table {
-    width: 100%;
+  width: 100%;
 }
 
 .yui3-datatable-col-bug_type {
-    text-align: center;
+  text-align: center;
 }
 
 .yui3-datatable-col-changeddate,
 .yui3-datatable-col-created {
-    white-space: nowrap;
+  white-space: nowrap;
+}
+
+.yui3-datatable-col-short_desc {
+  font-size: var(--font-size-large) !important;
 }
 
 #mydashboard .requests {
-    margin-bottom: 2em;
+  margin-bottom: 2em;
 }
 
 .query_heading {
-    font-size: 18px;
-    font-weight: 600;
-    color: rgb(72, 72, 72);
+  margin: 8px 0;
+  font-size: var(--font-size-h3);
 }
 
 .query_description {
-    font-size: 90%;
-    font-style: italic;
-    padding-bottom: 5px;
-    color: rgb(109, 117, 129);
+  padding-bottom: 5px;
+  color: var(--secondary-label-color);
+  font-style: italic;
 }
 
 #mydashboard_container {
-    margin: 0 auto;
+  margin: 0 auto;
 }
 
 #left {
-    float: left;
-    width: 58%;
+  float: left;
+  width: 58%;
 }
 
 #right {
-    float: right;
-    width: 40%;
+  float: right;
+  width: 40%;
 }
 
-.items_found, .refresh, .buglist, .markread {
-    font-size: 80%;
+.items_found,
+.refresh,
+.buglist,
+.markread {
+  font-size: var(--font-size-small);
 }
 
 #query_list_container {
-    text-align:center;
+  text-align: center;
 }
 
 #query_list_container,
 #prod_comp_search_main {
-    padding: 20px !important;
-    height: 40px;
+  padding: 20px !important;
+  height: 40px;
 }
 
 #last_changes_header {
-    font-size: 12px;
-    font-weight: bold;
-    padding-bottom: 5px;
-    border-bottom: 1px solid rgb(200, 200, 186);
+  border-bottom: 1px solid var(--secondary-region-border-color);
+  padding-bottom: 5px;
+  font-size: var(--font-size-small);
+  font-weight: bold;
 }
 
 #last_changes .field_label {
-    text-align: left;
+  text-align: left;
 }
 
 #saved_searches_container > header {
-    display: flex;
-    align-items: center;
-    margin: 5px 0;
+  display: flex;
+  align-items: center;
+  margin: 5px 0;
 }
 
 #saved_searches_container > header h2 {
-    margin: 0 10px 0 0;
+  margin: 0 10px 0 0;
 }
 
 #saved_searches_container li {
-    margin: 5px;
-    display: inline;
-    white-space: nowrap;
+  display: inline;
+  margin: 5px;
+  white-space: nowrap;
 }
diff --git a/extensions/Needinfo/web/styles/needinfo.css b/extensions/Needinfo/web/styles/needinfo.css
index 83ed6813f0..84f2ba22a9 100644
--- a/extensions/Needinfo/web/styles/needinfo.css
+++ b/extensions/Needinfo/web/styles/needinfo.css
@@ -6,14 +6,14 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #needinfo_container label {
-    font-weight: normal !important;
+  font-weight: normal !important;
 }
 
 .needinfo-cb-td {
-    text-align: center;
-    vertical-align: baseline;
+  text-align: center;
+  vertical-align: baseline;
 }
 
 #needinfo_role_identity {
-    margin-left: 1em;
+  margin-left: 1em;
 }
diff --git a/extensions/OrangeFactor/web/style/orangefactor.css b/extensions/OrangeFactor/web/style/orangefactor.css
index 19839d143f..a83757545e 100644
--- a/extensions/OrangeFactor/web/style/orangefactor.css
+++ b/extensions/OrangeFactor/web/style/orangefactor.css
@@ -6,12 +6,13 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #orange-graph {
-    display: block;
-    width: 180px;
-    height: 38px;
-    margin: 0 .5em .5em 0;
+  display: block;
+  margin: 0 .5em .5em 0;
+  width: 180px;
+  height: 38px;
 }
 
-#orange-count, #orange-link {
-    color: #666;
+#orange-count,
+#orange-link {
+  color: var(--secondary-label-color);
 }
diff --git a/extensions/PhabBugz/web/style/phabricator.css b/extensions/PhabBugz/web/style/phabricator.css
index b024823584..ada3e8c6eb 100644
--- a/extensions/PhabBugz/web/style/phabricator.css
+++ b/extensions/PhabBugz/web/style/phabricator.css
@@ -10,69 +10,67 @@
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/FontAwesome-DifferentialStatus.woff2?v=4.7) format('woff2'),
-       url(../fonts/FontAwesome-DifferentialStatus.woff?v=4.7) format('woff');
+    url(../fonts/FontAwesome-DifferentialStatus.woff?v=4.7) format('woff');
 }
 
 .phabricator-table {
-    background: #fff;
-    border: none;
-    border-collapse: collapse;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  border: none;
+  border-collapse: collapse;
+  border-bottom: 1px solid var(--primary-region-border-color);
+  background: var(--grid-background-color);
+  box-shadow: 0 1px 1px var(--primary-region-box-shadow);
 }
 
 .phabricator-table th {
-    text-align: left;
-    padding: 4px;
+  padding: 4px;
+  text-align: left;
 }
 
 .phabricator-table td {
-    vertical-align: middle !important;
-    padding: 4px !important;
+  padding: 4px !important;
+  vertical-align: middle !important;
 }
 
-.phabricator-table thead, .phabricator-table tfoot {
-    background-color: #eee;
-    color: #404040;
+.phabricator-table thead,
+.phabricator-table tfoot {
+  background-color: var(--grid-header-background-color);
 }
 
 .phabricator-revisions {
-    background: #fff;
-    border: none;
-    border-collapse: collapse;
+  border: none;
+  border-collapse: collapse;
 }
 
 .phabricator-revisions th {
-    padding: 2px;
+  padding: 2px;
 }
 
 .phabricator-revisions td {
-    padding: 2px;
-    vertical-align: top;
+  padding: 2px;
+  vertical-align: top;
 }
 
 .phabricator-revisions .phabricator-reviewers td {
-    padding: 1px;
+  padding: 1px;
 }
 
 span[class^="revision-status-box-"] {
-    border: none;
-    font-weight: normal;
-    padding: 3px 9px;
-    border-radius: 3px;
-    white-space: nowrap;
-    font-size: 14px;
-    margin-bottom: 5px;
+  margin-bottom: 5px;
+  border: none;
+  border-radius: 3px;
+  padding: 3px 9px;
+  font-size: var(--font-size-x-large);
+  font-weight: normal;
+  white-space: nowrap;
 }
 
 span[class^="revision-status-icon-"]::before,
-span[class^="review-status-icon-"]::before
-{
-    display: inline-block;
-    font-variant: normal;
-    text-rendering: auto;
-    margin: -2px 4px -2px 0;
-    font-family: FontAwesome-DifferentialStatus;
+span[class^="review-status-icon-"]::before {
+  display: inline-block;
+  margin: -2px 4px -2px 0;
+  font-family: FontAwesome-DifferentialStatus;
+  font-variant: normal;
+  text-rendering: auto;
 }
 
 .revision-status-icon-needs-review::before {
@@ -104,78 +102,80 @@ span[class^="review-status-icon-"]::before
 }
 
 .revision-status-box-needs-review {
-    background: rgba(71,87,120,0.1);
-    color: inherit;
+  color: inherit;
+  background: rgba(71, 87, 120, 0.1);
 }
 
 .revision-status-box-accepted {
-    background: #ddefdd;
-    color: #326d34;
+  background: #ddefdd;
+  color: #326d34;
 }
 
 .revision-status-box-changes-planned,
 .revision-status-box-needs-revision {
-    background: #f7e6e6;
-    color: #a53737;
+  background: #f7e6e6;
+  color: #a53737;
 }
 
 .revision-status-box-abandoned {
-    background: #eae6f7;
-    color: #6e5cb6;
+  background: #eae6f7;
+  color: #6e5cb6;
 }
 
 .review-status-icon-accepted::before {
-    color: green;
-    content: "\f058";
+  color: green;
+  content: "\f058";
 }
 
 .review-status-icon-accepted-prior::before {
-    color: grey;
-    content: "\f058";
+  color: grey;
+  content: "\f058";
 }
 
 .review-status-icon-added::before {
-    color: grey;
-    content: "\f10c";
+  color: grey;
+  content: "\f10c";
 }
 
 .review-status-icon-blocking::before {
-    color: red;
-    content: "\f056";
+  color: red;
+  content: "\f056";
 }
 
 .review-status-icon-rejected::before {
-    color: red;
-    content: "\f05c";
+  color: red;
+  content: "\f05c";
 }
 
 .review-status-icon-resigned::before {
-    color: rgba(55,55,55,0.3);
-    content: "\f024";
+  color: rgba(55, 55, 55, 0.3);
+  content: "\f024";
 }
 
-/* bug-modal specific */
+/**
+ * bug-modal specific
+ */
 
 #module-phabricator-revisions .module-content {
-    padding: 0;
+  padding: 0;
 }
 
 .bug_modal .phabricator-table {
-    width: 100%;
+  width: 100%;
 }
 
 .bug_modal .phabricator-revision td {
-    padding: 8px;
-    vertical-align: top;
-    border-bottom: 1px dotted silver;
+  padding: 8px;
+  border-bottom: 1px solid var(--secondary-region-border-color);
+  vertical-align: top;
 }
 
 .bug_modal .phabricator-revisions th {
-    text-align: left;
-    padding-left: 8px;
+  padding-left: 8px;
+  text-align: left;
 }
 
 .bug_modal .phabricator-revision .phabricator-reviewers td {
-    padding: 1px;
-    border: 0px;
+  border: 0;
+  padding: 1px;
 }
diff --git a/extensions/ProdCompSearch/web/styles/prod_comp_search.css b/extensions/ProdCompSearch/web/styles/prod_comp_search.css
index b898672b4b..5f7e3764f7 100644
--- a/extensions/ProdCompSearch/web/styles/prod_comp_search.css
+++ b/extensions/ProdCompSearch/web/styles/prod_comp_search.css
@@ -6,10 +6,11 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .pcs-message {
-    color: red;
+  color: var(--error-message-foreground-color);
+  font-size: var(--font-size-small);
 }
 
 #prod_comp_search_main {
-    width: 400px;
-    margin: 0 auto;
+  width: 400px;
+  margin: 0 auto;
 }
diff --git a/extensions/Push/template/en/default/pages/push_config.html.tmpl b/extensions/Push/template/en/default/pages/push_config.html.tmpl
index 9f194552b7..17f9506a82 100644
--- a/extensions/Push/template/en/default/pages/push_config.html.tmpl
+++ b/extensions/Push/template/en/default/pages/push_config.html.tmpl
@@ -56,7 +56,7 @@ var push_defaults = new Array();
   <td>&nbsp;</td>
   <td colspan="2">
     <input type="submit" value="Submit Changes">
-    <input type="submit" value="Reset to Defaults" onclick="reset_to_defaults(); return false">
+    <input type="submit" value="Reset to Defaults" class="secondary" onclick="reset_to_defaults(); return false">
   </td>
 </tr>
 
diff --git a/extensions/Push/template/en/default/pages/push_log.html.tmpl b/extensions/Push/template/en/default/pages/push_log.html.tmpl
index a51cb22cfb..dd49586377 100644
--- a/extensions/Push/template/en/default/pages/push_log.html.tmpl
+++ b/extensions/Push/template/en/default/pages/push_log.html.tmpl
@@ -13,18 +13,21 @@
 %]
 [% logs = push.log %]
 
-<table id="report" cellspacing="0">
+<table class="standard">
 
 [% IF logs.count %]
-  <tr class="report-subheader">
+  <thead>
+  <tr>
     <th nowrap>Connector</th>
     <th nowrap>Event Timestamp</th>
     <th nowrap>Processed Timestamp</th>
     <th nowrap>Status</th>
     <th nowrap>Message</th>
   </tr>
+  </thead>
 [% END %]
 
+<tbody>
 [% FOREACH log = logs.list %]
   <tr class="row [% loop.count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
     <td nowrap>[% log.connector FILTER html %]</td>
@@ -34,6 +37,7 @@
     <td>[% log.data FILTER html %]</td>
   </tr>
 [% END %]
+</tbody>
 
 <tr>
   <td colspan="5">&nbsp;</td>
diff --git a/extensions/Push/template/en/default/pages/push_queues.html.tmpl b/extensions/Push/template/en/default/pages/push_queues.html.tmpl
index d1985c89a5..ae24c28509 100644
--- a/extensions/Push/template/en/default/pages/push_queues.html.tmpl
+++ b/extensions/Push/template/en/default/pages/push_queues.html.tmpl
@@ -12,7 +12,7 @@
   style_urls = [ 'extensions/Push/web/admin.css' ]
 %]
 
-<table id="report" cellspacing="0">
+<table id="report" class="standard">
 
 [% PROCESS show_queue
            queue = push.queue
@@ -34,8 +34,9 @@
 [% INCLUDE global/footer.html.tmpl %]
 
 [% BLOCK show_queue %]
+  <thead>
   [% count = queue.count %]
-  <tr class="report-header">
+  <tr>
     <th colspan="2">
       [% title FILTER html %] Queue ([% count FILTER html %])
     </th>
@@ -47,6 +48,8 @@
       <th colspan="5">&nbsp;</td>
     [% END %]
   </tr>
+  </thead>
+  <tbody>
 
   [% IF count %]
     <tr class="report-subheader">
@@ -99,4 +102,5 @@
   <tr>
     <td colspan="7">&nbsp;</td>
   </tr>
+  </tbody>
 [% END %]
diff --git a/extensions/Push/template/en/default/pages/push_queues_view.html.tmpl b/extensions/Push/template/en/default/pages/push_queues_view.html.tmpl
index e7d6031938..c61ff6cdc0 100644
--- a/extensions/Push/template/en/default/pages/push_queues_view.html.tmpl
+++ b/extensions/Push/template/en/default/pages/push_queues_view.html.tmpl
@@ -18,7 +18,7 @@
     [% RETURN %]
 [% END %]
 
-<table id="report" cellspacing="0">
+<table id="report" class="standard">
 
 <tr>
   <th class="report-header" nowrap>Connector</th>
diff --git a/extensions/Push/web/admin.css b/extensions/Push/web/admin.css
index 96b3b8da50..90e44fca55 100644
--- a/extensions/Push/web/admin.css
+++ b/extensions/Push/web/admin.css
@@ -6,70 +6,49 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .connector th {
-    text-align: left;
-    vertical-align: middle !important;
+  text-align: left;
+  vertical-align: middle !important;
 }
 
 .option th {
-    text-align: right;
-    font-weight: normal !important;
-    vertical-align: middle !important;
+  text-align: right;
+  font-weight: normal !important;
+  vertical-align: middle !important;
 }
 
 .option .help {
-    font-style: italic;
+  font-style: italic;
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 .required_option {
-    color: red;
-    cursor: help;
+  color: var(--required-label-color);
+  cursor: help;
 }
 
 #report {
-    border: 1px solid #888888;
-    width: 100%;
-}
-
-#report td, #report th {
-    padding: 3px 10px 3px 3px;
-    border: 0px;
+  width: 100%;
 }
 
 #report th {
-    text-align: left;
+  text-align: left;
 }
 
 .report-header {
-    background: #cccccc;
+  background: var(--grid-header-background-color);
 }
 
 .report-subheader {
-    background: #ffffff;
-}
-
-.report_row_odd {
-    background-color: #eeeeee;
-    color: #000000;
-}
-
-.report_row_even {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#report tr.row:hover {
-    background-color: #ccccff;
+  background: var(--grid-subheader-background-color);
 }
 
 .rhs {
-    text-align: right !important;
+  text-align: right !important;
 }
 
 .action-button {
-    display: inline;
+  display: inline;
 }
-
diff --git a/extensions/REMO/template/en/default/bug/create/create-remo-budget.html.tmpl b/extensions/REMO/template/en/default/bug/create/create-remo-budget.html.tmpl
index f1dfefab81..c855893b6d 100644
--- a/extensions/REMO/template/en/default/bug/create/create-remo-budget.html.tmpl
+++ b/extensions/REMO/template/en/default/bug/create/create-remo-budget.html.tmpl
@@ -200,7 +200,7 @@ function validateAndSubmit() {
   <td>
     <input type="text" name="paypal" id="paypal"
            value="" size="40" placeholder=""><br>
-    <span style="font-size: smaller;">
+    <span style="font-size: var(--font-size-small);">
       * Currently, you CANNOT make payments using other online payment services.</span>
   </td>
 </tr>
diff --git a/extensions/REMO/template/en/default/bug/create/created-mozreps.html.tmpl b/extensions/REMO/template/en/default/bug/create/created-mozreps.html.tmpl
index 359008ee99..ac4bcc1824 100644
--- a/extensions/REMO/template/en/default/bug/create/created-mozreps.html.tmpl
+++ b/extensions/REMO/template/en/default/bug/create/created-mozreps.html.tmpl
@@ -44,7 +44,7 @@
   This might take some time, so we apologize for any delays and thank you for your patience.
 </p>
 
-<p style="font-size: x-small">
+<p style="font-size: var(--font-size-small);">
   Reference: <a href="[% basepath FILTER none %]show_bug.cgi?id=[% id FILTER uri %]">#[% id FILTER html %]</a>
 </p>
 
diff --git a/extensions/REMO/template/en/default/bug/create/created-remo-budget.html.tmpl b/extensions/REMO/template/en/default/bug/create/created-remo-budget.html.tmpl
index 5905e9dc39..618727fbba 100644
--- a/extensions/REMO/template/en/default/bug/create/created-remo-budget.html.tmpl
+++ b/extensions/REMO/template/en/default/bug/create/created-remo-budget.html.tmpl
@@ -20,7 +20,7 @@
   on the [% terms.bug %] if needed.
 </p>
 
-<p style="font-size: x-small">
+<p style="font-size: var(--font-size-small);">
   Reference: <a href="[% basepath FILTER none %]show_bug.cgi?id=[% id FILTER uri %]">#[% id FILTER html %]</a>
 </p>
 
diff --git a/extensions/REMO/web/styles/moz_reps.css b/extensions/REMO/web/styles/moz_reps.css
index 884dc58967..8947146d2d 100644
--- a/extensions/REMO/web/styles/moz_reps.css
+++ b/extensions/REMO/web/styles/moz_reps.css
@@ -1,25 +1,30 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
 #reps-form {
   width: 700px;
-  border-spacing: 0px;
-  border: 4px solid #e0e0e0;
+  border: 1px solid var(--primary-region-border-color);
+  border-radius: var(--primary-region-border-radius);
+  border-spacing: 0;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-#reps-form th, #reps-form td {
-  padding: 5px;
+#reps-form th,
+#reps-form td {
+  padding: 8px;
   vertical-align: top;
 }
 
-#reps-form .even th, #reps-form .even td {
-  background: #e0e0e0;
-}
-
 #reps-form th {
   text-align: left;
 }
 
 #reps-form textarea {
-  font-family: Verdana, sans-serif;
-  font-size: small;
   width: 590px;
 }
 
@@ -28,17 +33,13 @@
 }
 
 #reps-form .mandatory {
-  color: red;
-  font-size: 80%;
+  color: var(--required-label-color);
+  font-size: var(--font-size-small);
 }
 
 label.required:before {
+  color: var(--required-label-color);
   content: "* ";
-  color: red;
-}
-
-#reps-form .missing {
-  box-shadow: #FF0000 0 0 1.5px 1px;
 }
 
 #reps-form .hidden {
@@ -50,7 +51,8 @@ label.required:before {
 }
 
 #reps-form .missing {
-  background: #FFC1C1;
+  border-color: var(--error-message-foreground-color);
+  background-color: var(--error-message-background-color);
 }
 
 .yui-calcontainer {
diff --git a/extensions/RequestNagger/web/style/requestnagger.css b/extensions/RequestNagger/web/style/requestnagger.css
index c4870a08e8..8c5dc00dc8 100644
--- a/extensions/RequestNagger/web/style/requestnagger.css
+++ b/extensions/RequestNagger/web/style/requestnagger.css
@@ -6,37 +6,33 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .edit_form {
-    width: 100%;
+  width: 100%;
 }
 
 .flag-bug {
-    font-size: large;
+  font-size: var(--font-size-x-large);
 }
 
-.flag-bug, .flag-attach, .flag-details {
-    margin-bottom: 1em;
+.flag-bug,
+.flag-attach,
+.flag-details {
+  margin-bottom: 1em;
 }
 
 .flag-attach-details {
-    font-size: small;
+  font-size: var(--font-size-small);
 }
 
 .flag-attach-actions {
-    font-size: small;
+  font-size: var(--font-size-small);
 }
 
-.flag-attach-desc {
-    font-weight: bold;
-}
-
-.flag-type {
-    font-weight: bold;
+.flag-attach-desc,
+.flag-type,
+.deferred {
+  font-weight: bold;
 }
 
 .defer {
-    margin-bottom: 2em;
-}
-
-.deferred {
-    font-weight: bold;
+  margin-bottom: 2em;
 }
diff --git a/extensions/Review/template/en/default/pages/review_suggestions.html.tmpl b/extensions/Review/template/en/default/pages/review_suggestions.html.tmpl
index e55c6bba04..a662eccec9 100644
--- a/extensions/Review/template/en/default/pages/review_suggestions.html.tmpl
+++ b/extensions/Review/template/en/default/pages/review_suggestions.html.tmpl
@@ -25,13 +25,14 @@ Products:
 
 <a href="[% basepath FILTER none %]enter_bug.cgi?product=bugzilla.mozilla.org&amp;component=Administration&amp;format=__default__">Request a change</a>
 
-<table id="report" class="hover" cellspacing="0">
-
-<tr id="report-header">
+<table id="report" class="standard">
+<thead>
+<tr>
   <th>Product/Component</th>
   <th>Suggested Reviewers</th>
 </tr>
-
+</thead>
+<tbody>
 [% FOREACH product = products %]
   <tr class="report_subheader">
     <td class="product_name">
@@ -70,7 +71,7 @@ Products:
     [% row_class = row_class == "report_row_even" ? "report_row_odd" : "report_row_even" %]
   [% END %]
 [% END %]
-
+</tbody>
 </table>
 
 [% INCLUDE global/footer.html.tmpl %]
diff --git a/extensions/Review/web/styles/badge.css b/extensions/Review/web/styles/badge.css
index 9a6e14a8c3..13f19abbcc 100644
--- a/extensions/Review/web/styles/badge.css
+++ b/extensions/Review/web/styles/badge.css
@@ -6,40 +6,40 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #header-requests {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 4px !important;
-    width: 32px;
-    height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 4px !important;
+  width: 32px;
+  height: 32px;
 }
 
 #header-requests-menu-button .icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    background: #BBB;
-    color: #FFF;
-    border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  color: var(--application-header-background-color);
+  background: var(--application-header-foreground-color);
 }
 
 #header-requests-menu-button .icon::before {
-    font-size: 16px;
-    content: '\E7F4';
+  font-size: 16px;
+  content: '\E7F4';
 }
 
 #header-requests-menu-button .badge {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 16px;
-    padding: 4px;
-    min-width: 16px;
-    height: 16px;
-    font-size: 14px;
-    font-weight: bold;
-    color: #FFF !important;
-    background-color: #C00;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 4px;
+  min-width: 16px;
+  height: 16px;
+  color: rgb(255, 255, 255) !important;
+  background-color: rgb(var(--accent-color-red-1));
+  font-size: 14px;
+  font-weight: bold;
 }
diff --git a/extensions/Review/web/styles/reports.css b/extensions/Review/web/styles/reports.css
index bbbf935597..b645680985 100644
--- a/extensions/Review/web/styles/reports.css
+++ b/extensions/Review/web/styles/reports.css
@@ -6,36 +6,38 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #report {
-    margin-top: 1em;
+  margin-top: 1em;
 }
 
 .product_name {
-    font-weight: bold;
-    white-space: nowrap;
+  font-weight: bold;
+  white-space: nowrap;
 }
 
 .product_name a {
-    color: inherit;
+  color: inherit;
 }
 
 .product_name a:hover {
-    color: inherit;
-    text-decoration: none;
+  color: inherit;
+  text-decoration: none;
 }
 
-.component_name, .other_components {
-    padding: 0 1em;
-    white-space: nowrap;
+.component_name,
+.other_components {
+  padding: 0 1em;
+  white-space: nowrap;
 }
 
-.component_name:before, .other_components:before {
-    content: "\a0\a0\a0\a0";
+.component_name:before,
+.other_components:before {
+  content: "\a0\a0\a0\a0";
 }
 
 .other_components {
-    font-style: italic;
+  font-style: italic;
 }
 
 .reviewers {
-    width: 100%;
+  width: 100%;
 }
diff --git a/extensions/Review/web/styles/review.css b/extensions/Review/web/styles/review.css
index 61edea4825..431ae0b880 100644
--- a/extensions/Review/web/styles/review.css
+++ b/extensions/Review/web/styles/review.css
@@ -6,7 +6,7 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .mentor {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .reviewer-suggestions {
diff --git a/extensions/Review/web/styles/review_history.css b/extensions/Review/web/styles/review_history.css
index b72b2efb22..06ab2dd650 100644
--- a/extensions/Review/web/styles/review_history.css
+++ b/extensions/Review/web/styles/review_history.css
@@ -6,5 +6,5 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .yui3-skin-sam .yui3-datatable-table > table {
-    width: 100%;
+  width: 100%;
 }
diff --git a/extensions/ShadowBugs/web/style.css b/extensions/ShadowBugs/web/style.css
index 0c104130f8..1179c9c06c 100644
--- a/extensions/ShadowBugs/web/style.css
+++ b/extensions/ShadowBugs/web/style.css
@@ -6,5 +6,5 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .shadow_bug_comment {
-    background: transparent !important;
+  background: transparent !important;
 }
diff --git a/extensions/Splinter/template/en/default/pages/splinter.html.tmpl b/extensions/Splinter/template/en/default/pages/splinter.html.tmpl
index 76fe3bd79b..484bb77925 100644
--- a/extensions/Splinter/template/en/default/pages/splinter.html.tmpl
+++ b/extensions/Splinter/template/en/default/pages/splinter.html.tmpl
@@ -27,8 +27,7 @@
   title = "Patch Review"
   generate_api_token = 1
   header = "Patch Review"
-  style_urls = [ "extensions/Splinter/web/splinter.css",
-                 "skins/standard/bug_groups.css" ]
+  style_urls = [ "extensions/Splinter/web/splinter.css" ]
   javascript_urls = [ "js/yui.js",
                       "extensions/Splinter/web/splinter.js",
                       "js/field.js" ]
diff --git a/extensions/Splinter/web/splinter.css b/extensions/Splinter/web/splinter.css
index 36e5fef31b..2322615565 100644
--- a/extensions/Splinter/web/splinter.css
+++ b/extensions/Splinter/web/splinter.css
@@ -226,6 +226,11 @@ div.review-patch-comment-text {
    margin-bottom: 0.5em;
 }
 
+#splinter-files .new-line,
+#splinter-files .old-line {
+  font-size: var(--font-size-small);
+}
+
 .file-label {
     margin-top: 1em;
     margin-bottom: 0.5em;
@@ -279,6 +284,7 @@ div.review-patch-comment-text {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
+    background: #ffffff;
 }
 
 .line-number {
diff --git a/extensions/TagNewUsers/template/en/default/hook/bug/changes-user.html.tmpl b/extensions/TagNewUsers/template/en/default/hook/bug/changes-user.html.tmpl
index 56657c96b5..50215d86d1 100644
--- a/extensions/TagNewUsers/template/en/default/hook/bug/changes-user.html.tmpl
+++ b/extensions/TagNewUsers/template/en/default/hook/bug/changes-user.html.tmpl
@@ -8,13 +8,11 @@
 
 [% RETURN UNLESS user.in_group('canconfirm') %]
 [% IF action.who.is_new %]
-<span class="new_user" title="
+<span class="user-role new_user" title="
 [%- action.who.comment_count FILTER html %] comment[% "s" IF action.who.comment_count != 1 -%]
 , created [%
 IF action.who.creation_age == 0 %]today[%
 ELSIF action.who.creation_age > 365 %]more than a year ago[%
 ELSE %][% action.who.creation_age FILTER html %] day[% "s" IF action.who.creation_age != 1 %] ago[% END %]."
-  >
-(New to [% terms.Bugzilla %])
-</span>
+>New to [% terms.Bugzilla %]</span>
 [% END %]
diff --git a/extensions/TagNewUsers/template/en/default/hook/bug/comments-user.html.tmpl b/extensions/TagNewUsers/template/en/default/hook/bug/comments-user.html.tmpl
index 81cfc776a4..beb265d3b8 100644
--- a/extensions/TagNewUsers/template/en/default/hook/bug/comments-user.html.tmpl
+++ b/extensions/TagNewUsers/template/en/default/hook/bug/comments-user.html.tmpl
@@ -8,19 +8,17 @@
 
 [% RETURN UNLESS user.in_group('canconfirm') %]
 [% IF comment.author.is_new %]
-<span class="new_user" title="
+<span class="user-role new_user" title="
 [%- comment.author.comment_count FILTER html %] comment[% "s" IF comment.author.comment_count != 1 -%]
 , created [%
 IF comment.author.creation_age == 0 %]today[%
 ELSIF comment.author.creation_age > 365 %]more than a year ago[%
 ELSE %][% comment.author.creation_age FILTER html %] day[% "s" IF comment.author.creation_age != 1 %] ago[% END %]."
-  >
-(New to [% terms.Bugzilla %])
-</span>
+>New to [% terms.Bugzilla %]</span>
 [% END %]
 [% IF comment.is_about_attachment
       && comment.author.first_patch_bug_id == bug.id
       && comment.attachment.ispatch
 %]
-<span class="new_user">(First Patch)</span>
+<span class="user-role new_user">First Patch</span>
 [% END %]
diff --git a/extensions/TagNewUsers/template/en/default/hook/bug/show-header-end.html.tmpl b/extensions/TagNewUsers/template/en/default/hook/bug/show-header-end.html.tmpl
deleted file mode 100644
index bff73e963a..0000000000
--- a/extensions/TagNewUsers/template/en/default/hook/bug/show-header-end.html.tmpl
+++ /dev/null
@@ -1,9 +0,0 @@
-[%# This Source Code Form is subject to the terms of the Mozilla Public
-  # License, v. 2.0. If a copy of the MPL was not distributed with this
-  # file, You can obtain one at http://mozilla.org/MPL/2.0/.
-  #
-  # This Source Code Form is "Incompatible With Secondary Licenses", as
-  # defined by the Mozilla Public License, v. 2.0.
-  #%]
-
-[% style_urls.push('extensions/TagNewUsers/web/style.css') IF user.in_group('canconfirm') %]
diff --git a/extensions/TagNewUsers/web/style.css b/extensions/TagNewUsers/web/style.css
deleted file mode 100644
index 842dca02eb..0000000000
--- a/extensions/TagNewUsers/web/style.css
+++ /dev/null
@@ -1,10 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/.
- *
- * This Source Code Form is "Incompatible With Secondary Licenses", as
- * defined by the Mozilla Public License, v. 2.0. */
-
-.new_user {
-    color: #448844;
-}
diff --git a/extensions/TrackingFlags/template/en/default/pages/tracking_flags_admin_list.html.tmpl b/extensions/TrackingFlags/template/en/default/pages/tracking_flags_admin_list.html.tmpl
index cfbe3115ea..c001e08b76 100644
--- a/extensions/TrackingFlags/template/en/default/pages/tracking_flags_admin_list.html.tmpl
+++ b/extensions/TrackingFlags/template/en/default/pages/tracking_flags_admin_list.html.tmpl
@@ -12,7 +12,7 @@
   javascript_urls = [ 'extensions/TrackingFlags/web/js/admin.js' ]
 %]
 
-<table id="flag_list" class="list" cellspacing="0">
+<table id="flag_list" class="standard">
 
 <tr>
   <th>Name</th>
diff --git a/extensions/TrackingFlags/web/styles/admin.css b/extensions/TrackingFlags/web/styles/admin.css
index 51c6ab9665..5149695552 100644
--- a/extensions/TrackingFlags/web/styles/admin.css
+++ b/extensions/TrackingFlags/web/styles/admin.css
@@ -5,107 +5,77 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-/* list */
-
-.list {
-    border: 1px solid #888888;
-}
-
-.list td, .list th {
-    padding: 3px 10px 3px 3px;
-    border: 1px solid #888888;
-}
-
-.list .odd_row {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-.list .even_row {
-    background-color: #eeeeee;
-    color: #000000;
-}
-
-.list tr:hover {
-    background-color: #ccddee;
-}
-
-
-.list th {
-    text-align: left;
-    background: #dddddd;
-}
-
-.list .disabled {
-    color: #888888;
-    text-decoration: line-through;
+table.admin .disabled {
+  color: var(--disabled-control-foreground-color);
+  text-decoration: line-through;
 }
 
 #new_flag {
-    margin: 1em 0em;
+  margin: 1em 0em;
 }
 
-/* edit */
+/**
+ * edit
+ */
 
 .edit {
-    margin-bottom: 2em;
+  margin-bottom: 2em;
 }
 
 .edit .header {
-    background: #dddddd;
+  font-size: var(--font-size-h3);
+  font-weight: 500;
 }
 
 .edit .help {
-    font-style: italic;
+  font-style: italic;
 }
 
-.edit td, .edit th {
-    padding: 1px 5px;
+.edit td,
+.edit th {
+  padding: 1px 5px;
 }
 
 .edit th {
-    text-align: left;
+  text-align: left;
 }
 
 #edit_mode {
-    margin: 1em 0em;
+  margin: 1em 0em;
 }
 
 #flag_name {
-    width: 20em;
+  width: 20em;
 }
 
 #flag_desc {
-    width: 20em;
+  width: 20em;
 }
 
 #flag_sort {
-    width: 10em;
+  width: 10em;
 }
 
 .option_value {
-    width: 10em;
+  width: 10em;
 }
 
 .value_comment {
-    width: 100%;
+  width: 100%;
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 .txt_icon {
-    font-family: monospace;
+  font-family: var(--font-family-monospace);
 }
 
 .admin_error {
-    border: 1px solid red;
-    box-shadow: 0px 0px 4px #ff0000;
-    -webkit-box-shadow: 0px 0px 4px #ff0000;
-    -moz-box-shadow: 0px 0px 4px #ff0000;
+  border: 1px solid var(--error-message-foreground-color);
 }
 
 .admin_error_text {
-    color: #cc0000;
+  color: var(--error-message-foreground-color);
 }
diff --git a/extensions/TrackingFlags/web/styles/edit_bug.css b/extensions/TrackingFlags/web/styles/edit_bug.css
index 132a6a1ca9..a391ee30d5 100644
--- a/extensions/TrackingFlags/web/styles/edit_bug.css
+++ b/extensions/TrackingFlags/web/styles/edit_bug.css
@@ -6,13 +6,13 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .tracking_flags {
-    width: auto !important;
+  width: auto !important;
 }
 
 .tracking_flags .field_label {
-    font-weight: normal !important;
+  font-weight: normal !important;
 }
 
 #Create .tracking_flags th {
-    text-align: left;
+  text-align: left;
 }
diff --git a/extensions/UserProfile/web/styles/user_profile.css b/extensions/UserProfile/web/styles/user_profile.css
index c38a19db6e..000ed36a08 100644
--- a/extensions/UserProfile/web/styles/user_profile.css
+++ b/extensions/UserProfile/web/styles/user_profile.css
@@ -6,52 +6,45 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #login_autocomplete {
-    float: left;
+  float: left;
 }
 
 #user_profile_table th {
-    text-align: right;
-    padding-right: 1em;
-    vertical-align: middle;
-    white-space: nowrap;
+  text-align: right;
+  padding-right: 1em;
+  vertical-align: middle;
+  white-space: nowrap;
 }
 
 #user_profile_table .vcard {
   display: inline-block;
-  font-weight: bold;
-}
-
-#user_profile_table .vcard a.disabled {
-  color: #888;
 }
 
 #user_profile_table .numeric {
-    text-align: right;
+  text-align: right;
 }
 
 #user_profile_table .product_span {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #updated {
-    font-style: italic;
-    font-size: x-small;
+  font-size: var(--font-size-small);
+  font-style: italic;
 }
 
 #gravatar-container {
-    text-align: center;
-    font-size: x-small;
-    vertical-align: top;
-    padding-right: 15px;
+  padding-right: 15px;
+  text-align: center;
+  font-size: var(--font-size-small);
+  vertical-align: top;
 }
 
 #gravatar {
-    -moz-box-shadow: 2px 2px 5px #888;
-    -webkit-box-shadow: 2px 2px 5px #888;
-    box-shadow: 2px 2px 5px #888;
-    margin-bottom: 5px;
+  margin-bottom: 5px;
+  border-radius: 4px;
 }
 
 #what {
-    margin-top: 1em;
+  margin-top: 1em;
 }
diff --git a/extensions/UserStory/web/style/user_story.css b/extensions/UserStory/web/style/user_story.css
index f1a457f75c..b9bcffa5d6 100644
--- a/extensions/UserStory/web/style/user_story.css
+++ b/extensions/UserStory/web/style/user_story.css
@@ -6,36 +6,18 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 .user_story {
-    width: 50em;
-}
-
-.skin-Mozilla .user_story {
-    width: 65em;
+  width: 65em;
 }
 
 textarea#user_story {
-    width: 100%;
+  width: 100%;
 }
 
 #user_story_comment {
-    float: right;
-}
-
-#user_story_readonly {
-    border: 1px solid black;
-    border-radius: 4px;
-}
-
-.skin-standard #user_story_readonly {
-    padding: 2px;
-}
-
-.skin-Mozilla #user_story_readonly {
-    border: none;
-    border-radius: 0px;
+  float: right;
 }
 
-.skin-Mozilla #user_story_readonly .bz_comment_text {
-    border: 1px solid darkgrey;
-    border-radius: 4px;
+#user_story_readonly .bz_comment_text {
+  border: 1px solid var(--control-border-color);
+  border-radius: var(--control-border-radius);
 }
diff --git a/extensions/Voting/web/style.css b/extensions/Voting/web/style.css
index c75487010e..537ecfedb3 100644
--- a/extensions/Voting/web/style.css
+++ b/extensions/Voting/web/style.css
@@ -1,32 +1,25 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Gavin Shelley <bugzilla@chimpychompy.org>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 /* Highlight the row for the bug being voted on */
 tr.bz_bug_being_voted_on {
-    background-color: #e2e2e2;
+  background-color: var(--grid-subheader-background-color);
 }
 
 tr.bz_bug_being_voted_on td {
-    border-style: solid none solid none;
-    border-width: thin;
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: var(--grid-border-color);
 }
 
 #votes_container {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 p.votes_change_saved {
-    color: green;
+  color: var(--positive-message-foreground-color);
 }
diff --git a/public/metricsgraphics/css/bootstrap.min.css b/public/metricsgraphics/css/bootstrap.min.css
deleted file mode 100644
index a9f35ceedf..0000000000
--- a/public/metricsgraphics/css/bootstrap.min.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/*!
- * Bootstrap v3.2.0 (http://getbootstrap.com)
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;width:100% \9;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{position:absolute;z-index:-1;filter:alpha(opacity=0);opacity:0}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
\ No newline at end of file
diff --git a/public/metricsgraphics/css/custom.css b/public/metricsgraphics/css/custom.css
deleted file mode 100644
index 4c8a582efb..0000000000
--- a/public/metricsgraphics/css/custom.css
+++ /dev/null
@@ -1,4 +0,0 @@
-div.chart svg {
-  margin-left: -20px;
-  margin-top: -40px;
-}
diff --git a/public/metricsgraphics/css/font-awesome.min.css b/public/metricsgraphics/css/font-awesome.min.css
deleted file mode 100644
index ec53d4d6d5..0000000000
--- a/public/metricsgraphics/css/font-awesome.min.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/*!
- *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
- *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
\ No newline at end of file
diff --git a/public/metricsgraphics/css/google-OpenSans.min.css b/public/metricsgraphics/css/google-OpenSans.min.css
deleted file mode 100644
index 24b3492fc8..0000000000
--- a/public/metricsgraphics/css/google-OpenSans.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2") format('woff2');unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2") format('woff2');unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}
diff --git a/public/metricsgraphics/css/google-PTSerif.min.css b/public/metricsgraphics/css/google-PTSerif.min.css
deleted file mode 100644
index a02c2446fe..0000000000
--- a/public/metricsgraphics/css/google-PTSerif.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'), local('PTSerif-Italic'), url("https://fonts.gstatic.com/s/ptserif/v8/O_WhD9hODL16N4KLHLX7xSEAvth_LlrfE80CYdSH47w.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'), local('PTSerif-Italic'), url("https://fonts.gstatic.com/s/ptserif/v8/3Nwg9VzlwLXPq3fNKwVRMCEAvth_LlrfE80CYdSH47w.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'), local('PTSerif-Italic'), url("https://fonts.gstatic.com/s/ptserif/v8/b31S45a_TNgaBApZhTgE6CEAvth_LlrfE80CYdSH47w.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'), local('PTSerif-Italic'), url("https://fonts.gstatic.com/s/ptserif/v8/03aPdn7fFF3H6ngCgAlQzPk_vArhqVIZ0nv9q090hN8.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'), local('PTSerif-Regular'), url("https://fonts.gstatic.com/s/ptserif/v8/5hX15RUpPERmeybVlLQEWBTbgVql8nDJpwnrE27mub0.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'), local('PTSerif-Regular'), url("https://fonts.gstatic.com/s/ptserif/v8/fU0HAfLiPHGlZhZpY6M7dBTbgVql8nDJpwnrE27mub0.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'), local('PTSerif-Regular'), url("https://fonts.gstatic.com/s/ptserif/v8/CPRt--GVMETgA6YEaoGitxTbgVql8nDJpwnrE27mub0.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'), local('PTSerif-Regular'), url("https://fonts.gstatic.com/s/ptserif/v8/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'), local('PTSerif-Bold'), url("https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpDTOQ_MqJVwkKsUn0wKzc2I.woff2") format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'), local('PTSerif-Bold'), url("https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpDUj_cnvWIuuBMVgbX098Mw.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'), local('PTSerif-Bold'), url("https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpCYE0-AqJ3nfInTTiDXDjU4.woff2") format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'), local('PTSerif-Bold'), url("https://fonts.gstatic.com/s/ptserif/v8/QABk9IxT-LFTJ_dQzv7xpI4P5ICox8Kq3LLUNMylGO4.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}
diff --git a/public/metricsgraphics/js/bootstrap.min.js b/public/metricsgraphics/js/bootstrap.min.js
deleted file mode 100644
index 7c1561a8b9..0000000000
--- a/public/metricsgraphics/js/bootstrap.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap v3.2.0 (http://getbootstrap.com)
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.2.0",d.prototype.close=function(b){function c(){f.detach().trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",c).emulateTransitionEnd(150):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.2.0",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),d[e](null==f[b]?this.options[b]:f[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),c.preventDefault()})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b).on("keydown.bs.carousel",a.proxy(this.keydown,this)),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.2.0",c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},c.prototype.keydown=function(a){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.to=function(b){var c=this,d=this.getItemIndex(this.$active=this.$element.find(".item.active"));return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=e[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:g});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,f&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(e)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:g});return a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one("bsTransitionEnd",function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger(m)),f&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b);!e&&f.toggle&&"show"==b&&(b=!b),e||d.data("bs.collapse",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};c.VERSION="3.2.0",c.DEFAULTS={toggle:!0},c.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},c.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var c=a.Event("show.bs.collapse");if(this.$element.trigger(c),!c.isDefaultPrevented()){var d=this.$parent&&this.$parent.find("> .panel > .in");if(d&&d.length){var e=d.data("bs.collapse");if(e&&e.transitioning)return;b.call(d,"hide"),e||d.data("bs.collapse",null)}var f=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[f](0),this.transitioning=1;var g=function(){this.$element.removeClass("collapsing").addClass("collapse in")[f](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return g.call(this);var h=a.camelCase(["scroll",f].join("-"));this.$element.one("bsTransitionEnd",a.proxy(g,this)).emulateTransitionEnd(350)[f](this.$element[0][h])}}},c.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},c.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var d=a.fn.collapse;a.fn.collapse=b,a.fn.collapse.Constructor=c,a.fn.collapse.noConflict=function(){return a.fn.collapse=d,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(c){var d,e=a(this),f=e.attr("data-target")||c.preventDefault()||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),g=a(f),h=g.data("bs.collapse"),i=h?"toggle":e.data(),j=e.attr("data-parent"),k=j&&a(j);h&&h.transitioning||(k&&k.find('[data-toggle="collapse"][data-parent="'+j+'"]').not(e).addClass("collapsed"),e[g.hasClass("in")?"addClass":"removeClass"]("collapsed")),b.call(g,i)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.2.0",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var e=c(d),g=e.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.divider):visible a",i=e.find('[role="menu"]'+h+', [role="listbox"]'+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f+', [role="menu"], [role="listbox"]',g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$backdrop=this.isShown=null,this.scrollbarWidth=0,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.2.0",c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.$body.addClass("modal-open"),this.setScrollbar(),this.escape(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(c.$body),c.$element.show().scrollTop(0),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one("bsTransitionEnd",function(){c.$element.trigger("focus").trigger(e)}).emulateTransitionEnd(300):c.$element.trigger("focus").trigger(e)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.$body.removeClass("modal-open"),this.resetScrollbar(),this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;if(this.$backdrop=a('<div class="modal-backdrop '+d+'" />').appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;e?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(150):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var f=function(){c.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",f).emulateTransitionEnd(150):f()}else b&&b()},c.prototype.checkScrollbar=function(){document.body.clientWidth>=window.innerWidth||(this.scrollbarWidth=this.scrollbarWidth||this.measureScrollbar())},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.scrollbarWidth&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right","")},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};c.VERSION="3.2.0",c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(this.options.viewport.selector||this.options.viewport);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var c=a.contains(document.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!c)return;var d=this,e=this.tip(),f=this.getUID(this.type);this.setContent(),e.attr("id",f),this.$element.attr("aria-describedby",f),this.options.animation&&e.addClass("fade");var g="function"==typeof this.options.placement?this.options.placement.call(this,e[0],this.$element[0]):this.options.placement,h=/\s?auto?\s?/i,i=h.test(g);i&&(g=g.replace(h,"")||"top"),e.detach().css({top:0,left:0,display:"block"}).addClass(g).data("bs."+this.type,this),this.options.container?e.appendTo(this.options.container):e.insertAfter(this.$element);var j=this.getPosition(),k=e[0].offsetWidth,l=e[0].offsetHeight;if(i){var m=g,n=this.$element.parent(),o=this.getPosition(n);g="bottom"==g&&j.top+j.height+l-o.scroll>o.height?"top":"top"==g&&j.top-o.scroll-l<0?"bottom":"right"==g&&j.right+k>o.width?"left":"left"==g&&j.left-k<o.left?"right":g,e.removeClass(m).addClass(g)}var p=this.getCalculatedOffset(g,j,k,l);this.applyPlacement(p,g);var q=function(){d.$element.trigger("shown.bs."+d.type),d.hoverState=null};a.support.transition&&this.$tip.hasClass("fade")?e.one("bsTransitionEnd",q).emulateTransitionEnd(150):q()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top=b.top+g,b.left=b.left+h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=k.left?2*k.left-e+i:2*k.top-f+j,m=k.left?"left":"top",n=k.left?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(l,d[0][n],m)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach(),c.$element.trigger("hidden.bs."+c.type)}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.removeAttr("aria-describedby"),this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one("bsTransitionEnd",b).emulateTransitionEnd(150):b(),this.hoverState=null,this)},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName;return a.extend({},"function"==typeof c.getBoundingClientRect?c.getBoundingClientRect():null,{scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop(),width:d?a(window).width():b.outerWidth(),height:d?a(window).height():b.outerHeight()},d?{top:0,left:0}:b.offset())},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.width&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){clearTimeout(this.timeout),this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.2.0",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").empty()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},c.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){var e=a.proxy(this.process,this);this.$body=a("body"),this.$scrollElement=a(a(c).is("body")?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",e),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.2.0",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b="offset",c=0;a.isWindow(this.$scrollElement[0])||(b="position",c=this.$scrollElement.scrollTop()),this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight();var d=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+c,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){d.offsets.push(this[0]),d.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.2.0",c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.closest("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},c.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one("bsTransitionEnd",e).emulateTransitionEnd(150):e(),f.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(c){c.preventDefault(),b.call(a(this),"show")})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.2.0",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=a(document).height(),d=this.$target.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=b-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){null!=this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:b-this.$element.height()-h}))}}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},d.offsetBottom&&(d.offset.bottom=d.offsetBottom),d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
\ No newline at end of file
diff --git a/public/metricsgraphics/js/jquery.min.js b/public/metricsgraphics/js/jquery.min.js
deleted file mode 100644
index ab28a24729..0000000000
--- a/public/metricsgraphics/js/jquery.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
-!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.1",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+-new Date,v=a.document,w=0,x=0,y=gb(),z=gb(),A=gb(),B=function(a,b){return a===b&&(l=!0),0},C="undefined",D=1<<31,E={}.hasOwnProperty,F=[],G=F.pop,H=F.push,I=F.push,J=F.slice,K=F.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},L="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",N="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=N.replace("w","w#"),P="\\["+M+"*("+N+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+O+"))|)"+M+"*\\]",Q=":("+N+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+P+")*)|.*)\\)|)",R=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),S=new RegExp("^"+M+"*,"+M+"*"),T=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),V=new RegExp(Q),W=new RegExp("^"+O+"$"),X={ID:new RegExp("^#("+N+")"),CLASS:new RegExp("^\\.("+N+")"),TAG:new RegExp("^("+N.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+Q),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+L+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{I.apply(F=J.call(v.childNodes),v.childNodes),F[v.childNodes.length].nodeType}catch(eb){I={apply:F.length?function(a,b){H.apply(a,J.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],!a||"string"!=typeof a)return d;if(1!==(k=b.nodeType)&&9!==k)return[];if(p&&!e){if(f=_.exec(a))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return I.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return I.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=9===k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+qb(o[l]);w=ab.test(a)&&ob(b.parentNode)||b,x=o.join(",")}if(x)try{return I.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function gb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function hb(a){return a[u]=!0,a}function ib(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function jb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function kb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||D)-(~a.sourceIndex||D);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function lb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function nb(a){return hb(function(b){return b=+b,hb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function ob(a){return a&&typeof a.getElementsByTagName!==C&&a}c=fb.support={},f=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fb.setDocument=function(a){var b,e=a?a.ownerDocument||a:v,g=e.defaultView;return e!==n&&9===e.nodeType&&e.documentElement?(n=e,o=e.documentElement,p=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){m()},!1):g.attachEvent&&g.attachEvent("onunload",function(){m()})),c.attributes=ib(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ib(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(e.getElementsByClassName)&&ib(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=ib(function(a){return o.appendChild(a).id=u,!e.getElementsByName||!e.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==C&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c=typeof a.getAttributeNode!==C&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==C?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==C&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(e.querySelectorAll))&&(ib(function(a){a.innerHTML="<select msallowclip=''><option selected=''></option></select>",a.querySelectorAll("[msallowclip^='']").length&&q.push("[*^$]="+M+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+M+"*(?:value|"+L+")"),a.querySelectorAll(":checked").length||q.push(":checked")}),ib(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+M+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ib(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",Q)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===v&&t(v,a)?-1:b===e||b.ownerDocument===v&&t(v,b)?1:k?K.call(k,a)-K.call(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],i=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:k?K.call(k,a)-K.call(k,b):0;if(f===g)return kb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?kb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},e):n},fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fb(b,n,null,[a]).length>0},fb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&E.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fb.selectors={cacheLength:50,createPseudo:hb,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+M+")"+a+"("+M+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==C&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?hb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=K.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:hb(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?hb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:hb(function(a){return function(b){return fb(a,b).length>0}}),contains:hb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:hb(function(a){return W.test(a||"")||fb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:nb(function(){return[0]}),last:nb(function(a,b){return[b-1]}),eq:nb(function(a,b,c){return[0>c?c+b:c]}),even:nb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:nb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:nb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:nb(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=lb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=mb(b);function pb(){}pb.prototype=d.filters=d.pseudos,d.setFilters=new pb,g=fb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fb.error(a):z(a,i).slice(0)};function qb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function rb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function sb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function tb(a,b,c){for(var d=0,e=b.length;e>d;d++)fb(a,b[d],c);return c}function ub(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function vb(a,b,c,d,e,f){return d&&!d[u]&&(d=vb(d)),e&&!e[u]&&(e=vb(e,f)),hb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||tb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ub(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ub(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?K.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ub(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):I.apply(g,r)})}function wb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=rb(function(a){return a===b},h,!0),l=rb(function(a){return K.call(b,a)>-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>i;i++)if(c=d.relative[a[i].type])m=[rb(sb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return vb(i>1&&sb(m),i>1&&qb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&wb(a.slice(i,e)),f>e&&wb(a=a.slice(e)),f>e&&qb(a))}m.push(c)}return sb(m)}function xb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=G.call(i));s=ub(s)}I.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&fb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?hb(f):f}return h=fb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xb(e,d)),f.selector=a}return f},i=fb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&ob(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qb(j),!a)return I.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&ob(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ib(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ib(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||jb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ib(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||jb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ib(function(a){return null==a.getAttribute("disabled")})||jb(L,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;
-if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?m.queue(this[0],a):void 0===b?this:this.each(function(){var c=m.queue(this,a,b);m._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&m.dequeue(this,a)})},dequeue:function(a){return this.each(function(){m.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=m.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=m._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=["Top","Right","Bottom","Left"],U=function(a,b){return a=b||a,"none"===m.css(a,"display")||!m.contains(a.ownerDocument,a)},V=m.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===m.type(c)){e=!0;for(h in c)m.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,m.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(m(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav></:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},fix:function(a){if(a[m.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=Z.test(e)?this.mouseHooks:Y.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new m.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=f.srcElement||y),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||y,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==cb()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===cb()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return m.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return m.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=m.extend(new m.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?m.event.trigger(e,null,b):m.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},m.removeEvent=y.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===K&&(a[d]=null),a.detachEvent(d,c))},m.Event=function(a,b){return this instanceof m.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ab:bb):this.type=a,b&&m.extend(this,b),this.timeStamp=a&&a.timeStamp||m.now(),void(this[m.expando]=!0)):new m.Event(a,b)},m.Event.prototype={isDefaultPrevented:bb,isPropagationStopped:bb,isImmediatePropagationStopped:bb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ab,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ab,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ab,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},m.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){m.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!m.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.submitBubbles||(m.event.special.submit={setup:function(){return m.nodeName(this,"form")?!1:void m.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=m.nodeName(b,"input")||m.nodeName(b,"button")?b.form:void 0;c&&!m._data(c,"submitBubbles")&&(m.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),m._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&m.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return m.nodeName(this,"form")?!1:void m.event.remove(this,"._submit")}}),k.changeBubbles||(m.event.special.change={setup:function(){return X.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(m.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),m.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),m.event.simulate("change",this,a,!0)})),!1):void m.event.add(this,"beforeactivate._change",function(a){var b=a.target;X.test(b.nodeName)&&!m._data(b,"changeBubbles")&&(m.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||m.event.simulate("change",this.parentNode,a,!0)}),m._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return m.event.remove(this,"._change"),!X.test(this.nodeName)}}),k.focusinBubbles||m.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){m.event.simulate(b,a.target,m.event.fix(a),!0)};m.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=m._data(d,b);e||d.addEventListener(a,c,!0),m._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=m._data(d,b)-1;e?m._data(d,b,e):(d.removeEventListener(a,c,!0),m._removeData(d,b))}}}),m.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(f in a)this.on(f,b,c,a[f],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=bb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return m().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.guid=m.guid++)),this.each(function(){m.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,m(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=bb),this.each(function(){m.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){m.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?m.event.trigger(a,b,c,!0):void 0}});function db(a){var b=eb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var eb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",fb=/ jQuery\d+="(?:null|\d+)"/g,gb=new RegExp("<(?:"+eb+")[\\s/>]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/<tbody/i,lb=/<|&#?\w+;/,mb=/<(?:script|style|link)/i,nb=/checked\s*(?:[^=]|=\s*.checked.)/i,ob=/^$|\/(?:java|ecma)script/i,pb=/^true\/(.*)/,qb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,rb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:k.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1></$2>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?"<table>"!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Cb[0].contentWindow||Cb[0].contentDocument).document,b.write(),b.close(),c=Eb(a,b),Cb.detach()),Db[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Gb=/^margin/,Hb=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ib,Jb,Kb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ib=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Hb.test(g)&&Gb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ib=function(a){return a.currentStyle},Jb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ib(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Hb.test(g)&&!Kb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Lb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=d&&d.style){c.cssText="float:left;opacity:.5",k.opacity="0.5"===c.opacity,k.cssFloat=!!c.cssFloat,b.style.backgroundClip="content-box",b.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===b.style.backgroundClip,k.boxSizing=""===c.boxSizing||""===c.MozBoxSizing||""===c.WebkitBoxSizing,m.extend(k,{reliableHiddenOffsets:function(){return null==g&&i(),g},boxSizingReliable:function(){return null==f&&i(),f},pixelPosition:function(){return null==e&&i(),e},reliableMarginRight:function(){return null==h&&i(),h}});function i(){var b,c,d,i;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),b.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",e=f=!1,h=!0,a.getComputedStyle&&(e="1%"!==(a.getComputedStyle(b,null)||{}).top,f="4px"===(a.getComputedStyle(b,null)||{width:"4px"}).width,i=b.appendChild(y.createElement("div")),i.style.cssText=b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",i.style.marginRight=i.style.width="0",b.style.width="1px",h=!parseFloat((a.getComputedStyle(i,null)||{}).marginRight)),b.innerHTML="<table><tr><td></td><td>t</td></tr></table>",i=b.getElementsByTagName("td"),i[0].style.cssText="margin:0;border:0;padding:0;display:none",g=0===i[0].offsetHeight,g&&(i[0].style.display="",i[1].style.display="none",g=0===i[0].offsetHeight),c.removeChild(d))}}}(),m.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Mb=/alpha\([^)]*\)/i,Nb=/opacity\s*=\s*([^)]*)/,Ob=/^(none|table(?!-c[ea]).+)/,Pb=new RegExp("^("+S+")(.*)$","i"),Qb=new RegExp("^([+-])=("+S+")","i"),Rb={position:"absolute",visibility:"hidden",display:"block"},Sb={letterSpacing:"0",fontWeight:"400"},Tb=["Webkit","O","Moz","ms"];function Ub(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Tb.length;while(e--)if(b=Tb[e]+c,b in a)return b;return d}function Vb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=m._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&U(d)&&(f[g]=m._data(d,"olddisplay",Fb(d.nodeName)))):(e=U(d),(c&&"none"!==c||!e)&&m._data(d,"olddisplay",e?c:m.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Wb(a,b,c){var d=Pb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Xb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=m.css(a,c+T[f],!0,e)),d?("content"===c&&(g-=m.css(a,"padding"+T[f],!0,e)),"margin"!==c&&(g-=m.css(a,"border"+T[f]+"Width",!0,e))):(g+=m.css(a,"padding"+T[f],!0,e),"padding"!==c&&(g+=m.css(a,"border"+T[f]+"Width",!0,e)));return g}function Yb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ib(a),g=k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Jb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Hb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Xb(a,b,c||(g?"border":"content"),d,f)+"px"}m.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Jb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":k.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=m.camelCase(b),i=a.style;if(b=m.cssProps[h]||(m.cssProps[h]=Ub(i,h)),g=m.cssHooks[b]||m.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Qb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(m.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||m.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=m.camelCase(b);return b=m.cssProps[h]||(m.cssProps[h]=Ub(a.style,h)),g=m.cssHooks[b]||m.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Jb(a,b,d)),"normal"===f&&b in Sb&&(f=Sb[b]),""===c||c?(e=parseFloat(f),c===!0||m.isNumeric(e)?e||0:f):f}}),m.each(["height","width"],function(a,b){m.cssHooks[b]={get:function(a,c,d){return c?Ob.test(m.css(a,"display"))&&0===a.offsetWidth?m.swap(a,Rb,function(){return Yb(a,b,d)}):Yb(a,b,d):void 0},set:function(a,c,d){var e=d&&Ib(a);return Wb(a,c,d?Xb(a,b,d,k.boxSizing&&"border-box"===m.css(a,"boxSizing",!1,e),e):0)}}}),k.opacity||(m.cssHooks.opacity={get:function(a,b){return Nb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=m.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===m.trim(f.replace(Mb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Mb.test(f)?f.replace(Mb,e):f+" "+e)}}),m.cssHooks.marginRight=Lb(k.reliableMarginRight,function(a,b){return b?m.swap(a,{display:"inline-block"},Jb,[a,"marginRight"]):void 0}),m.each({margin:"",padding:"",border:"Width"},function(a,b){m.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+T[d]+b]=f[d]||f[d-2]||f[0];return e}},Gb.test(a)||(m.cssHooks[a+b].set=Wb)}),m.fn.extend({css:function(a,b){return V(this,function(a,b,c){var d,e,f={},g=0;if(m.isArray(b)){for(d=Ib(a),e=b.length;e>g;g++)f[b[g]]=m.css(a,b[g],!1,d);return f}return void 0!==c?m.style(a,b,c):m.css(a,b)},a,b,arguments.length>1)},show:function(){return Vb(this,!0)},hide:function(){return Vb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){U(this)?m(this).show():m(this).hide()})}});function Zb(a,b,c,d,e){return new Zb.prototype.init(a,b,c,d,e)}m.Tween=Zb,Zb.prototype={constructor:Zb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(m.cssNumber[c]?"":"px")
-},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(this):Zb.propHooks._default.get(this)},run:function(a){var b,c=Zb.propHooks[this.prop];return this.pos=b=this.options.duration?m.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Zb.propHooks._default.set(this),this}},Zb.prototype.init.prototype=Zb.prototype,Zb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=m.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){m.fx.step[a.prop]?m.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[m.cssProps[a.prop]]||m.cssHooks[a.prop])?m.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Zb.propHooks.scrollTop=Zb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},m.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},m.fx=Zb.prototype.init,m.fx.step={};var $b,_b,ac=/^(?:toggle|show|hide)$/,bc=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),cc=/queueHooks$/,dc=[ic],ec={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=bc.exec(b),f=e&&e[3]||(m.cssNumber[a]?"":"px"),g=(m.cssNumber[a]||"px"!==f&&+d)&&bc.exec(m.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,m.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function fc(){return setTimeout(function(){$b=void 0}),$b=m.now()}function gc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=T[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function hc(a,b,c){for(var d,e=(ec[b]||[]).concat(ec["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function ic(a,b,c){var d,e,f,g,h,i,j,l,n=this,o={},p=a.style,q=a.nodeType&&U(a),r=m._data(a,"fxshow");c.queue||(h=m._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,n.always(function(){n.always(function(){h.unqueued--,m.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=m.css(a,"display"),l="none"===j?m._data(a,"olddisplay")||Fb(a.nodeName):j,"inline"===l&&"none"===m.css(a,"float")&&(k.inlineBlockNeedsLayout&&"inline"!==Fb(a.nodeName)?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",k.shrinkWrapBlocks()||n.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],ac.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||m.style(a,d)}else j=void 0;if(m.isEmptyObject(o))"inline"===("none"===j?Fb(a.nodeName):j)&&(p.display=j);else{r?"hidden"in r&&(q=r.hidden):r=m._data(a,"fxshow",{}),f&&(r.hidden=!q),q?m(a).show():n.done(function(){m(a).hide()}),n.done(function(){var b;m._removeData(a,"fxshow");for(b in o)m.style(a,b,o[b])});for(d in o)g=hc(q?r[d]:0,d,n),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function jc(a,b){var c,d,e,f,g;for(c in a)if(d=m.camelCase(c),e=b[d],f=a[c],m.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=m.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function kc(a,b,c){var d,e,f=0,g=dc.length,h=m.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=$b||fc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:m.extend({},b),opts:m.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:$b||fc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=m.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(jc(k,j.opts.specialEasing);g>f;f++)if(d=dc[f].call(j,a,k,j.opts))return d;return m.map(k,hc,j),m.isFunction(j.opts.start)&&j.opts.start.call(a,j),m.fx.timer(m.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}m.Animation=m.extend(kc,{tweener:function(a,b){m.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],ec[c]=ec[c]||[],ec[c].unshift(b)},prefilter:function(a,b){b?dc.unshift(a):dc.push(a)}}),m.speed=function(a,b,c){var d=a&&"object"==typeof a?m.extend({},a):{complete:c||!c&&b||m.isFunction(a)&&a,duration:a,easing:c&&b||b&&!m.isFunction(b)&&b};return d.duration=m.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in m.fx.speeds?m.fx.speeds[d.duration]:m.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){m.isFunction(d.old)&&d.old.call(this),d.queue&&m.dequeue(this,d.queue)},d},m.fn.extend({fadeTo:function(a,b,c,d){return this.filter(U).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=m.isEmptyObject(a),f=m.speed(b,c,d),g=function(){var b=kc(this,m.extend({},a),f);(e||m._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=m.timers,g=m._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&cc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&m.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=m._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=m.timers,g=d?d.length:0;for(c.finish=!0,m.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),m.each(["toggle","show","hide"],function(a,b){var c=m.fn[b];m.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(gc(b,!0),a,d,e)}}),m.each({slideDown:gc("show"),slideUp:gc("hide"),slideToggle:gc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){m.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),m.timers=[],m.fx.tick=function(){var a,b=m.timers,c=0;for($b=m.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||m.fx.stop(),$b=void 0},m.fx.timer=function(a){m.timers.push(a),a()?m.fx.start():m.timers.pop()},m.fx.interval=13,m.fx.start=function(){_b||(_b=setInterval(m.fx.tick,m.fx.interval))},m.fx.stop=function(){clearInterval(_b),_b=null},m.fx.speeds={slow:600,fast:200,_default:400},m.fn.delay=function(a,b){return a=m.fx?m.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a,b,c,d,e;b=y.createElement("div"),b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",d=b.getElementsByTagName("a")[0],c=y.createElement("select"),e=c.appendChild(y.createElement("option")),a=b.getElementsByTagName("input")[0],d.style.cssText="top:1px",k.getSetAttribute="t"!==b.className,k.style=/top/.test(d.getAttribute("style")),k.hrefNormalized="/a"===d.getAttribute("href"),k.checkOn=!!a.value,k.optSelected=e.selected,k.enctype=!!y.createElement("form").enctype,c.disabled=!0,k.optDisabled=!e.disabled,a=y.createElement("input"),a.setAttribute("value",""),k.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),k.radioValue="t"===a.value}();var lc=/\r/g;m.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=m.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,m(this).val()):a,null==e?e="":"number"==typeof e?e+="":m.isArray(e)&&(e=m.map(e,function(a){return null==a?"":a+""})),b=m.valHooks[this.type]||m.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=m.valHooks[e.type]||m.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(lc,""):null==c?"":c)}}}),m.extend({valHooks:{option:{get:function(a){var b=m.find.attr(a,"value");return null!=b?b:m.trim(m.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&m.nodeName(c.parentNode,"optgroup"))){if(b=m(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=m.makeArray(b),g=e.length;while(g--)if(d=e[g],m.inArray(m.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),m.each(["radio","checkbox"],function(){m.valHooks[this]={set:function(a,b){return m.isArray(b)?a.checked=m.inArray(m(a).val(),b)>=0:void 0}},k.checkOn||(m.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var mc,nc,oc=m.expr.attrHandle,pc=/^(?:checked|selected)$/i,qc=k.getSetAttribute,rc=k.input;m.fn.extend({attr:function(a,b){return V(this,m.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){m.removeAttr(this,a)})}}),m.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===K?m.prop(a,b,c):(1===f&&m.isXMLDoc(a)||(b=b.toLowerCase(),d=m.attrHooks[b]||(m.expr.match.bool.test(b)?nc:mc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=m.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void m.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=m.propFix[c]||c,m.expr.match.bool.test(c)?rc&&qc||!pc.test(c)?a[d]=!1:a[m.camelCase("default-"+c)]=a[d]=!1:m.attr(a,c,""),a.removeAttribute(qc?c:d)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&m.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),nc={set:function(a,b,c){return b===!1?m.removeAttr(a,c):rc&&qc||!pc.test(c)?a.setAttribute(!qc&&m.propFix[c]||c,c):a[m.camelCase("default-"+c)]=a[c]=!0,c}},m.each(m.expr.match.bool.source.match(/\w+/g),function(a,b){var c=oc[b]||m.find.attr;oc[b]=rc&&qc||!pc.test(b)?function(a,b,d){var e,f;return d||(f=oc[b],oc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,oc[b]=f),e}:function(a,b,c){return c?void 0:a[m.camelCase("default-"+b)]?b.toLowerCase():null}}),rc&&qc||(m.attrHooks.value={set:function(a,b,c){return m.nodeName(a,"input")?void(a.defaultValue=b):mc&&mc.set(a,b,c)}}),qc||(mc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},oc.id=oc.name=oc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},m.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:mc.set},m.attrHooks.contenteditable={set:function(a,b,c){mc.set(a,""===b?!1:b,c)}},m.each(["width","height"],function(a,b){m.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),k.style||(m.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var sc=/^(?:input|select|textarea|button|object)$/i,tc=/^(?:a|area)$/i;m.fn.extend({prop:function(a,b){return V(this,m.prop,a,b,arguments.length>1)},removeProp:function(a){return a=m.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),m.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!m.isXMLDoc(a),f&&(b=m.propFix[b]||b,e=m.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=m.find.attr(a,"tabindex");return b?parseInt(b,10):sc.test(a.nodeName)||tc.test(a.nodeName)&&a.href?0:-1}}}}),k.hrefNormalized||m.each(["href","src"],function(a,b){m.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),k.optSelected||(m.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),m.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){m.propFix[this.toLowerCase()]=this}),k.enctype||(m.propFix.enctype="encoding");var uc=/[\t\r\n\f]/g;m.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=m.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(m.isFunction(a))return this.each(function(b){m(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(E)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(uc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?m.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(m.isFunction(a)?function(c){m(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=m(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===K||"boolean"===c)&&(this.className&&m._data(this,"__className__",this.className),this.className=this.className||a===!1?"":m._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(uc," ").indexOf(b)>=0)return!0;return!1}}),m.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){m.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),m.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var vc=m.now(),wc=/\?/,xc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;m.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=m.trim(b+"");return e&&!m.trim(e.replace(xc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():m.error("Invalid JSON: "+b)},m.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||m.error("Invalid XML: "+b),c};var yc,zc,Ac=/#.*$/,Bc=/([?&])_=[^&]*/,Cc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Dc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Ec=/^(?:GET|HEAD)$/,Fc=/^\/\//,Gc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Hc={},Ic={},Jc="*/".concat("*");try{zc=location.href}catch(Kc){zc=y.createElement("a"),zc.href="",zc=zc.href}yc=Gc.exec(zc.toLowerCase())||[];function Lc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(m.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Mc(a,b,c,d){var e={},f=a===Ic;function g(h){var i;return e[h]=!0,m.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Nc(a,b){var c,d,e=m.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&m.extend(!0,a,c),a}function Oc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Pc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}m.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:zc,type:"GET",isLocal:Dc.test(yc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Jc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":m.parseJSON,"text xml":m.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Nc(Nc(a,m.ajaxSettings),b):Nc(m.ajaxSettings,a)},ajaxPrefilter:Lc(Hc),ajaxTransport:Lc(Ic),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=m.ajaxSetup({},b),l=k.context||k,n=k.context&&(l.nodeType||l.jquery)?m(l):m.event,o=m.Deferred(),p=m.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Cc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||zc)+"").replace(Ac,"").replace(Fc,yc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=m.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(c=Gc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===yc[1]&&c[2]===yc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(yc[3]||("http:"===yc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=m.param(k.data,k.traditional)),Mc(Hc,k,b,v),2===t)return v;h=k.global,h&&0===m.active++&&m.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Ec.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(wc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Bc.test(e)?e.replace(Bc,"$1_="+vc++):e+(wc.test(e)?"&":"?")+"_="+vc++)),k.ifModified&&(m.lastModified[e]&&v.setRequestHeader("If-Modified-Since",m.lastModified[e]),m.etag[e]&&v.setRequestHeader("If-None-Match",m.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Jc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Mc(Ic,k,b,v)){v.readyState=1,h&&n.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Oc(k,v,c)),u=Pc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(m.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(m.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&n.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(n.trigger("ajaxComplete",[v,k]),--m.active||m.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return m.get(a,b,c,"json")},getScript:function(a,b){return m.get(a,void 0,b,"script")}}),m.each(["get","post"],function(a,b){m[b]=function(a,c,d,e){return m.isFunction(c)&&(e=e||d,d=c,c=void 0),m.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m._evalUrl=function(a){return m.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},m.fn.extend({wrapAll:function(a){if(m.isFunction(a))return this.each(function(b){m(this).wrapAll(a.call(this,b))});if(this[0]){var b=m(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(m.isFunction(a)?function(b){m(this).wrapInner(a.call(this,b))}:function(){var b=m(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=m.isFunction(a);return this.each(function(c){m(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){m.nodeName(this,"body")||m(this).replaceWith(this.childNodes)}).end()}}),m.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!k.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||m.css(a,"display"))},m.expr.filters.visible=function(a){return!m.expr.filters.hidden(a)};var Qc=/%20/g,Rc=/\[\]$/,Sc=/\r?\n/g,Tc=/^(?:submit|button|image|reset|file)$/i,Uc=/^(?:input|select|textarea|keygen)/i;function Vc(a,b,c,d){var e;if(m.isArray(b))m.each(b,function(b,e){c||Rc.test(a)?d(a,e):Vc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==m.type(b))d(a,b);else for(e in b)Vc(a+"["+e+"]",b[e],c,d)}m.param=function(a,b){var c,d=[],e=function(a,b){b=m.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=m.ajaxSettings&&m.ajaxSettings.traditional),m.isArray(a)||a.jquery&&!m.isPlainObject(a))m.each(a,function(){e(this.name,this.value)});else for(c in a)Vc(c,a[c],b,e);return d.join("&").replace(Qc,"+")},m.fn.extend({serialize:function(){return m.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=m.prop(this,"elements");return a?m.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!m(this).is(":disabled")&&Uc.test(this.nodeName)&&!Tc.test(a)&&(this.checked||!W.test(a))}).map(function(a,b){var c=m(this).val();return null==c?null:m.isArray(c)?m.map(c,function(a){return{name:b.name,value:a.replace(Sc,"\r\n")}}):{name:b.name,value:c.replace(Sc,"\r\n")}}).get()}}),m.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&Zc()||$c()}:Zc;var Wc=0,Xc={},Yc=m.ajaxSettings.xhr();a.ActiveXObject&&m(a).on("unload",function(){for(var a in Xc)Xc[a](void 0,!0)}),k.cors=!!Yc&&"withCredentials"in Yc,Yc=k.ajax=!!Yc,Yc&&m.ajaxTransport(function(a){if(!a.crossDomain||k.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Wc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Xc[g],b=void 0,f.onreadystatechange=m.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Xc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function Zc(){try{return new a.XMLHttpRequest}catch(b){}}function $c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}m.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return m.globalEval(a),a}}}),m.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),m.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=y.head||m("head")[0]||y.documentElement;return{send:function(d,e){b=y.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var _c=[],ad=/(=)\?(?=&|$)|\?\?/;m.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=_c.pop()||m.expando+"_"+vc++;return this[a]=!0,a}}),m.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(ad.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&ad.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=m.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(ad,"$1"+e):b.jsonp!==!1&&(b.url+=(wc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||m.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,_c.push(e)),g&&m.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),m.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||y;var d=u.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=m.buildFragment([a],b,e),e&&e.length&&m(e).remove(),m.merge([],d.childNodes))};var bd=m.fn.load;m.fn.load=function(a,b,c){if("string"!=typeof a&&bd)return bd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=m.trim(a.slice(h,a.length)),a=a.slice(0,h)),m.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&m.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?m("<div>").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/public/metricsgraphics/socorro-lens.html b/public/metricsgraphics/socorro-lens.html
deleted file mode 100644
index c79b30aa6f..0000000000
--- a/public/metricsgraphics/socorro-lens.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<html lang="en">
-  <head>
-    <link href='css/google-OpenSans.min.css' rel='stylesheet' type='text/css'>
-    <link href='css/google-PTSerif.min.css' rel='stylesheet' type='text/css'>
-    <link href='css/font-awesome.min.css' rel='stylesheet' type='text/css'>
-    <link href='css/bootstrap.min.css' rel='stylesheet' type='text/css'>
-    <link href="css/metricsgraphics.css" rel="stylesheet" type="text/css" id="dark">
-    <link href="css/custom.css" rel="stylesheet" type="text/css">
-    <script src="js/jquery.min.js"></script>
-    <script src="js/d3.min.js" charset="utf-8"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src='js/metricsgraphics.min.js'></script>
-    <script src='js/main.js'></script>
-  </head>
-
-  <body>
-    <div style="width:300px; height:150px;" id='chart' class='chart'></div>
-    <div style="width:300px; height:35px; margin-top:-35px; text-align:center;" id='channel_div'>
-      <button name="zoom" id="zoom" title='Zoom In'>+</button>
-      <select name='channel' id='channel' title='Select which Firefox product channel'>
-        <option value='all' title='Show crashes for all channels'>all</option>
-        <option value='release' title='Show crashes on Release only'>release</option>
-        <option value='beta' title='Show crashes on Beta only'>beta</option>
-        <option value='nightly' title='Show crashes on Nightly only'>nightly</option>
-        <option value='esr' title='Show crashes on ESR only'>esr</option>
-      </select>
-      <select name='match' id='match' title='Select whether to match signatures exactly or similarly'>
-        <option value='exact' title='Match signatures exactly' selected>Exact Match</option>
-        <option value='like' title='Match signatures similarly'>Like Match</option>
-      </select>
-    </div>
-    <div style="width:300px; height:75px; color:red; text-align:center; visibility:hidden;" id='warn'></div>
-  </body>
-</html>
diff --git a/qa/t/lib/QA/Util.pm b/qa/t/lib/QA/Util.pm
index 410d800de9..394c291862 100644
--- a/qa/t/lib/QA/Util.pm
+++ b/qa/t/lib/QA/Util.pm
@@ -392,14 +392,14 @@ sub set_parameters {
   go_to_admin($sel);
   $sel->click_ok("link=Parameters", undef, "Go to the Config Parameters page");
   $sel->wait_for_page_to_load(WAIT_TIME);
-  $sel->title_is("Configuration: General");
+  $sel->title_is("Parameters: General");
   my $last_section = "General";
 
   foreach my $section (keys %$params) {
     if ($section ne $last_section) {
       $sel->click_ok("link=$section");
       $sel->wait_for_page_to_load_ok(WAIT_TIME);
-      $sel->title_is("Configuration: $section");
+      $sel->title_is("Parameters: $section");
       $last_section = $section;
     }
     my $param_list = $params->{$section};
diff --git a/qa/t/test_show_all_products.t b/qa/t/test_show_all_products.t
index 84ba508312..7e7550cc78 100644
--- a/qa/t/test_show_all_products.t
+++ b/qa/t/test_show_all_products.t
@@ -56,7 +56,7 @@ $sel->wait_for_page_to_load_ok(WAIT_TIME);
 # $sel->is_text_present_ok("QA-Selenium-TEST");
 # $sel->click_ok("link=QA-Selenium-TEST");
 $sel->click_ok(
-  '//div[@id="choose_product"]//a[contains(@href, "QA-Selenium-TEST")]');
+  '//section[@id="choose_product"]//a[contains(@href, "QA-Selenium-TEST")]');
 $sel->wait_for_page_to_load_ok(WAIT_TIME);
 $sel->is_text_present_ok("Product: QA-Selenium-TEST");
 logout($sel);
diff --git a/skins/lib/prism.css b/skins/lib/prism.css
index e7550170af..0286f9cff5 100644
--- a/skins/lib/prism.css
+++ b/skins/lib/prism.css
@@ -8,78 +8,54 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 
 code[class*="language-"],
 pre[class*="language-"] {
-	color: black;
-	background: none;
-	text-shadow: 0 1px white;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-@media print {
-	code[class*="language-"],
-	pre[class*="language-"] {
-		text-shadow: none;
-	}
+  background: none;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: var(--line-height-comfortable);
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
 
 /* Code blocks */
 pre[class*="language-"] {
-	padding: 1em;
-	margin: .5em 0;
-	overflow: auto;
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-	background: #f5f2f0;
+  background: var(--secondary-text-background-color);
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-	white-space: normal;
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: slategray;
+  color: slategray;
 }
 
 .token.punctuation {
-	color: #999;
+  color: #999;
 }
 
 .namespace {
-	opacity: .7;
+  opacity: .7;
 }
 
 .token.property,
@@ -89,7 +65,7 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #905;
+  color: #905;
 }
 
 .token.selector,
@@ -98,7 +74,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #690;
+  color: #690;
 }
 
 .token.operator,
@@ -106,39 +82,39 @@ pre[class*="language-"] {
 .token.url,
 .language-css .token.string,
 .style .token.string {
-	color: #9a6e3a;
-	background: hsla(0, 0%, 100%, .5);
+  color: #9a6e3a;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-	color: #07a;
+  color: #07a;
 }
 
 .token.function,
 .token.class-name {
-	color: #DD4A68;
+  color: #DD4A68;
 }
 
 .token.regex,
 .token.important,
 .token.variable {
-	color: #e90;
+  color: #e90;
 }
 
 .token.important,
 .token.bold {
-	font-weight: bold;
+  font-weight: bold;
 }
+
 .token.italic {
-	font-style: italic;
+  font-style: italic;
 }
 
 .token.entity {
-	cursor: help;
+  cursor: help;
 }
 
 .token a {
-	color: inherit;
+  color: inherit;
 }
diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css
deleted file mode 100644
index 0e3443fcf9..0000000000
--- a/skins/standard/IE-fixes.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Marc Schumann <wurblzap@gmail.com>
-  */
-
-.bz_comment_text, .uneditable_textarea, tbody.file pre {
-     white-space: pre;
-     word-wrap: break-word;
-}
-
-.component_table {
-    margin-top: .5em;
-}
-
-form#Create #comp_desc {
-    margin: .5em 1em;
-}
-
-#bug_id_container, .search_field_grid,
-.search_email_fields, ul.bug_changes li {
-    zoom: 1;
-    display: inline;
-}
-
-#keyword_container .yui-ac-content {
-    _height: 30em; /* ie6 */
-}
-
-.bz_short_desc_column a, .bz_short_short_desc_column a {
-    /* color:inherit */
-    color: expression(this.parentNode.currentStyle['color']);
-}
-
-
-.bz_short_desc_column a, .bz_short_short_desc_column a {
-    /* color:inherit */
-    color: expression(this.parentNode.currentStyle['color']);
-}
diff --git a/skins/standard/admin.css b/skins/standard/admin.css
index 0b9d3e740a..42a2396340 100644
--- a/skins/standard/admin.css
+++ b/skins/standard/admin.css
@@ -1,346 +1,326 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Marc Schumann <wurblzap@gmail.com>
-  */
-
-.warningmessages, .criticalmessages {
-    background-color: white;
-    border-style: solid;
-    border-width: 1px;
-    padding: 1ex 1ex 1ex 4ex;
-    margin: 1ex;
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
+.warningmessages,
+.criticalmessages {
+  margin: 1ex;
+  border-style: solid;
+  border-width: 1px;
+  padding: 1ex 1ex 1ex 4ex;
+  background-color: var(--warning-message-background-color);
 }
 
 .warningmessages {
-    border-color: yellow;
+  border-color: var(--warning-message-border-color);
 }
 
 .criticalmessages {
-    border-color: red;
+  border-color: var(--error-message-foreground-color);
 }
 
 .alert {
-    color: red;
-    background-color: inherit;
+  color: var(--error-message-foreground-color);
+  background-color: inherit;
 }
 
 p.areyoureallyreallysure {
-    color: red;
-    font-size: 120%;
-    font-weight: bold;
+  color: var(--error-message-foreground-color);
+  font-size: var(--font-size-x-large);
+  font-weight: bold;
 }
 
 tr.param_disabled {
-    background-color: lightgrey;
+  background-color: var(--disabled-control-foreground-color);
 }
 
 td.admin_links {
-    width: 50%;
-    padding: 1em;
-    vertical-align: top;
+  width: 50%;
+  padding: 1em;
+  vertical-align: top;
 }
 
 td.admin_links dt {
-    margin-top: 1em;
+  margin: 16px 0 4px;
+  font-size: var(--font-size-h3);
+}
+
+td.admin_links dd {
+  margin: 4px 0 16px;
+  line-height: var(--line-height-comfortable);
 }
 
-td.admin_links dt.forbidden, td.admin_links dd.forbidden {
-    font-size: smaller;
-    font-style: italic;
-    color: #aaa;
+td.admin_links .forbidden {
+  opacity: .4;
 }
 
-td.admin_links dt.forbidden a, td.admin_links dd.forbidden a {
-    text-decoration: none;
-    color: inherit;
-    cursor: default;
+td.admin_links .forbidden a {
+  text-decoration: none;
+  color: inherit;
+  cursor: default;
 }
 
 .col-header {
-    width: 8em;
+  width: 8em;
 }
 
 .checkbox-cell {
-    border: 1px black solid;
+  border: 1px solid var(--grid-border-color);
 }
 
-/* Grey-green color */
-.open-status {
-    color: #286;
+#workflow_form table {
+  background-color: var(--grid-background-color);
 }
 
-/* Brown-red color */
-.closed-status {
-    color: #a63;
+#workflow_form th,
+#workflow_form td {
+  border: 1px solid var(--grid-border-color);
+  padding: 4px 8px;
 }
 
-/* Dark green color */
-.checked {
-    background-color: #5b4;
+#workflow_form th {
+  background-color: var(--grid-header-background-color);
 }
 
-/* Dark red color */
-td.forbidden {
-    background-color: #811;
-}
-
-/* Light green color */
-td.set {
-    background-color: #efe;
+.open-status {
+  color: var(--bug-status-color-open);
 }
 
-/* Light red color */
-td.unset {
-    background-color: #fee;
+.closed-status {
+  color: var(--bug-status-color-closed);
 }
 
-tr.highlight:hover {
-    background-color: yellow;
+td.forbidden {
+  background-color: var(--error-message-background-color);
 }
 
 th.title {
-    font-size: larger;
-    text-align: center;
-    vertical-align: middle;
+  font-size: var(--font-size-h3);
+  text-align: center;
+  vertical-align: middle;
 }
 
 #edit_custom_field tr {
-    vertical-align: top;
+  vertical-align: top;
 }
 
 #edit_custom_field th {
-    text-align: right;
+  text-align: right;
 }
 
 #edit_custom_field th.narrow_label {
-    white-space: normal;
-}
-
-#report {
-    border: 1px solid #888888;
-}
-
-#report td, #report th {
-    padding: 3px 10px 3px 3px;
-    border: 0px;
+  white-space: normal;
 }
 
 #report th {
-    text-align: left;
+  text-align: left;
 }
 
 #report-header {
-    background-color: #cccccc;
-}
-
-.report_row_odd {
-    background-color: #eeeeee;
-    color: #000000;
-}
-
-.report_row_even {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#report.hover tr:hover {
-    background-color: #ccccff;
+  background-color: var(--grid-header-background-color);
 }
 
 .report_information {
-    font-style: italic;
+  font-style: italic;
 }
 
-#account-disable-button {
-    background-color: #a91300;
-    background-image: linear-gradient(#da5132, #a91300);
-    color: #fff;
-}
-
-#account-disable-button:hover {
-    color: #fff;
-    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #e64926;
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #e64926;
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #e64926;
-}
-
-#account-disable-button[disabled] {
-    opacity: 0.2;
-    cursor: default;
-}
-
-input[disabled] {
-    background-color: transparent !important;
-}
-
-/* User Preferences Page */
+/**
+ * User Preferences Page
+ */
 
 #prefmain {
-    margin: 1em 0;
+  margin: 1em 0;
 }
 
 #prefnav {
-    width: 15em;
-    float: left;
+  width: 15em;
+  float: left;
 }
 
 #prefcontent {
-    margin-left: 16em;
-    padding: .2em 1.5em 1.5em 1.5em;
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
-    background: #FFF none repeat scroll 0% 0%;
-    min-height: 30em;
+  margin-left: 16em;
+  border-radius: var(--primary-region-border-radius);
+  padding: 32px;
+  min-height: 30em;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-#prefnav, #prefcontent {
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
+#prefcontent #message {
+  margin-bottom: 16px;
+}
+
+#prefcontent h2 {
+  margin: 0 0 16px;
 }
 
 #prefnav ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 #prefnav li {
-    padding: .6em 1em;
-    background: rgba(255, 255, 255, 0.5);
+  padding: 8px 0 8px 8px;
+  border-left: 4px solid transparent;
 }
 
 #prefnav li a {
-    display: block;
-    text-decoration: none;
-}
-
-#prefnav li a:hover {
-    text-decoration: underline;
+  display: block;
+  color: inherit;
+  text-decoration: none;
 }
 
 #prefnav li.selected {
-    font-weight: bold;
-    background: #fff;
+  border-color: var(--selected-tab-border-color);
+  color: var(--selected-tab-foreground-color);
+  font-weight: 500;
 }
 
 .category_header {
-    text-align: left;
-    font-weight: bold;
-    font-size: larger;
+  text-align: left;
+  font-weight: bold;
+  font-size: var(--font-size-h3);
 }
 
 .setting_label {
-    text-align: right;
+  text-align: right;
+}
+
+#public_key {
+  font-size: var(--font-size-monospace);
+  font-family: var(--font-family-monospace);
 }
 
-/* mfa */
+/**
+ * Two-Factor Authentication
+ */
 
 #mfa {
-    margin-bottom: 1em;
+  margin-bottom: 1em;
 }
 
 #mfa-confirm {
-    margin-top: 2em;
+  margin-top: 2em;
 }
 
 #mfa-container {
-    margin-bottom: 2em;
+  margin-bottom: 2em;
 }
 
 #mfa-totp-throbber {
-    width: 300px;
-    height: 280px;
+  width: 300px;
+  height: 280px;
 }
 
 .mfa-totp-popup {
-    background: #fff;
-    padding: 10px 30px;
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
+  border-radius: var(--primary-region-border-radius);
+  padding: 16px;
+  background: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
 .mfa-totp-popup ul {
-    padding: 0 0 0 2em;
+  padding: 0 0 0 2em;
 }
 
 .mfa-totp-popup-close {
-    float: right;
+  float: right;
 }
 
 #mfa-enable-totp-frame {
-    border: none;
-    width: 300px;
-    height: 220px;
+  border: none;
+  width: 300px;
+  height: 220px;
 }
 
-#mfa-enroll-embedded, #mfa-recovery-embedded {
-    background: none;
-    padding: 0;
+#mfa-enroll-embedded,
+#mfa-recovery-embedded {
+  background: none;
+  padding: 0;
 }
 
 .mfa-buttons button {
-    margin-top: 4px;
+  margin-top: 4px;
 }
 
 .mfa-buttons blockquote {
-    margin-top: 4px;
-    font-style: italic;
+  margin-top: 4px;
+  font-style: italic;
 }
 
 #mfa-recovery-frame {
-    display: block;
-    margin-top: 8px;
-    margin-left: 2em;
-    border: none;
-    width: 300px;
-    height: 200px;
+  display: block;
+  margin-top: 8px;
+  margin-left: 2em;
+  border: none;
+  width: 300px;
+  height: 200px;
 }
 
 #mfa-container label {
-    display: inline-block;
-    width: 155px;
-    text-align: right;
-    font-weight: bold;
+  display: inline-block;
+  width: 155px;
+  text-align: right;
+  font-weight: bold;
 }
 
 #mfa-container #duo-logo {
-    float: left;
-    margin-right: 1em;
+  float: left;
+  margin-right: 1em;
 }
 
 #mfa-duo-user-label {
-    cursor: help;
+  cursor: help;
 }
 
 .mfa-api-blurb,
 .mfa-disable-blurb {
-    width: 70%;
+  width: 70%;
+}
+
+.mfa-protected {
+  margin: 0 4px;
+  vertical-align: middle;
 }
 
 body.mfa-warning #mfa-select button {
-    outline: none;
-    border-color: #FF5300;
-    border-width: 1px;
-    box-shadow: 2px 2px 15px #FF5300;
+  outline: none;
+  border-color: #FF5300;
+  border-width: 1px;
 }
 
 .flex {
-    display: flex;
-    flex-flow: row;
+  display: flex;
+  flex-flow: row;
 }
 
 .flex-left {
-    flex: 1;
-    min-width: 500px;
+  flex: 1;
+  min-width: 500px;
 }
 
 .flex-right {
-    flex: 2;
+  flex: 2;
+}
+
+/**
+ * Print media
+ */
+
+@media print {
+
+  #prefnav,
+  #prefcontent #update,
+  #prefcontent #message {
+    display: none;
+  }
+
+  #prefcontent {
+    margin-left: 0 !important;
+    box-shadow: none !important;
+  }
 }
diff --git a/skins/standard/attachment.css b/skins/standard/attachment.css
index 5daf213898..af57fbf97a 100644
--- a/skins/standard/attachment.css
+++ b/skins/standard/attachment.css
@@ -1,57 +1,45 @@
- /* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Myk Melez <myk@mozilla.org>
-  *                 Joel Peshkin <bugreport@peshkin.net>
-  *                 Erik Stambaugh <erik@dasbistro.com>
-  *                 Marc Schumann <wurblzap@gmail.com>
-  *                 Guy Pyrzak <guy.pyrzak@gmail.com>
-  *                 Kohei Yoshino <kohei.yoshino@gmail.com>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 table.attachment_entry th {
-    text-align: right;
-    vertical-align: top;
-    white-space: nowrap;
+  text-align: right;
+  vertical-align: top;
+  white-space: nowrap;
 }
 
 table.attachment_entry td {
-    text-align: left;
-    vertical-align: baseline;
-    padding-bottom: 5px;
+  text-align: left;
+  vertical-align: baseline;
+  padding-bottom: 5px;
 }
 
 table#flags th,
 table#flags td,
 table#attachment_flags th,
 table#attachment_flags td {
-    text-align: left;
-    vertical-align: baseline;
-    font-size: small;
+  text-align: left;
+  vertical-align: baseline;
+  font-size: var(--font-size-small);
 }
 
-/* Rules used to view patches in diff mode. */
+/**
+ * Rules used to view patches in diff mode
+ */
 
 .file_head {
   font-weight: bold;
-  font-size: 1em;
-  background-color: #c3c3c3;
-  border: 1px solid black;
+  font-size: var(--font-size-x-large);
+  background-color: var(--grid-header-background-color);
+  border: 1px solid var(--grid-border-color);
 }
 
 .file_head a {
   text-decoration: none;
   font-family: monospace;
-  font-size: 1.1em;
 }
 
 .file_collapse {
@@ -59,8 +47,9 @@ table#attachment_flags td {
 }
 
 .section_head {
-  background-color: #f0f0f0;
-  border: 1px solid black;
+  padding: 2px 4px;
+  border: 1px solid var(--grid-border-color);
+  background-color: var(--grid-header-background-color);
   text-align: left;
 }
 
@@ -68,135 +57,155 @@ table.file_table {
   table-layout: fixed;
   width: 100%;
   empty-cells: show;
-  border-spacing: 0px;
+  border-spacing: 0;
   border-collapse: collapse;
-  /* draw border below last open context section in listing */
-  border-bottom: 1px solid black;
+  border: 1px solid var(--grid-border-color);
+  border-top: 0;
+  background-color: var(--grid-background-color);
+}
+
+table.file_table td {
+  padding: 2px 4px;
+}
+
+table.file_table thead tr:first-child td {
+  padding: 0; /* Hide the extra line */
 }
 
 tbody.file pre {
   display: inline;
-  font-size: 0.9em;
 }
 
 tbody.file pre:empty {
   display: block;
 }
 
-.changed {
-  background-color: lightblue;
+.removed.num {
+  color: var(--secondary-label-color);
+  background-color: rgba(var(--accent-color-pink-1), .8);
+}
+
+.removed.code {
+  background-color: rgba(var(--accent-color-pink-1), .5);
 }
 
-.added {
-  background-color: lightgreen;
+.added.num {
+  color: var(--secondary-label-color);
+  background-color: rgba(var(--accent-color-lightgreen-1), .8);
 }
 
-.removed {
-  background-color: #FFCC99;
+.added.code {
+  background-color: rgba(var(--accent-color-lightgreen-1), .5);
 }
 
 .num {
-  background-color: #ffe9ae;
-  text-align:right;
   padding: 0 0.3em;
   width: 3em;
+  color: var(--tertiary-label-color);
+  border-right: 1px solid var(--secondary-control-border-color);
+  font-size: var(--font-size-monospace);
+  font-family: var(--font-family-monospace);
+  text-align: right;
+}
+
+.num:not(:first-child) {
+  border-left: 1px solid var(--grid-border-color);
 }
 
 table.attachment_info th {
-    text-align: right;
-    vertical-align: top;
+  text-align: right;
+  vertical-align: top;
 }
 
 table.attachment_info td {
-    text-align: left;
-    vertical-align: top;
+  text-align: left;
+  vertical-align: top;
 }
 
 /* Text displayed when the attachment is not viewable by the web browser */
 #noview {
-    text-align: left;
-    vertical-align: middle;
+  text-align: left;
+  vertical-align: middle;
 }
 
-#attachment_attributes div {
-    padding-bottom: 0.4em;
+#attachment_attributes > div {
+  margin: 16px 0;
 }
 
 #attachment_attributes label,
 #attachment_attributes span.label,
-#attachment_actions span.label
-{
-    font-weight: bold;
+#attachment_actions span.label {
+  font-weight: bold;
 }
 
 #attachment_attributes .block {
-    display: block;
+  display: block;
 }
 
 #attachment_actions {
-    clear: both;
-    margin-bottom: 1ex;
+  clear: both;
+  margin-bottom: 1ex;
 }
 
 #attachment_comments_and_flags {
-    display: flex;
-    overflow: hidden;
-    clear: both;
-    margin: 16px 0;
+  display: flex;
+  overflow: hidden;
+  clear: both;
+  margin: 16px 0;
 }
 
 #attachment_comments_and_flags #attachment_flags {
-    display: flex;
+  display: flex;
 }
 
 #attachment_comments_and_flags > *,
 #attachment_comments_and_flags #attachment_flags > * {
-    flex: auto;
+  flex: auto;
 }
 
 #attachment_information_read_only .title {
-    font-weight: bold;
-    font-size: 1.5em;
-    padding: 0;
-    margin: 0;
+  margin: 0;
+  padding: 0;
+  font-size: var(--font-size-h3);
+  font-weight: bold;
 }
 
 #attachment_information_read_only .title #bz_edit {
-    font-size: 0.7em;
+  font-size: var(--font-size-small);
 }
 
 #attachment_information_read_only .details {
-    font-size: 90%;
+  font-size: var(--font-size-small);
 }
 
 #attachment_info.read #attachment_information_edit {
-    display: none;
+  display: none;
 }
 
 #attachment_info.edit #attachment_information_read_only {
-    display: none;
+  display: none;
 }
 
 #attachment_info.edit #attachment_view_window {
-    float: left;
-    width: 80%;
+  float: left;
+  width: 80%;
 }
 
 #attachment_info.edit #attachment_information_edit {
-    width: 20%;
+  width: 20%;
 }
 
 #attachment_info.edit #attachment_information_edit input.text,
 #attachment_info.edit #attachment_information_edit textarea {
-    width: 90%;
+  width: 90%;
 }
 
 #attachment_isobsolete {
-    padding-right: 1em;
+  padding-right: 1em;
 }
 
 #attachment_information_edit {
-    float: left;
+  float: left;
 }
 
 #smallCommentFrame {
@@ -205,60 +214,75 @@ table.attachment_info td {
 
 #smallCommentFrame #comment,
 #smallCommentFrame #comment_preview {
-    display: block;
-    box-sizing: border-box;
-    width: 100% !important;
+  display: block;
+  box-sizing: border-box;
+  width: 100% !important;
 }
 
 textarea.bz_private {
-    border: 1px solid #F8C8BA;
+  border: 1px solid var(--accent-color-pink-1);
 }
 
 #update {
-    clear: both;
-    display: block;
+  clear: both;
+  display: block;
 }
 
 div#update_container {
-    clear: both;
-    padding: 1.5em 0;
+  clear: both;
+  padding: 1.5em 0;
 }
 
 #attachment_flags p {
-    padding-bottom: 0;
-    margin-bottom: 0;
+  padding-bottom: 0;
+  margin-bottom: 0;
 }
 
-#editFrame, #viewDiffFrame, #viewFrame {
-    height: 400px;
-    width: 95%;
-    margin-left: 2%;
-    overflow: auto;
+#viewDiffFrame,
+#viewFrame {
+  margin-bottom: 10px;
+  border: 4px solid var(--primary-region-border-color);
+  background-color: rgb(255, 255, 255); /* Because the text color in <iframe> cannot be changed */
+}
+
+#flags label {
+  font-weight: normal;
+  white-space: nowrap;
+}
+
+#editFrame,
+#viewDiffFrame,
+#viewFrame {
+  height: 400px;
+  width: 95%;
+  margin-left: 2%;
+  overflow: auto;
 }
 
 .viewall_frame {
-    width: 75%;
-    height: 350px;
+  width: 75%;
+  height: 350px;
 }
 
-.details span.bz_private{
-  border-left: 1px solid darkred;
+.details span.bz_private {
+  border-left: 1px solid var(--accent-color-red-1);
   padding-left: 0.5em;
 }
 
-.no_javascript .bz_hide, .no_javascript .bz_edit {
-    display: none;
+.no_javascript .bz_hide,
+.no_javascript .bz_edit {
+  display: none;
 }
 
 #hidden_obsolete_message {
-   text-align: left;
-   width: 75%;
-   margin: 0  auto;
-   font-weight: bold
+  text-align: left;
+  width: 75%;
+  margin: 0 auto;
+  font-weight: bold
 }
 
 /**
- * AttachmentForm
+ * Attachment Form
  */
 
 #att-selector [hidden] {
@@ -266,8 +290,8 @@ div#update_container {
 }
 
 #att-selector label[role="button"] {
-  border-bottom: 1px solid #277AC1;
-  color: #277AC1;
+  border-bottom: 1px solid var(--link-text-color);
+  color: var(--link-text-color);
   cursor: pointer;
   pointer-events: auto;
 }
@@ -280,11 +304,11 @@ div#update_container {
 
 #att-dropbox {
   box-sizing: border-box;
-  border: 1px solid #999;
+  border: 1px solid var(--control-border-color);
   border-radius: 4px;
   margin: 4px;
   width: 560px;
-  background-color: #FFF;
+  background-color: var(--control-background-color);
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -292,15 +316,15 @@ div#update_container {
 }
 
 #att-dropbox.invalid {
-  border-color: #F33;
-  background-color: #FEE;
-  box-shadow: 0 0 4px #F33;
+  border-color: var(--invalid-control-border-color);
+  background-color: rgb(var(--accent-color-red-1), .1);
+  box-shadow: 0 0 4px var(--invalid-control-border-color);
 }
 
 #att-dropbox.dragover {
-  border-color: #277AC1;
-  background-color: #DCE9F5;
-  box-shadow: 0 0 4px #277AC1;
+  border-color: var(--focused-control-border-color);
+  background-color: rgba(var(--accent-color-blue-1), .1);
+  box-shadow: 0 0 4px var(--focused-control-border-color);
 }
 
 #att-dropbox.invalid header,
@@ -314,12 +338,11 @@ div#update_container {
   display: flex;
   align-items: center;
   justify-content: center;
-  border-bottom: 1px solid #C0C0C0;
+  border-bottom: 1px solid var(--secondary-control-border-color);
   border-radius: 4px 4px 0 0;
   padding: 8px;
-  font-size: 14px;
+  background-color: var(--primary-region-background-color);
   font-style: italic;
-  background-color: #F3F3F3;
   pointer-events: none;
   transition: all .2s;
 }
@@ -327,16 +350,16 @@ div#update_container {
 #att-dropbox header .icon {
   display: inline-block;
   margin: 2px 8px 0 0;
-  color: #999;
+  color: var(--tertiary-label-color);
   transition: all .2s;
 }
 
 #att-dropbox.invalid header .icon {
-  color: #F33;
+  color: var(--error-message-foreground-color);
 }
 
 #att-dropbox.dragover header .icon {
-  color: #277AC1;
+  color: var(--focused-control-border-color);
 }
 
 #att-dropbox header .icon::before {
@@ -376,9 +399,7 @@ div#update_container {
   width: 100%;
   height: 160px;
   min-height: 160px;
-  font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace;
   white-space: pre;
-  resize: vertical;
   transition: all .2s;
 }
 
@@ -407,7 +428,7 @@ div#update_container {
   margin: 0;
   width: 100%;
   height: 100%;
-  background-color: #EEE;
+  background-color: var(--primary-region-background-color);
 }
 
 #att-preview [itemprop="name"] {
@@ -422,11 +443,11 @@ div#update_container {
   padding: 40px;
   width: 100%;
   height: 100%;
-  font-size: 14px;
+  font-size: var(--font-size-x-large);
   text-align: center;
-  text-shadow: 0 0 4px #000;
-  color: #FFF;
-  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .4));
+  text-shadow: var(--text-shadow-light);
+  color: var(--inverted-label-color);
+  background-image: linear-gradient(to bottom, transparent 50%, var(--secondary-control-border-color));
 }
 
 #att-preview [itemprop="text"] {
@@ -439,8 +460,8 @@ div#update_container {
   padding: 8px;
   width: 100%;
   height: 100%;
-  font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace;
-  color: #333;
+  font-size: var(--font-size-monospace);
+  font-family: var(--font-family-monospace);
 }
 
 #att-preview [itemprop="image"] {
@@ -456,7 +477,7 @@ div#update_container {
 
 #att-preview [itemprop="image"] ~ .icon::before {
   font-size: 100px;
-  color: #999;
+  color: var(--tertiary-label-color);
   content: "\E24D";
 }
 
@@ -473,7 +494,7 @@ div#update_container {
 
 #att-remove-button .icon::before {
   font-size: 16px;
-  color: #666;
+  color: var(--secondary-label-color);
   content: "\E5C9";
 }
 
@@ -491,6 +512,7 @@ div#update_container {
 }
 
 @media screen and (max-width: 1023px) {
+
   #attachment_comments_and_flags,
   #attachment_comments_and_flags #attachment_flags {
     display: block;
diff --git a/skins/standard/bug_groups.css b/skins/standard/bug_groups.css
deleted file mode 100644
index 384ff68e60..0000000000
--- a/skins/standard/bug_groups.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/* colorize bugs in various groups */
-
-body[class*=bz_group_] {
-    background-color: #e0e0ff;
-}
-
-body[class*=bz_group_] #bugzilla-body {
-    background-color: inherit;
-}
-
-body.bz_group_infrasec {
-    background-color: #ffcc99;
-}
-
-body.bz_group_webtools-security,
-body.bz_group_websites-security,
-body.bz_group_bugzilla-security {
-    background-color: #ffeeee;
-}
-
-body.bz_group_client-services-security,
-body.bz_group_cloud-services-security {
-    background-color: #ffff80;
-}
-
-body[class*=core-security] {
-    background-color: #ffe0b0;
-}
-
-body[class*=bz_group_] {
-    background-image: url(../../images/noise.png), -moz-linear-gradient(#d7d7ff, #f0f0ff 400px);
-    background-image: url(../../images/noise.png), -webkit-linear-gradient(#d7d7ff, #f0f0ff 400px);
-    background-image: url(../../images/noise.png), linear-gradient(#d7d7ff, #f0f0ff 400px);
-}
-
-body[class*=core-security],
-body.bz_group_infrasec {
-    background-image: url(../../images/noise.png), -moz-linear-gradient(#ffe0b0, #fff4e3 400px);
-    background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffe0b0, #fff4e3 400px);
-    background-image: url(../../images/noise.png), linear-gradient(#ffe0b0, #fff4e3 400px);
-}
-
-body.bz_group_webtools-security,
-body.bz_group_websites-security,
-body.bz_group_bugzilla-security {
-    background-image: url(../../images/noise.png), -moz-linear-gradient(#ffcccc, #fff0f0 400px);
-    background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffcccc, #fff0f0 400px);
-    background-image: url(../../images/noise.png), linear-gradient(#ffcccc, #fff0f0 400px);
-}
-
-body.bz_group_client-services-security,
-body.bz_group_cloud-services-security {
-    background-image: url(../../images/noise.png), -moz-linear-gradient(#ffffa3, #ffffe3 400px);
-    background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffffa3, #ffffe3 400px);
-    background-image: url(../../images/noise.png), linear-gradient(#ffffa3, #ffffe3 400px);
-}
-
diff --git a/skins/standard/buglist.css b/skins/standard/buglist.css
index 735cca2d9d..8504428575 100644
--- a/skins/standard/buglist.css
+++ b/skins/standard/buglist.css
@@ -1,32 +1,21 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * The Initial Developer of the Original Code is Netscape Communications
-  * Corporation. Portions created by Netscape are
-  * Copyright (C) 1998 Netscape Communications Corporation. All
-  * Rights Reserved.
-  *
-  * Contributor(s): Myk Melez <myk@mozilla.org>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
 .bz_query_head {
   text-align: center;
 }
 
 .bz_query_head h1 {
-  font-size: x-large;
+  font-size: var(--font-size-h2);
 }
 
 .bz_query_timestamp {
   font-weight: bold;
+  color: var(--tertiary-label-color);
 }
 
 .bz_query_buttons form {
@@ -41,73 +30,104 @@
 .search_description {
   margin: .5em 0;
   padding: 0;
+  color: var(--secondary-label-color);
 }
+
 .search_description li {
   list-style-type: none;
   display: inline;
   margin-right: 2em;
 }
 
-.zero_results, .zero_result_links {
-  font-size: 120%;
+.search_description strong {
+  color: var(--primary-label-color);
+}
+
+.zero_result_links {
+  font-size: var(--font-size-x-large);
   font-weight: bold;
 }
 
+.bz_buglist {
+  margin: 16px 0;
+  border-top: 1px solid var(--grid-border-color);
+  background-color: var(--grid-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+}
+
+.bz_buglist_header {
+  position: sticky;
+  top: 0;
+  background: var(--grid-header-background-color);
+}
+
 .bz_buglist_header th {
+  border-bottom: 1px solid var(--grid-border-color);
+  padding-top: 4px;
+  padding-bottom: 4px;
+  color: var(--secondary-label-color);
+  font-size: var(--font-size-small);
   text-align: left;
 }
 
-.bz_sort_order_primary,
-.bz_sort_order_secondary {
-    display: inline-block;
-    padding-left: .2em;
-    text-decoration: none;
+.bz_buglist_header th:not(:last-of-type) {
+  border-right: 1px solid var(--grid-border-color);
 }
-.bz_sort_order_primary   { color: black; }
-.bz_sort_order_secondary { color: #777;  }
 
+.bz_buglist_header th a {
+  color: inherit;
+}
 
-.bz_id_column {
+.bz_sort_order_primary {
+  display: inline-block;
+  padding-left: .2em;
+  color: var(--tertiary-label-color);
+  text-decoration: none;
 }
 
-.bz_row_odd {
-    background-color: #F7F7F7;
-    color: #000000;
+.bz_buglist tr {
+  border-bottom: 1px solid var(--grid-border-color);
 }
 
-.bz_row_even {
-    background-color: #FFFFFF;
-    color: #000000;
+.bz_buglist thead th {
+  padding: 4px 8px;
+}
+
+.bz_buglist tbody td {
+  padding: 8px;
 }
 
 /* Style bug rows according to severity. */
-.bz_blocker { color: red; font-weight: bold; }
-.bz_critical { color: red; }
+.bz_blocker,
+.bz_blocker .bz_short_desc_column {
+  color: rgb(var(--accent-color-red-1)) !important;
+  font-weight: bold;
+}
+
+.bz_critical,
+.bz_critical .bz_short_desc_column {
+  color: rgb(var(--accent-color-red-1)) !important;
+}
 
 /* Align columns in the "change multiple bugs" form to the right. */
-table#form tr th { text-align: right; }
+table#form tr th {
+  text-align: right;
+}
 
 /* we use a first-child class and not the pseudo-class because IE
  * doesn't support it :-( */
-tr.bz_secure td.first-child, a.bz_secure {
+tr.bz_secure td.first-child,
+a.bz_secure {
   background-image: url("../../images/padlock.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-color: inherit;
 }
 
-th, td {
-  padding: 6px 4px;
-}
-
-th.first-child, td.first-child, a.bz_secure {
-  padding-left: 20px;
-}
-
-tr.bz_secure_mode_implied td.first-child {
-}
-
-tr.bz_secure_mode_manual td.first-child {
+th.first-child,
+td.first-child,
+a.bz_secure {
+  padding-left: 20px !important;
 }
 
 td.bz_bug_type_column {
@@ -120,83 +140,61 @@ td.bz_estimated_time_column,
 td.bz_remaining_time_column,
 td.bz_actual_time_column,
 td.bz_percentage_complete_column {
-    text-align: right;
+  text-align: right;
 }
 
 td.bz_total_label {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 td.bz_total {
-    border-top-style: solid;
-    border-top-color: #929bb1;
-    border-top-width: 3px;
-    text-align: right;
+  border-top-style: solid;
+  border-top-color: var(--secondary-region-border-color);
+  border-top-width: 3px;
+  text-align: right;
 }
 
-#commit, #action {
+#commit,
+#action {
   margin-top: .25em;
 }
 
 .bz_query_debug {
-    text-align: left;
-}
-
-.bz_short_desc_column a, .bz_short_short_desc_column a {
-    color: inherit;
+  text-align: left;
 }
 
 /* The "filtering" table is specific to request.cgi.
  * Same for the "requests" class used for tables. */
 
-#filtering #requester,  #filtering #requestee {
-    min-width: 8em;
+#filtering #requester,
+#filtering #requestee {
+  min-width: 8em;
 }
 
 #filtering th {
-    text-align: right;
+  text-align: right;
 }
 
-table.requests th {
-    text-align: left;
-}
 /* For the JS-sorting buglist. */
 
-th.sorttable_sorted,
-th.sorttable_sorted_reverse,
-th.sorted_0 {
-    background-color: #aaa;
-}
-
-th.sorted_1 {
-    background-color: #bbb;
-}
-
-th.sorted_2 {
-    background-color: #ccc;
-}
-
-th.sorted_3 {
-    background-color: #ddd;
-}
-
-th.sorted_4 {
-    background-color: #eee;
-}
-
-th.sorted_5 {
-    background-color: #fff;
+.bz_id_column,
+.bz_short_desc_column,
+.bz_short_short_desc_column {
+  font-size: var(--font-size-large);
 }
 
-.bz_short_desc_column a, .bz_short_short_desc_column a {
-    text-decoration: none;
-    color: inherit;
+.bz_short_desc_column a,
+.bz_short_short_desc_column a {
+  color: inherit;
 }
 
-.bz_short_desc_column a:hover, .bz_short_short_desc_column a:hover {
-    text-decoration: underline;
+.bz_short_desc_column a:hover,
+.bz_short_desc_column a:focus,
+.bz_short_short_desc_column a:hover,
+.bz_short_short_desc_column a:focus {
+  color: var(--secondary-label-color);
 }
 
 #request_form #filtering th {
-    padding-left: 0.5em;
+  padding-left: 0.5em;
 }
diff --git a/skins/standard/create_bug.css b/skins/standard/create_bug.css
index 333aff48f7..c17acbc39e 100644
--- a/skins/standard/create_bug.css
+++ b/skins/standard/create_bug.css
@@ -5,67 +5,63 @@
  * This Source Code Form is "Incompatible With Secondary Licenses", as
  * defined by the Mozilla Public License, v. 2.0. */
 
-
 .tracking_flags .field_label a {
-    font-weight: normal !important;
-    color: #000;
+  color: inherit;
+  font-weight: normal !important;
 }
 
 #guided {
-    margin-top: 30px;
+  margin-top: 30px;
 }
 
 #component {
-    width: 25em;
+  width: 25em;
 }
 
 .hidden_text {
-    opacity: 0;
-    filter: alpha(opacity=0);
+  opacity: 0;
 }
 
 #bug_create_warning {
-    border: 1px solid #dddddd;
-    background: #fff9db;
-    color: #666458;
-    padding: 5px;
+  border: 1px solid var(--warning-message-border-color);
+  padding: 8px;
+  background: var(--warning-message-background-color);
 }
 
 #bug_create_warning_image {
-    float: left;
-    padding: 5px;
+  float: left;
+  padding: 5px;
 }
 
 #bug_create_warning_text {
-    margin-left: 42px;
+  margin-left: 42px;
 }
 
 #keyword_container,
 #bug_mentors_autocomplete,
 #container_see_also {
-    width: 25em
+  width: 25em
 }
 
 #custom_form_list {
-    font-weight: bold;
-    border: 1px solid #dddddd;
-    background: #fff9db;
-    color: #666458;
-    padding: 5px 5px 10px 5px;
-    min-height: 48px;
-    border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid var(--primary-region-border-color);
+  padding: 8px;
+  min-height: 48px;
+  background: var(--informative-message-background-color);
+  font-weight: bold;
 }
 
 #custom_form_list_image {
-    float: left;
+  float: left;
 }
 
 #custom_form_list_text {
-    margin-left: 55px;
+  margin-left: 55px;
 }
 
 #custom_form_list ul {
-    margin-top: 0.5em;
-    margin-bottom: 0;
-    padding-left: 20px;
+  margin-top: 0.5em;
+  margin-bottom: 0;
+  padding-left: 20px;
 }
diff --git a/skins/standard/dependency-tree.css b/skins/standard/dependency-tree.css
index 0aea497049..c22bf4313d 100644
--- a/skins/standard/dependency-tree.css
+++ b/skins/standard/dependency-tree.css
@@ -1,94 +1,66 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * The Initial Developer of the Original Code is Netscape
-  * Communications
-  * Corporation. Portions created by Netscape are
-  * Copyright (C) 1998 Netscape Communications Corporation. All
-  * Rights Reserved.
-  *
-  * Contributor(s): Christian Reis <kiko@async.com.br>
-  *                 André Batosti <batosti@async.com.br>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 ul.tree {
-    padding-left: 0em;
-    margin-left: 1em;
-    display: block;
+  display: block;
+  margin-left: 1em;
+  padding-left: 0em;
 }
 
 ul.tree ul {
-    padding-top: 3px;
-    display: block;
+  display: block;
+  padding-top: 3px;
 }
 
 ul.tree li {
-    /* see http://www.kryogenix.org/code/browser/aqlists/ for idea */
-    padding-top: 3px;
-    text-indent: -1.2em;
-    padding-left: 0.5em;
-    padding-bottom: 3px;
-    list-style-type: none;
-    background: url("dependency-tree/bug-item.png") no-repeat;
+  /* see http://www.kryogenix.org/code/browser/aqlists/ for idea */
+  padding-top: 3px;
+  text-indent: -1.2em;
+  padding-left: 0.5em;
+  padding-bottom: 3px;
+  list-style-type: none;
+  background: url('dependency-tree/bug-item.png') no-repeat;
 }
 
 ul.tree li a.b {
-    padding-left: 30px;
-    margin-right: -14px;
-    text-decoration: none;
+  padding-left: 30px;
+  margin-right: -14px;
+  text-decoration: none;
 }
 
 ul.tree li a.b_open {
-    background: url("dependency-tree/tree-open.png") center no-repeat;
-    cursor: pointer;
+  background: url('dependency-tree/tree-open.png') center no-repeat;
+  cursor: pointer;
 }
 
 ul.tree li a.b_closed {
-    background: url("dependency-tree/tree-closed.png") center no-repeat;
-    cursor: pointer;
+  background: url('dependency-tree/tree-closed.png') center no-repeat;
+  cursor: pointer;
 }
 
 ul.tree a.tree_link img {
-    border: 0;
+  border: 0;
 }
 
 .summ_info {
-    /* change to inline if you would like to see the full bug details
-     * displayed in the list */
-    display: none;
-    font-size: 75%;
+  /* change to inline if you would like to see the full bug details
+   * displayed in the list */
+  display: none;
+  font-size: var(--font-size-small);
 }
 
 .hint {
-    font-size: 90%;
-    margin: 0.2em;
-    padding: 0.1em;
+  margin: 0.2em;
+  padding: 0.1em;
+  font-size: var(--font-size-small);
 }
 
-.hint h3, .hint ul {
-    margin-top: 0.1em;
-    margin-bottom: 0.1em;
-}
-
-.summ A, .summ_deep A {
-    text-decoration: none;
-    color: darkblue;
-}
-
-.summ_deep {
-}
-
-.summ_h A {
-    background-color: #ffffaa;
-    color: #333;
-    font-weight: bold;
+.hint h3,
+.hint ul {
+  margin-top: 0.1em;
+  margin-bottom: 0.1em;
 }
diff --git a/skins/standard/describecomponents.css b/skins/standard/describecomponents.css
index 8b8a92cf4e..c0f1174daa 100644
--- a/skins/standard/describecomponents.css
+++ b/skins/standard/describecomponents.css
@@ -8,8 +8,6 @@
 .product {
   margin: 40px auto;
   max-width: 960px;
-  font-size: 14px;
-  line-height: 1.5;
 }
 
 .product > header,
@@ -21,31 +19,28 @@
 
 .product h1 {
   margin: 0;
-  font-size: 48px;
-  font-weight: normal;
 }
 
 .product > header p {
-  font-size: 16px;
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-comfortable);
 }
 
 .product .instructions p {
-  font-size: 14px;
   font-style: italic;
 }
 
 .component {
   display: flex;
   margin: 8px 0;
-  border: 1px solid #CCC;
-  border-radius: 4px;
+  border-radius: var(--primary-region-border-radius);
   padding: 16px;
-  background-color: #FFF;
-  box-shadow: 0 0 4px #CCC;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
 .component.highlight {
-  background-color: lightgreen;
+  border: 2px solid var(--focused-control-border-color);
 }
 
 .component header {
@@ -56,28 +51,28 @@
 
 .component h2 {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--font-size-h3);
   font-weight: normal;
 }
 
 .component header ~ div {
   flex: auto;
   margin: 2px 0;
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-comfortable);
 }
 
 .component p {
   margin: 0;
-  font-size: 16px;
 }
 
 .component ul.people {
   display: flex;
   margin: 8px 0 0;
-  border-top: 1px solid #DDD;
+  border-top: 1px solid var(--secondary-region-border-color);
   padding: 8px 0 0;
+  color: var(--secondary-region-border-color);
   list-style: none;
-  font-size: 14px;
-  color: #999;
 }
 
 .component ul.people li {
diff --git a/skins/standard/duplicates.css b/skins/standard/duplicates.css
index c9fca7523d..19c62bb35e 100644
--- a/skins/standard/duplicates.css
+++ b/skins/standard/duplicates.css
@@ -1,49 +1,23 @@
-/* The contents of this file are subject to the Mozilla Public
- * License Version 1.1 (the "License"); you may not use this file
- * except in compliance with the License. You may obtain a copy of
- * the License at http://www.mozilla.org/MPL/
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
  *
- * Software distributed under the License is distributed on an "AS
- * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
- * implied. See the License for the specific language governing
- * rights and limitations under the License.
- *
- * The Original Code is the Bugzilla Bug Tracking System.
- *
- * The Initial Developer of the Original Code is Everything Solved, Inc.
- * Portions created by the Initial Developer are Copyright (C) 2009
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Max Kanat-Alexander <mkanat@bugzilla.org>
- */
-
-#duplicates_table {
-  border-collapse: collapse;
-}
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 #duplicates_table .resolved {
-  background-color: #d9d9d9;
-  color: black;
-}
-
-#duplicates_table thead tr {
-  background-color: #ccc;
-  color: black;
+  color: var(--secondary-label-color);
+  text-decoration: line-through;
 }
 
 #duplicates_table thead tr th {
   vertical-align: middle;
 }
 
-#duplicates_table td, #duplicates_table th {
-  border: 1px solid black;
-  padding: .1em .25em;
-}
-
 #duplicates_table tbody td {
   text-align: center;
 }
+
 #duplicates_table tbody td.short_desc {
   text-align: left;
 }
diff --git a/skins/standard/editusers.css b/skins/standard/editusers.css
index 770d602c83..52b17a4798 100644
--- a/skins/standard/editusers.css
+++ b/skins/standard/editusers.css
@@ -1,71 +1,75 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Marc Schumann <wurblzap@gmail.com>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 table.main {
-    border-spacing: 1em;
+  border-spacing: 1em;
 }
+
 table.main tr {
-    vertical-align: top;
-    border-top: solid thin black;
+  vertical-align: top;
+  border-top: 1px solid var(--grid-border-color);
 }
+
 table.main th {
-    text-align: right;
-    white-space: nowrap;
+  text-align: right;
+  white-space: nowrap;
 }
+
 table.main th,
 table.main td {
-    padding: 0;
+  padding: 4px;
 }
+
 table.main ul {
-    list-style-type: none;
-    padding-left: 0
+  list-style-type: none;
+  padding-left: 0
 }
 
 table.groups {
-    border-spacing: 1px;
+  border-spacing: 1px;
+}
+
+table.groups tr {
+  border-color: var(--secondary-control-border-color);
 }
+
 table.groups tr.indirect {
-    background-color: #cccccc;
+  background-color: var(--grid-subheader-background-color);
 }
+
 table.groups th {
-    text-align: left;
-    padding: 0 0 0 1ex;
+  text-align: left;
+  padding: 4px;
 }
+
 table.groups td {
-    padding: 2px;
+  padding: 4px;
 }
+
 table.groups td.checkbox {
-    text-align: center;
-    white-space: nowrap;
+  text-align: center;
+  white-space: nowrap;
 }
 
 table#user_responsibilities th {
-    text-align: center;
-    padding: 0 1em 1em;
+  text-align: center;
+  padding: 0 1em 1em;
 }
 
 table#user_responsibilities th.product {
-    text-align: left;
-    padding: 1em 0 0;
+  text-align: left;
+  padding: 1em 0 0;
 }
 
 table#user_responsibilities td.center {
-    text-align: center;
+  text-align: center;
 }
 
 .missing {
-    color: red;
-    border-color: inherit;
+  color: var(--error-message-foreground-color);
+  border-color: inherit;
 }
diff --git a/skins/standard/enter_bug.css b/skins/standard/enter_bug.css
index 0f5884449f..db7e654112 100644
--- a/skins/standard/enter_bug.css
+++ b/skins/standard/enter_bug.css
@@ -1,36 +1,31 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * The Initial Developer of the Original Code is Netscape Communications
-  * Corporation. Portions created by Netscape are Copyright (C) 1998
-  * Netscape Communications Corporation. All Rights Reserved.
-  *
-  * Contributor(s): Byron Jones <bugzilla@glob.com.au>
-  *                 Christian Reis <kiko@async.com.br>
-  *                 Vitaly Harisov <vitaly@rathedg.com>
-  *                 Svetlana Harisova <light@rathedg.com>
-  *                 Marc Schumann <wurblzap@gmail.com>
-  *                 Pascal Held <paheld@gmail.com>
-  *                 Max Kanat-Alexander <mkanat@bugzilla.org>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
 
 /* These are specified using the class instead of the id so that they
    don't override the YUI CSS. */
-.enter_bug_form table {
-    border-spacing: 0;
-    border-width: 0;
+.enter_bug_form > table {
+  display: block;
+  border-spacing: 0;
+  border-width: 0;
+  border-radius: var(--primary-region-border-radius);
+  padding: 16px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+}
+
+.enter_bug_form td,
+.enter_bug_form th {
+  padding: .25em;
+}
+
+.enter_bug_form th {
+  font-weight: normal;
+  text-align: right;
 }
-.enter_bug_form td, .enter_bug_form th { padding: .25em; }
-.enter_bug_form th { text-align: right; }
 
 /* This makes the "component" column as small as possible (since it
  * contains only fixed-width content) and the Reporter column
@@ -38,44 +33,65 @@
  * when the Component Description changes size. This works
  * pretty well on all browsers except IE 8.
  */
-#Create #field_container_component { width: 1px; }
-#Create #required_marker           { width: 100%; }
+#Create #field_container_component {
+  width: 1px;
+}
+
+#Create #required_marker {
+  width: 100%;
+}
 
 #Create .comment {
-    vertical-align: top;
-    overflow: auto;
-    color: green;
+  overflow: auto;
+  color: var(--positive-message-foreground-color);
+  vertical-align: top;
+}
+
+#Create #comp_desc_container td {
+  padding: 0;
+  line-height: var(--line-height-comfortable);
 }
-#Create #comp_desc_container td { padding: 0; }
-#Create #comp_desc { height: 11ex; }
+
+#Create #comp_desc {
+  height: 11ex;
+}
+
 #Create #os_guess_note {
-    padding-top: 0;
+  padding-top: 0;
 }
+
 #Create #os_guess_note div {
-    max-width: 35em;
+  max-width: 35em;
 }
 
 /* Adjust style for fields using radio-button-like UI */
 #Create .field_label.for-buttons {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 #Create .field_value.contains-buttons {
-    padding: .5em .25em;
+  padding: .5em .25em;
 }
 
 /* Text inputs need to be a little shorter on enter_bug
  * than the 100% that they are on show_bug.
  */
-#Create .field_value .text_input { max-width: 50em; }
+#Create .field_value .text_input {
+  max-width: 50em;
+}
 
 /* The Possible Duplicates table on enter_bug. */
 #possible_duplicates th {
-    text-align: center;
-    background: none;
-    border-collapse: collapse;
+  border-collapse: collapse;
+  background: none;
+  text-align: center;
 }
+
 /* Make the Add Me to CC button never wrap. */
-#possible_duplicates .yui-dt-col-update_token { white-space: nowrap; }
+#possible_duplicates .yui-dt-col-update_token {
+  white-space: nowrap;
+}
 
-form#Create #possible_duplicates td { vertical-align: middle; }
+form#Create #possible_duplicates td {
+  vertical-align: middle;
+}
diff --git a/skins/standard/fonts/FiraGO-Book.woff b/skins/standard/fonts/FiraGO-Book.woff
new file mode 100644
index 0000000000..0d48160716
Binary files /dev/null and b/skins/standard/fonts/FiraGO-Book.woff differ
diff --git a/skins/standard/fonts/FiraGO-Book.woff2 b/skins/standard/fonts/FiraGO-Book.woff2
new file mode 100644
index 0000000000..10ae22344d
Binary files /dev/null and b/skins/standard/fonts/FiraGO-Book.woff2 differ
diff --git a/skins/standard/fonts/FiraGO-BookItalic.woff b/skins/standard/fonts/FiraGO-BookItalic.woff
new file mode 100644
index 0000000000..ce82d46d8c
Binary files /dev/null and b/skins/standard/fonts/FiraGO-BookItalic.woff differ
diff --git a/skins/standard/fonts/FiraGO-BookItalic.woff2 b/skins/standard/fonts/FiraGO-BookItalic.woff2
new file mode 100644
index 0000000000..4c47e37390
Binary files /dev/null and b/skins/standard/fonts/FiraGO-BookItalic.woff2 differ
diff --git a/skins/standard/fonts/FiraGO-Medium.woff b/skins/standard/fonts/FiraGO-Medium.woff
new file mode 100644
index 0000000000..089f038be9
Binary files /dev/null and b/skins/standard/fonts/FiraGO-Medium.woff differ
diff --git a/skins/standard/fonts/FiraGO-Medium.woff2 b/skins/standard/fonts/FiraGO-Medium.woff2
new file mode 100644
index 0000000000..9fc6d95a3f
Binary files /dev/null and b/skins/standard/fonts/FiraGO-Medium.woff2 differ
diff --git a/skins/standard/fonts/FiraGO-MediumItalic.woff b/skins/standard/fonts/FiraGO-MediumItalic.woff
new file mode 100644
index 0000000000..957eed6771
Binary files /dev/null and b/skins/standard/fonts/FiraGO-MediumItalic.woff differ
diff --git a/skins/standard/fonts/FiraGO-MediumItalic.woff2 b/skins/standard/fonts/FiraGO-MediumItalic.woff2
new file mode 100644
index 0000000000..d550f0df65
Binary files /dev/null and b/skins/standard/fonts/FiraGO-MediumItalic.woff2 differ
diff --git a/skins/standard/fonts/FiraGO-SemiBold.woff b/skins/standard/fonts/FiraGO-SemiBold.woff
new file mode 100644
index 0000000000..10955b2568
Binary files /dev/null and b/skins/standard/fonts/FiraGO-SemiBold.woff differ
diff --git a/skins/standard/fonts/FiraGO-SemiBold.woff2 b/skins/standard/fonts/FiraGO-SemiBold.woff2
new file mode 100644
index 0000000000..c60616f9c6
Binary files /dev/null and b/skins/standard/fonts/FiraGO-SemiBold.woff2 differ
diff --git a/skins/standard/fonts/FiraGO-SemiBoldItalic.woff b/skins/standard/fonts/FiraGO-SemiBoldItalic.woff
new file mode 100644
index 0000000000..1b80809f0b
Binary files /dev/null and b/skins/standard/fonts/FiraGO-SemiBoldItalic.woff differ
diff --git a/skins/standard/fonts/FiraGO-SemiBoldItalic.woff2 b/skins/standard/fonts/FiraGO-SemiBoldItalic.woff2
new file mode 100644
index 0000000000..ccf170e313
Binary files /dev/null and b/skins/standard/fonts/FiraGO-SemiBoldItalic.woff2 differ
diff --git a/skins/standard/fonts/FiraSans-Bold.woff b/skins/standard/fonts/FiraSans-Bold.woff
deleted file mode 100644
index 21b0b7ce1f..0000000000
Binary files a/skins/standard/fonts/FiraSans-Bold.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-Bold.woff2 b/skins/standard/fonts/FiraSans-Bold.woff2
deleted file mode 100644
index b544c12506..0000000000
Binary files a/skins/standard/fonts/FiraSans-Bold.woff2 and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-BoldItalic.woff b/skins/standard/fonts/FiraSans-BoldItalic.woff
deleted file mode 100644
index a48dbf8f85..0000000000
Binary files a/skins/standard/fonts/FiraSans-BoldItalic.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-BoldItalic.woff2 b/skins/standard/fonts/FiraSans-BoldItalic.woff2
deleted file mode 100644
index 751a3c0c72..0000000000
Binary files a/skins/standard/fonts/FiraSans-BoldItalic.woff2 and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-Italic.woff b/skins/standard/fonts/FiraSans-Italic.woff
deleted file mode 100644
index 1ee12bfb04..0000000000
Binary files a/skins/standard/fonts/FiraSans-Italic.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-Italic.woff2 b/skins/standard/fonts/FiraSans-Italic.woff2
deleted file mode 100644
index 2bd1af5b6d..0000000000
Binary files a/skins/standard/fonts/FiraSans-Italic.woff2 and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-Regular.woff b/skins/standard/fonts/FiraSans-Regular.woff
deleted file mode 100644
index 1ea1030bc3..0000000000
Binary files a/skins/standard/fonts/FiraSans-Regular.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-Regular.woff2 b/skins/standard/fonts/FiraSans-Regular.woff2
deleted file mode 100644
index 7c87e06337..0000000000
Binary files a/skins/standard/fonts/FiraSans-Regular.woff2 and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-SemiBold.woff b/skins/standard/fonts/FiraSans-SemiBold.woff
deleted file mode 100644
index ce680eb062..0000000000
Binary files a/skins/standard/fonts/FiraSans-SemiBold.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-SemiBold.woff2 b/skins/standard/fonts/FiraSans-SemiBold.woff2
deleted file mode 100644
index bd9cadb436..0000000000
Binary files a/skins/standard/fonts/FiraSans-SemiBold.woff2 and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-SemiBoldItalic.woff b/skins/standard/fonts/FiraSans-SemiBoldItalic.woff
deleted file mode 100644
index d45f8a446d..0000000000
Binary files a/skins/standard/fonts/FiraSans-SemiBoldItalic.woff and /dev/null differ
diff --git a/skins/standard/fonts/FiraSans-SemiBoldItalic.woff2 b/skins/standard/fonts/FiraSans-SemiBoldItalic.woff2
deleted file mode 100644
index e38b7ed5ae..0000000000
Binary files a/skins/standard/fonts/FiraSans-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/skins/standard/global.css b/skins/standard/global.css
index 5a362cc046..f25cc5fd7d 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -1,1884 +1,1812 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * The Initial Developer of the Original Code is Netscape Communications
-  * Corporation. Portions created by Netscape are
-  * Copyright (C) 1998 Netscape Communications Corporation. All
-  * Rights Reserved.
-  *
-  * Contributor(s): Byron Jones <bugzilla@glob.com.au>
-  *                 Christian Reis <kiko@async.com.br>
-  *                 Vitaly Harisov <vitaly@rathedg.com>
-  *                 Svetlana Harisova <light@rathedg.com>
-  *                 Marc Schumann <wurblzap@gmail.com>
-  *                 Pascal Held <paheld@gmail.com>
-  *                 Kohei Yoshino <kohei.yoshino@gmail.com>
-  */
-
-/* fonts (begin) */
-    @font-face{
-        font-family: 'Material Icons';
-        font-style: normal;
-        font-weight: 400;
-        src: url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
-             url(fonts/MaterialIcons-Regular.woff) format('woff');
-    }
-/* fonts (end) */
-
-/* global (begin) */
-    body {
-        position: absolute;
-        margin: 0;
-        width: 100%;
-        height: 100%;
-        font-family: sans-serif;
-        color: #000;
-        background: #fff url("global/body-back.gif") repeat-x;
-    }
-    body, td, th, input {
-        font-family: Verdana, sans-serif;
-        font-size: small;
-    }
-    /* monospace is much smaller than Verdana by default, so we make it a bit bigger. */
-    pre, code, kbd {
-        font-size: medium;
-    }
-/* global (end) */
-
-/* wrapper (begin) */
-    #wrapper {
-        display: flex;
-        flex-direction: column;
-        position: absolute;
-    }
-/* wrapper (end) */
-
-/* fixed global header (begin) */
-    @media screen and (min-width: 800px) {
-        html, body {
-            overflow-y: hidden; /* Disable bounce effect (Safari) */
-            height: 100%;
-        }
-
-        #wrapper {
-            overflow: hidden;
-            width: 100%;
-            height: 100%;
-        }
-
-        #bugzilla-body {
-            overflow-x: auto;
-            overflow-y: scroll;
-            -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS */
-            scroll-behavior: smooth;
-            will-change: transform; /* Enable smooth scrolling (Safari) */
-        }
-    }
-/* fixed global header (end) */
-
-/* global message (begin) */
-    #message-container {
-        text-align: center;
-        line-height: 1.5;
-    }
-
-    #message-container .inner {
-        box-sizing: border-box;
-        margin: 0 auto;
-        padding: 8px;
-        width: 1024px;
-    }
-
-    #message-container p {
-        margin: 0;
-    }
-
-    #message-container .noscript {
-        color: #EEE;
-        background-color: #333;
-    }
-
-    #message-container .warning {
-        color: #EEE;
-        background-color: #C00;
-    }
-
-    #message-container .new_announcement {
-        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-        color: #555;
-        background-color: lightyellow;
-    }
-
-    #message-container .new_announcement p.warning {
-        color: red;
-    }
-
-    /* Reset legacy style */
-    #message-container .new_announcement #message {
-        margin: 0;
-        border: 0;
-        padding: 0;
-        color: #555;
-    }
-/* global message (end) */
-
-/* header (begin) */
-    #header {
-        flex: none;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-        color: #555;
-        background-color: #FFF;
-        -moz-user-select: none;
-        -webkit-user-select: none;
-        user-select: none;
-    }
-
-    #header a,
-    #header a:visited,
-    #header a:hover {
-        color: #555;
-        text-decoration: none;
-    }
-
-    #header a,
-    #header button,
-    #header input {
-        outline: 0; /* Hide outline on Chrome & Safari */
-    }
-
-    #header button::-moz-focus-inner {
-        border: 0; /* Hide outline on Firefox */
-    }
-
-    #header button * {
-        pointer-events: none; /* Make sure button is clickable on Chrome & Safari */
-    }
-
-    #header img {
-        vertical-align: top;
-    }
-
-    #header .inner {
-        display: flex;
-        align-items: center;
-        position: relative;
-        margin: 0 auto;
-        padding: 8px 0;
-        width: 1024px;
-        height: 32px;
-    }
-
-    #header .inner > * {
-        flex: none;
-        margin: 0 8px;
-    }
-
-    #header .icon {
-        display: inline-block;
-        width: 24px;
-        font-size: 20px;
-        line-height: 1;
-        font-family: 'Material Icons';
-        vertical-align: middle;
-        color: #777;
-        pointer-events: none;
-    }
-
-    #header .title {
-        margin: 0 !important;
-        font-size: 20px;
-        font-weight: normal;
-    }
-
-    #header .title a,
-    #header .links a {
-        display: flex;
-        align-items: center;
-        border-radius: 4px;
-        padding: 0 8px;
-        height: 32px;
-    }
-
-    #header .title a:hover,
-    #header .title a:focus,
-    #header .links a:hover,
-    #header .links a:focus,
-    #header-tools-menu-button:hover,
-    #header-tools-menu-button:focus {
-        background-color: rgba(0, 0, 0, .05) !important;
-    }
-
-    #header .title a:active,
-    #header .links a:active,
-    #header-tools-menu-button:active {
-        background-color: rgba(0, 0, 0, .1) !important;
-    }
-
-    #header form.quicksearch {
-        display: block;
-    }
-
-    #header .searchbox-outer {
-        position: relative;
-        width: 280px;
-        height: 32px;
-    }
-
-    #header .searchbox-outer .icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        top: 4px;
-        left: 4px;
-        width: 24px;
-        height: 24px;
-    }
-
-    #header .searchbox-outer .icon::before {
-        content: '\E8B6';
-    }
-
-    #header #quicksearch_top {
-        box-sizing: border-box;
-        border-color: rgba(0, 0, 0, .1);
-        border-radius: 4px;
-        padding: 0 8px 0 32px;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, .05);
-        box-shadow: none;
-        font-size: 14px !important;
-        line-height: 32px;
-        cursor: text;
-    }
-
-    #header #quicksearch_top:hover {
-        border-color: rgba(0, 0, 0, .2);
-        box-shadow: 0 0 2px rgba(0, 0 ,0, .2);
-    }
-
-    #header #quicksearch_top:focus {
-        border-color: #42a4e0;
-        background-color: transparent;
-        box-shadow: 0 0 0 2px rgba(73, 173, 227, .4);
-    }
-
-    #header nav {
-        flex: auto !important;
-        display: flex;
-        align-items: center;
-        margin: 0 !important;
-    }
-
-    #header .links {
-        flex: none;
-        display: flex;
-        font-size: 14px;
-    }
-
-    #header .link-browse .icon::before {
-        content: '\E8EF';
-    }
-
-    #header .link-search .icon::before {
-        content: '\E8A0';
-    }
-
-    #header .link-file .icon::before {
-        content: '\E89C';
-    }
-
-    #header .link-dashboard .icon::before {
-        content: '\E871';
-    }
-
-    #header .dropdown {
-        flex: none;
-    }
-
-    #header .dropdown-button {
-        display: block;
-        border-radius: 0; /* Override Safari's default */
-        padding: 0;
-        color: inherit;
-        background: transparent;
-        box-shadow: none;
-        transition: none;
-    }
-
-    #header-search h2 {
-        position: absolute;
-        left: -99999px;
-    }
-
-    #header-search-dropdown {
-        right: auto;
-        min-width: calc(100% + 8px) !important;
-        max-width: calc(200% + 8px) !important;
-    }
-
-    #header-search-dropdown-wrapper {
-        overflow-x: hidden;
-        overflow-y: scroll;
-        max-height: 400px;
-    }
-
-    #header-search-dropdown header {
-        display: flex;
-        position: sticky;
-        top: -4px;
-        left: 0;
-        margin: -4px 12px 0;
-        padding: 8px 0 4px;
-        color: #999;
-        background: #FFF;
-        font-size: 12px;
-    }
-
-    #header-search-dropdown header h3 {
-        flex: auto;
-        margin: 0;
-        font-size: inherit;
-        line-height: 1.5;
-        font-weight: normal;
-    }
-
-    #header-search-dropdown header a {
-        flex: none;
-        padding: 0 !important;
-        font-size: inherit;
-    }
-
-    #header-search-dropdown.dropdown-content header a:hover,
-    #header-search-dropdown.dropdown-content header a:focus,
-    #header-search-dropdown.dropdown-content header a.active {
-        background-color: transparent !important;
-    }
-
-    #header-search-dropdown ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    #header-search-dropdown a {
-        overflow: hidden;
-        white-space: nowrap !important;
-        text-overflow: ellipsis;
-    }
-
-    #header-tools-menu-button {
-        width: 32px;
-        height: 32px;
-        border-radius: 4px !important;
-    }
-
-    #header-tools-menu-button .icon {
-        text-indent: -.7em;
-        letter-spacing: -.7em;
-    }
-
-    #header-tools-menu-button .icon::before {
-        content: '\E5CC\E5CC';
-    }
-
-    #header-account-menu-button img {
-        display: block;
-        border-radius: 50%;
-    }
-
-    #header-account-menu-button .icon::before {
-        font-size: 32px;
-        content: '\E853';
-    }
-
-    #header-external-links.first {
-        order: -1;
-    }
-
-    #header .account-label * {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    #header .account-label .name {
-        font-size: 16px;
-    }
-
-    #header .account-label .email {
-        font-size: 12px;
-        color: #666;
-    }
-
-    #header-login .mini-popup {
-        position: absolute;
-        top: 48px;
-        right: 0;
-        z-index: 100;
-        display: flex;
-        align-items: center;
-        padding: 8px;
-        background-color: #FFF;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    }
-
-    #header-login .mini-popup form {
-        display: flex;
-        align-items: center;
-    }
-
-    #header-login .mini-popup input {
-        margin: 0 4px;
-    }
-
-    #header-login .mini-popup .close-button {
-        padding: 0;
-        width: 32px;
-        justify-content: center;
-        text-align: center;
-    }
-
-    #header-login .mini-popup .close-button .icon::before {
-        content: '\E5CD';
-    }
-/* header (end) */
-
-/* narrower global header (begin) */
-    @media screen and (max-width: 1024px) {
-        #message-container .inner,
-        #header .inner {
-            width: 800px;
-        }
-
-        #header-nav .links a {
-            padding: 0;
-            width: 32px;
-            justify-content: center;
-            text-align: center;
-        }
-
-        #header-nav .links a .label {
-            overflow: hidden;
-            width: 0;
-            height: 0;
-        }
-    }
-/* narrower global header (end) */
-
-/* link lists (begin) */
-    ul.links {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    ul.links li {
-        display: inline;
-        white-space: nowrap;
-    }
-/* link lists (end) */
-
-/* tabs (begin) */
-    .tabs td {
-        background: #eee;
-        text-align: center;
-        border-style: solid;
-        border-color: black;
-        border-width: 0px 0px 2px 0px;
-    }
-
-    .tabs td.selected {
-        background: white;
-        border-width: 2px 2px 0px 2px;
-    }
-
-    .tabs td.spacer {
-        background: white;
-    }
-/* tabs (end) */
-
-/* generic (begin) */
-    a {
-        color: #039;
-    }
-
-    a:visited {
-        color: #636;
-    }
-
-    a:hover {
-        color: #333;
-    }
-
-    a:active {
-        color: #000;
-    }
-
-    .clickable_area {
-        cursor: pointer;
-    }
-
-    textarea {
-        font-family: monospace;
-    }
-/* generic (end) */
-
-/* Links that control whether or not something is visible. */
-a.controller {
-    font-size: 115%;
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
+/**
+ * Fonts
+ */
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: normal;
+  src: local('FiraGO Book'),
+    url('fonts/FiraGO-Book.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-Book.woff?v=1.001') format('woff');
 }
 
-div#docslinks {
-    float: right;
-    border: 1px solid black;
-    padding: 1ex;
-    font-size: 80%;
-    margin-top: 2px;
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: normal;
+  src: local('FiraGO Book Italic'),
+    url('fonts/FiraGO-BookItalic.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-BookItalic.woff?v=1.001') format('woff');
 }
 
-#docslinks h2 {
-    margin: 0;
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: 500;
+  src: local('FiraGO Medium'),
+    url('fonts/FiraGO-Medium.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-Medium.woff?v=1.001') format('woff');
 }
 
-.mfa-protected {
-    vertical-align: middle;
-    margin: 0 4px;
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: 500;
+  src: local('FiraGO Medium Italic'),
+    url('fonts/FiraGO-MediumItalic.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-MediumItalic.woff?v=1.001') format('woff');
 }
 
-/**************************/
-/* Bug links and statuses */
-/**************************/
-
-.bz_bug_link {
-    /* Catch-all if you want common styles for all bug links */
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: bold;
+  src: local('FiraGO SemiBold'),
+    url('fonts/FiraGO-SemiBold.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-SemiBold.woff?v=1.001') format('woff');
 }
 
-.bz_bug_link .bz_status_UNCONFIRMED {
-    font-style: italic;
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: bold;
+  src: local('FiraGO SemiBold Italic'),
+    url('fonts/FiraGO-SemiBoldItalic.woff2?v=1.001') format('woff2'),
+    url('fonts/FiraGO-SemiBoldItalic.woff?v=1.001') format('woff');
 }
 
-.bz_obsolete {
-    text-decoration: line-through !important;
-}
-.bz_inactive {
-    text-decoration: line-through !important;
+@font-face {
+  font-family: 'Fira Mono';
+  font-style: normal;
+  font-weight: normal;
+  src: local('Fira Mono'),
+    url('fonts/FiraMono-Regular.woff2?v=3.202') format('woff2'),
+    url('fonts/FiraMono-Regular.woff?v=3.202') format('woff');
 }
-.bz_closed,
-.bz_CLOSED td {
-    text-decoration: line-through !important;
+
+@font-face {
+  font-family: 'Fira Mono';
+  font-style: normal;
+  font-weight: bold;
+  src: local('Fira Mono Bold'),
+    url('fonts/FiraMono-Bold.woff2?v=3.202') format('woff2'),
+    url('fonts/FiraMono-Bold.woff?v=3.202') format('woff');
 }
-.bz_private {
-    color: darkred;
-    background: #f3eeee;
+
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: normal;
+  src:
+    url('fonts/MaterialIcons-Regular.woff2') format('woff2'),
+    url('fonts/MaterialIcons-Regular.woff') format('woff');
+}
+
+/**
+ * Variables
+ */
+
+@media all {
+  :root {
+    /* Dark Mode Support */
+    color-scheme: light dark;
+
+    /* Typography */
+    --font-size-h1: 32px;
+    --font-size-h2: 26px;
+    --font-size-h3: 20px;
+    --font-size-h4: 16px;
+    --font-size-x-large: 15px;
+    --font-size-large: 14px;
+    --font-size-medium: 13px;
+    --font-size-small: 12px;
+    --font-size-x-small: 11px;
+    --font-size-monospace: 90%;
+    --line-height-default: 1.25;
+    --line-height-comfortable: 1.5;
+    --font-family-sans-serif: 'FiraGO', sans-serif;
+    --font-family-monospace: 'Menlo', 'Consolas', 'Droid Sans Mono', 'Fira Mono', monospace;
+
+    /** Region */
+    --primary-region-border-radius: 4px;
+
+    /** Menu */
+    --menu-border-radius: 4px;
+
+    /** Control */
+    --control-border-radius: 4px;
+    --control-padding: 6px 8px;
+
+    /** Button */
+    --button-border-radius: 4px;
+    --button-padding: 6px 12px;
+  }
+}
+
+/**
+ * Light Theme
+ */
+
+@media all {
+  :root {
+    /** Accent Colors */
+    --accent-color-red-1: 220, 40, 30;
+    --accent-color-red-2: 194, 35, 27;
+    --accent-color-green-1: 70, 140, 70;
+    --accent-color-blue-1: 0, 125, 210;
+    --accent-color-blue-2: 0, 103, 171;
+    --accent-color-yellow-1: 210, 210, 60;
+    --accent-color-lightyellow-1: 250, 250, 190;
+    --accent-color-pink-1: 250, 195, 195;
+    --accent-color-lightgreen-1: 195, 250, 195;
+    --accent-color-wine-1: 217, 207, 238;
+
+    /** App */
+    --application-foreground-color: rgb(60, 61, 62);
+    --application-background-color: rgb(235, 236, 237);
+    --application-header-foreground-color: rgb(200, 201, 202);
+    --application-header-foreground-hover-color: rgb(240, 241, 242);
+    --application-header-background-color: rgb(50, 51, 52);
+    --secondary-application-header-foreground-color: rgb(240, 241, 242);
+    --secondary-application-header-background-color: rgb(70, 71, 72);
+
+    /** Region */
+    --primary-region-border-color: rgb(210, 211, 212);
+    --primary-region-box-shadow: 0 1px 4px rgba(40, 41, 42, .2);
+    --primary-region-background-color: rgb(250, 251, 252);
+    --primary-region-header-background-color: rgb(240, 241, 242);
+    --secondary-region-border-color: rgb(220, 221, 222);
+    --secondary-region-background-color: var(--primary-region-header-background-color);
+    --overlay-background-color: rgba(40, 41, 42, .7);
+
+    /** Label */
+    --primary-label-color: var(--application-foreground-color);
+    --secondary-label-color: rgb(100, 101, 102);
+    --tertiary-label-color: rgb(140, 141, 142);
+    --inverted-label-color: rgb(240, 241, 242);
+    --required-label-color: rgb(var(--accent-color-red-1));
+
+    /** Text */
+    --primary-text-color: var(--application-foreground-color);
+    --primary-text-background-color: var(--primary-region-background-color);
+    --secondary-text-color: rgb(120, 121, 122);
+    --secondary-text-border-color: rgb(220, 221, 222);
+    --placeholder-text-color: var(--secondary-text-color);
+    --secondary-text-background-color: var(--primary-region-header-background-color);
+    --selected-text-background-color: rgba(var(--accent-color-blue-1), .3);
+    --link-text-color: rgb(var(--accent-color-blue-1));
+    --link-text-hover-color: rgb(var(--accent-color-blue-2));
+    --text-shadow-light: 0 0 4px rgb(40, 41, 42);
+
+    /** Message */
+    --warning-message-background-color: rgb(var(--accent-color-lightyellow-1));
+    --warning-message-border-color: rgb(var(--accent-color-yellow-1));
+    --error-message-foreground-color: rgb(var(--accent-color-red-1));
+    --error-message-background-color: rgb(var(--accent-color-pink-1));
+    --positive-message-foreground-color: rgb(var(--accent-color-green-1));
+    --positive-message-background-color: rgb(var(--accent-color-lightgreen-1));
+    --informative-message-background-color: rgb(var(--accent-color-lightyellow-1));
+    --neutral-banner-foreground-color: rgb(250, 251, 252);
+    --neutral-banner-background-color: rgb(80, 81, 82);
+
+    /** Control */
+    --control-foreground-color: var(--primary-label-color);
+    --control-background-color: rgb(255, 255, 255);
+    --control-accent-color: rgb(var(--accent-color-blue-1));
+    --control-border-color: rgb(200, 201, 202);
+    --secondary-control-border-color: var(--secondary-region-border-color);
+    --focused-control-border-color: rgb(var(--accent-color-blue-1));
+    --checked-control-background-color: var(--focused-control-border-color);
+    --selected-control-foreground-color: var(--application-foreground-color);
+    --selected-control-background-color: rgb(230, 231, 232);
+    --invalid-control-border-color: rgb(var(--accent-color-red-1));
+    --disabled-control-foreground-color: rgb(160, 161, 162);
+
+    /** Button */
+    --primary-button-foreground-color: rgb(255, 255, 255);
+    --primary-button-background-color: rgb(var(--accent-color-blue-1));
+    --primary-button-border-color: rgb(var(--accent-color-blue-1));
+    --secondary-button-foreground-color: var(--primary-label-color);
+    --secondary-button-background-color: rgb(230, 231, 232);
+    --secondary-button-border-color: rgb(210, 211, 212);
+    --danger-button-foreground-color: var(--primary-button-foreground-color);
+    --danger-button-background-color: rgb(var(--accent-color-red-1));
+    --danger-button-border-color: rgb(var(--accent-color-red-1));
+    --pressed-button-foreground-color: var(--primary-button-foreground-color);
+    --pressed-button-background-color: rgb(100, 101, 102);
+    --disabled-button-foreground-color: var(--disabled-control-foreground-color);
+    --disabled-button-background-color: var(--secondary-button-background-color);
+
+    /** Menu */
+    --menu-border-color: var(--secondary-button-border-color);
+    --menu-foreground-color: var(--primary-label-color);
+    --menu-background-color: var(--primary-region-background-color);
+    --menu-box-shadow: 0 1px 12px rgba(40, 41, 42, .2);
+    --hovered-menuitem-background-color: var(--selected-control-background-color);
+
+    /** Tab */
+    --selected-tab-foreground-color: var(--link-text-color);
+    --selected-tab-border-color: var(--focused-control-border-color);
+
+    /** Grid */
+    --grid-background-color: var(--primary-region-background-color);
+    --grid-border-color: var(--control-border-color);
+    --grid-header-background-color: rgb(230, 231, 232);
+    --grid-subheader-background-color: rgb(210, 211, 212);
+  }
+
+  input[type="checkbox"]:checked {
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(255, 255, 255)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
+  }
+
+  input[type="checkbox"]:indeterminate {
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255, 255, 255)" d="M19 13H5v-2h14v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
+  }
+
+  select:not([multiple]):not([size]) {
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgb(160, 161, 162)" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>');
+  }
+}
+
+/**
+ * Dark Theme
+ */
+
+@media screen and (prefers-color-scheme: dark) {
+  :root {
+    /** Accent Colors */
+    --accent-color-red-1: 255, 47, 36;
+    --accent-color-red-2: 220, 40, 30;
+    --accent-color-green-1: 17, 166, 17;
+    --accent-color-blue-3: 0, 148, 247;
+    --accent-color-lightyellow-1: 51, 37, 3;
+    --accent-color-pink-1: 128, 64, 64;
+    --accent-color-lightgreen-1: 64, 128, 64;
+    --accent-color-wine-1: 50, 45, 64;
+
+    /** App */
+    --application-foreground-color: rgb(200, 201, 202);
+    --application-background-color: rgb(30, 31, 32);
+
+    /** Region */
+    --primary-region-border-color: rgb(20, 21, 22);
+    --primary-region-box-shadow: 0 1px 4px rgba(10, 11, 12, .5);
+    --primary-region-background-color: rgb(40, 41, 42);
+    --primary-region-header-background-color: rgb(50, 51, 52);
+    --secondary-region-border-color: rgb(30, 31, 32);
+    --overlay-background-color: rgba(10, 11, 12, .7);
+
+    /** Label */
+    --secondary-label-color: rgb(160, 161, 162);
+    --tertiary-label-color: rgb(120, 121, 122);
+    --inverted-label-color: rgb(60, 61, 62);
+
+    /** Text */
+    --secondary-text-color: rgb(140, 141, 142);
+    --secondary-text-border-color: rgb(60, 61, 62);
+    --link-text-color: rgb(var(--accent-color-blue-3));
+    --link-text-hover-color: rgb(var(--accent-color-blue-1));
+
+    /** Control */
+    --control-background-color: rgb(35, 36, 37);
+    --control-border-color: rgb(60, 61, 62);
+    --selected-control-background-color: rgb(50, 51, 52);
+    --disabled-control-foreground-color: rgb(90, 91, 92);
+
+    /** Button */
+    --secondary-button-background-color: rgb(60, 61, 62);
+    --secondary-button-border-color: rgb(50, 51, 52);
+    --pressed-button-foreground-color: rgb(60, 61, 62);
+    --pressed-button-background-color: rgb(180, 181, 182);
+
+    /** Menu */
+    --menu-box-shadow: 0 1px 12px rgba(10, 11, 12, .5);
+
+    /** Grid */
+    --grid-header-background-color: rgb(50, 51, 52);
+    --grid-subheader-background-color: rgb(70, 71, 72);
+  }
+
+  select:not([multiple]):not([size]) {
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(90, 91, 92)" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>');
+  }
+}
+
+/**
+ * Global
+ */
+
+body {
+  font-size: var(--font-size-medium);
+  line-height: var(--line-height-default);
+  font-family: var(--font-family-sans-serif);
+  scrollbar-color: var(--control-border-color) var(--secondary-control-border-color);
 }
-.bz_disabled {
-    color: #a0a0a0;
+
+pre,
+code,
+kbd {
+  font-size: var(--font-size-monospace);
+  font-family: var(--font-family-monospace);
 }
 
-/************/
-/* Comments */
-/************/
+h1 {
+  font-size: var(--font-size-h1);
+}
 
-.bz_comment_table td {
-    vertical-align: top;
+h2 {
+  font-size: var(--font-size-h2);
 }
 
-.bz_comment {
-    margin-bottom: 2em;
+h3 {
+  font-size: var(--font-size-h3);
 }
 
-/* tbody.file pre is for the Diff view of attachments. */
-pre.bz_comment_text, .uneditable_textarea, tbody.file pre {
-     font-family: monospace;
-     white-space: pre-wrap;
+h4 {
+  font-size: var(--font-size-h4);
 }
 
-.bz_comment_text {
-     width: 50em;
+small {
+  font-size: var(--font-size-small);
 }
 
-.bz_comment_user, .bz_comment_time, .bz_comment_number,
-.bz_private_checkbox, .bz_comment_actions
-{
-    margin: 0 .5em;
+h1,
+h2,
+h3,
+h4 {
+  font-weight: 500;
 }
 
-.bz_comment_actions, .bz_comment_number, .bz_private_checkbox {
-    float: right;
+dt,
+b,
+strong {
+  font-weight: bold;
 }
 
-.bz_collapse_expand_comments {
-    padding: 0;
-    margin: 0 0 0 1em;
-    list-style-type: none;
+th {
+  font-weight: normal;
+  white-space: nowrap;
 }
-.bz_collapse_expand_comments li {
-    margin-bottom: .5em;
+
+u {
+  border-bottom: 1px solid;
+  text-decoration: none;
 }
-.bz_collapse_comment {
-    text-decoration: none;
+
+a {
+  color: var(--link-text-color);
+  text-decoration: none;
 }
 
-.bz_private_checkbox input {
-    margin: 0;
-    vertical-align: middle;
+a:hover {
+  color: var(--link-text-hover-color);
+  text-decoration: underline;
 }
 
-.bz_comment_head, .bz_first_comment_head {
-    padding-top: .1em;
-    padding-bottom: .1em;
-    padding-left: .5em;
-    background-color: #e0e0e0;
+table {
+  border-collapse: collapse;
 }
 
-.bz_comment_user_images img {
-    vertical-align: bottom;
+img {
+  vertical-align: top;
 }
 
-.bz_comment_hilite pre {
-    background-color: lightgreen;
-    margin: 0;
-    padding: 1em 0;
+hr {
+  margin: 1em 0;
+  border: none;
+  height: 1px;
+  color: transparent;
+  background-color: var(--primary-region-border-color);
 }
 
-.bz_comment_collapse_reason,
-.bz_default_collapsed .bz_comment_number {
-    font-weight: normal;
+::-moz-selection,
+::selection {
+  background-color: var(--selected-text-background-color);
 }
 
-/** End Comments **/
+/**
+ * Native Form Widgets
+ */
 
-.bz_default_hidden, .bz_tui_hidden, .bz_hidden_field, .bz_hidden_option {
-    /* We have !important because we want elements with these classes to always
-     * be hidden, even if there is some CSS that overrides it (we use these
-     * classes inside JavaScript to hide things). */
-    display: none !important;
+label {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
-.bz_comment_text span.quote {
-    color: #65379c;
-    /* Make quoted text not wrap. */
-    white-space: pre;
+fieldset {
+  border: 1px solid var(--control-border-color);
 }
 
-.bz_comment_text span.quote_wrapped {
-    color: #65379c;
+select:not([multiple]):not([size]) {
+  background-position: calc(100% - 4px) center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-right: 24px;
+  min-width: 4em;
 }
 
-table#flags th,
-table#flags td {
-    vertical-align: middle;
-    text-align: left;
+@supports (-moz-appearance: none) {
+  /* Remove extra padding in Firefox */
+  select:not([multiple]):not([size]) {
+    padding-top: 5px !important;
+    padding-bottom: 5px !important;
+  }
 }
 
-#email_prefs, #saved_search_prefs, #shared_search_prefs,
-#bug_activity {
-    border: 1px solid black;
-    border-collapse: collapse;
+input,
+button,
+select,
+option,
+optgroup {
+  margin: 0; /* Suppress WebKit default */
+  outline: 0; /* Suppress WebKit default */
+  font-size: var(--font-size-medium);
+  line-height: var(--line-height-default);
+  font-family: var(--font-family-sans-serif);
 }
 
-#email_prefs th,
-#shared_search_prefs th,
-#saved_search_prefs th {
-    text-align: center;
+textarea {
+  margin: 0; /* Suppress Firefox default */
+  outline: 0; /* Suppress WebKit default */
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-comfortable);
+  font-family: var(--font-family-sans-serif);
+  resize: vertical;
 }
 
-#email_prefs th, #email_prefs td,
-#shared_search_prefs th, #shared_search_prefs td,
-#saved_search_prefs th, #saved_search_prefs td,
-#bug_activity td {
-    border: 1px solid;
-    padding: 0.3em;
+input::placeholder,
+textarea::placeholder {
+  opacity: .5;
 }
 
-#email_prefs th.role_header {
-    width: 10%;
+input,
+button,
+select,
+textarea {
+  vertical-align: middle;
 }
 
-.column_header {
-    background-color: #ddeef9;
+input[type="button"],
+input[type="checkbox"],
+input[type="email"],
+input[type="password"],
+input[type="radio"],
+input[type="submit"],
+input[type="text"],
+input[type="url"],
+input:not([type]),
+button,
+optgroup,
+option,
+select,
+textarea {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
 }
 
-.column_header th {
-    text-align: center;
+input[type="date"],
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="text"],
+input[type="url"],
+input:not([type]),
+select,
+textarea {
+  box-sizing: border-box;
+  border: 1px solid var(--control-border-color);
+  border-radius: var(--control-border-radius);
+  box-shadow: none;
+  color: var(--control-foreground-color);
+  background-color: var(--control-background-color);
+  padding: var(--control-padding);
+}
+
+input[type="date"]:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="text"]:focus,
+input[type="url"]:focus,
+input:not([type]):focus,
+select:focus,
+textarea:focus {
+  border-color: var(--focused-control-border-color);
+}
+
+input[type="date"]:disabled,
+input[type="email"]:disabled,
+input[type="number"]:disabled,
+input[type="password"]:disabled,
+input[type="text"]:disabled,
+input[type="url"]:disabled,
+input:not([type]):disabled,
+select:disabled,
+textarea:disabled {
+  color: var(--disabled-control-foreground-color);
+  pointer-events: none;
 }
 
-.flag_select {
-    min-width: 3em;
+select[multiple],
+select[size] {
+  padding: 4px;
 }
 
-input.requestee {
-    width: 15em;
+select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 var(--control-foreground-color); /* Should be the same as text color */
 }
 
-#error_msg {
-    font-size: large;
+select:-moz-focusring * {
+  color: var(--control-foreground-color);
+  text-shadow: none;
 }
 
-.warning {
-  color: red;
+option {
+  padding: 2px 4px;
 }
 
-.throw_error {
-    background-color: #fff;
-    color: #444;
-    font-size: large;
-    margin: 1em;
-    padding: 0.5em 1em;
-    border: 2px solid #f66;
+option:checked {
+  color: var(--selected-control-foreground-color);
+  background-color: var(--selected-control-background-color);
 }
 
-dt {
-    font-weight: bold;
+button,
+input[type="button"],
+input[type="submit"] {
+  display: inline-block;
+  outline: 0;
+  border-radius: var(--button-border-radius);
+  border: 1px solid var(--secondary-button-border-color);
+  padding: var(--button-padding);
+  color: var(--secondary-button-foreground-color);
+  background-color: var(--secondary-button-background-color);
+  text-align: center;
+  text-decoration: none;
+  font-weight: normal;
+  text-shadow: none;
+  box-shadow: none;
 }
-body > dl > dt {
-    border-top: dotted gray thin;
+
+button:focus,
+input[type="submit"]:focus,
+input[type="button"]:focus {
+  border-color: var(--focused-control-border-color);
 }
-dl dl > dt {
-    border-top: none;
+
+button.primary,
+button:not([type]),
+button[type="submit"]:not(.secondary),
+input[type="submit"]:not(.secondary) {
+  padding: var(--button-padding);
+  border-color: var(--primary-button-border-color);
+  color: var(--primary-button-foreground-color);
+  background-color: var(--primary-button-background-color);
+  font-weight: 500;
 }
 
-#admin_table th {
-    white-space: normal !important;
+button.danger {
+  border-color: var(--danger-button-border-color);
+  color: var(--danger-button-foreground-color);
+  background-color: var(--danger-button-background-color);
+  font-weight: 500;
 }
 
-/* Arrow buttons are buttons with only &uarr;, &darr;, &larr; or &rarr; on
- * them. We want these to look a little less spidery. */
-.arrow_button {
-    font-size: 150%;
+button:disabled,
+input[type="submit"]:disabled,
+input[type="button"]:disabled {
+  border-color: var(--secondary-button-border-color) !important;
+  color: var(--disabled-button-foreground-color) !important;
+  background-color: var(--disabled-button-background-color) !important;
+  pointer-events: none;
 }
 
-/* Style of the attachment table and time tracking table */
-#attachment_table {
-    border-collapse: collapse;
-    border: 1px solid #333333;
+button .icon {
+  pointer-events: none;
 }
 
-#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th {
-    background-color: #E0E0E0;
-    color: black;
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline-block;
+  margin: 4px;
+  border: 2px solid var(--control-border-color);
+  width: 16px;
+  height: 16px;
+  background-color: var(--control-background-color);
+  vertical-align: -8px;
 }
 
-#attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td {
-    border: 1px solid #333333;
+input[type="checkbox"] {
+  border-radius: 2px;
 }
 
-.bz_attach_extra_info {
-    font-size: smaller;
+input[type="checkbox"]:checked {
+  border-color: var(--checked-control-background-color);
+  background-color: var(--checked-control-background-color);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
 }
 
-.bz_attach_flags, .bz_attach_footer {
-    white-space: nowrap;
+input[type="radio"] {
+  border-radius: 50%;
 }
 
-.bz_attach_view_hide {
-    float: right;
-    padding-left: 1em;
+input[type="radio"]:checked {
+  border-width: 5px;
+  border-color: var(--checked-control-background-color);
 }
 
-div.user_match {
-    margin-bottom: 1em;
+::-moz-focus-inner {
+  border: 0;
+  padding: 0;
 }
 
-.box {
-    border: 1px solid black;
-    color: black;
-    background-color: #ffc;
-    margin: 1em;
-    padding: 0.5em 1em;
+/**
+ * Rich Form Widgets
+ */
+
+.buttons.toggle[role="radiogroup"] {
+  display: inline-flex;
 }
 
-.collapsed,
-.bz_default_collapsed .bz_private_checkbox,
-.bz_default_collapsed .bz_comment_user,
-.bz_default_collapsed .bz_comment_user_images,
-.bz_default_collapsed .bz_comment_time,
-.bz_default_collapsed .bz_comment_tags,
-.bz_default_collapsed .bz_comment_text,
-.bz_default_collapsed .bz_collapsed_actions
-{
-    display: none;
+.buttons.toggle[role="radiogroup"] .item {
+  display: flex;
 }
 
-/* Rules specific for printing */
-@media print {
-    #header {
-        display: none;
-    }
+.buttons.toggle[role="radiogroup"] input[type="radio"] {
+  position: absolute;
+  left: -99999px;
+}
 
-    div.bz_query_buttons {
-        display: none;
-    }
+.buttons.toggle[role="radiogroup"] label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+  border: 1px solid var(--secondary-button-border-color);
+  padding: var(--button-padding);
+  min-width: 1em;
+  min-height: 1em;
+  background-color: var(--secondary-button-background-color);
+}
 
-    body {
-        background-image: none;
-        background-color: #fff;
-    }
+.buttons.toggle[role="radiogroup"] .item:first-child label {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
-    #prefnav, #prefcontent #update, #prefcontent #message {
-        display: none;
-    }
+.buttons.toggle[role="radiogroup"] .item:last-child label {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
 
-    #prefcontent {
-        margin-left: 0 !important;
-        box-shadow: none !important;
-    }
+.buttons.toggle[role="radiogroup"] .item:not(:first-child) label {
+  margin-left: -1px;
+  border-left-color: var(--secondary-control-border-color);
 }
 
-/**************/
-/* Bug Fields */
-/**************/
+.buttons.toggle[role="radiogroup"] .item:not(:last-child) label {
+  border-right-color: var(--secondary-control-border-color);
+}
 
-.field_label {
-    text-align: right;
-    vertical-align: top;
-    font-weight: bold;
+.buttons.toggle[role="radiogroup"] input[type="radio"]:checked + label {
+  z-index: 2;
+  border-color: var(--secondary-button-border-color);
+  color: var(--pressed-button-foreground-color);
+  background-color: var(--pressed-button-background-color);
 }
-.field_help_link {
-    cursor: help;
+
+.buttons.toggle[role="radiogroup"] input[type="radio"]:focus + label {
+  z-index: 2;
+  border-color: var(--focused-control-border-color);
 }
-.field_value, form#Create th, form#Create td {
-    vertical-align: top;
+
+[role="tablist"] {
+  display: flex;
 }
-.field_value .text_input {
-  width: 100%;
-  min-width: 25em;
+
+[role="tab"] {
+  border-radius: 0;
+  border-width: 0 0 4px;
+  border-style: solid;
+  border-color: transparent;
+  background-color: transparent;
+  cursor: default;
 }
 
-.uneditable_textarea {
-    width: 30em;
-    font-size: medium;
+[role="tab"][aria-selected="true"] {
+  border-color: var(--selected-tab-border-color);
+  color: var(--selected-tab-foreground-color);
 }
 
-th.required:before {
-    content: "* ";
+[role="tab"][disabled] {
+  border-color: transparent !important;
+  color: var(--disabled-control-foreground-color) !important;
+  background-color: transparent !important;
 }
-th.required:before, span.required_star {
-    color: red;
+
+/**
+ * YUI skin overrides
+ */
+
+.yui-skin-sam .yui-dt table,
+.yui3-skin-sam .yui3-datatable-table {
+  margin: 8px 0 !important;
+  border-collapse: collapse !important;
+  border-width: 1px 0 0 !important;
+  border-style: solid !important;
+  border-color: var(--grid-border-color) !important;
+  font-family: var(--font-family-sans-serif) !important;
+  background: var(--grid-background-color) !important;
 }
-input.required, select.required, span.required_explanation {
-    background-color: #fff7cd;
-    color: #000;
+
+.yui-skin-sam tbody.yui-dt-data {
+  outline: 0 !important;
 }
 
-.calendar_button {
-    background: transparent url("global/calendar.png") no-repeat;
-    width: 20px;
-    height: 20px;
-    vertical-align: middle;
+.yui-skin-sam .yui-dt th,
+.yui-skin-sam .yui-dt td,
+.yui3-skin-sam .yui3-datatable-header,
+.yui3-skin-sam .yui3-datatable-cell {
+  border-color: transparent !important;
 }
-.calendar_button span { display: none }
-/* These classes are set by YUI. */
-.yui-calcontainer {
-    display: none;
-    background-color: white;
-    padding: 10px;
-    border: 1px solid #404D6C;
+
+.yui-skin-sam .yui-dt th,
+.yui3-skin-sam .yui3-datatable-header {
+  border-bottom: 1px solid var(--grid-border-color) !important;
+  color: var(--secondary-label-color) !important;
+  background-color: var(--grid-header-background-color) !important;
+  background-image: none !important;
+  font-size: var(--font-size-small) !important;
+  text-shadow: none !important;
 }
 
-.bug_urls {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+.yui-skin-sam .yui-dt table tr,
+.yui3-skin-sam .yui3-datatable-table tr {
+  border-bottom: 1px solid var(--grid-border-color) !important;
 }
 
-.field_textarea_readonly {
-    margin: 2px;
-    padding: 4px;
-    overflow: auto;
-    float: left;
-    max-width: 30em;
-    max-height: 7em;
-    border: 1px solid #CCC;
+.yui-skin-sam .yui-dt table .yui-skin-sam td,
+.yui3-skin-sam .yui3-datatable-cell {
+  padding: 8px !important;
+  background-color: transparent !important;
 }
 
-.field_textarea_readonly pre {
-    font-family: monospace;
-    white-space: pre-wrap;
+.yui3-skin-sam .yui3-datatable-message-content {
+  border-color: var(--grid-border-color) !important;
 }
 
-/* custom styles for inline instances of autocomplete input fields */
-.yui-skin-sam .yui-ac-input { position:static !important;
-                              vertical-align:middle !important; }
-.yui-skin-sam .yui-ac-container { left:0px !important; }
-.yui-skin-sam .yui-ac { display: inline-block; }
-#bugzilla-body .yui-ac-content {
-    max-height: 19em;
-    overflow: auto;
-    overflow-x: hidden;
+.yui-calcontainer {
+  display: none;
+  border: 1px solid var(--secondary-region-border-color);
+  padding: 10px;
+  background-color: var(--secondary-region-background-color);
 }
 
-#keyword_container {
-    padding-top: .2em;
+/* custom styles for inline instances of autocomplete input fields */
+.yui-skin-sam .yui-ac-input {
+  position: static !important;
+  vertical-align: middle !important;
 }
 
+.yui-skin-sam .yui-ac-container {
+  left: 0 !important;
+}
 
-#keyword_container .yui-ac-content {
-    margin-left: -1px;
+.yui-skin-sam .yui-ac {
+  display: inline-block;
 }
 
-#comment_tabs {
-    border-spacing: 0;
+#bugzilla-body .yui-ac-content {
+  max-height: 19em;
+  overflow: auto;
+  overflow-x: hidden;
 }
 
-.comment_tab {
-    display: table-cell;
-    border: 1px solid silver;
-    padding: 2px 1em;
-    cursor: pointer;
-    background: transparent;
+/**
+ * jQuery plugin overrides
+ */
+
+.b-modal {
+  background-color: var(--overlay-background-color) !important;
 }
 
-.active_comment_tab {
-    background: #fff;
-    font-weight: bold;
+.ui-widget {
+  font-family: inherit !important;
+  font-size: small !important;
 }
 
-#comment_preview {
-    border: 1px solid silver;
-    padding: 1px;
-    overflow: auto;
-    margin: 0px;
+.ui-menu .ui-menu-item {
+  font-weight: normal !important;
 }
 
-#comment_preview_text {
-    margin: 0px;
-    width: auto;
+.context-menu-list {
+  border: 1px solid var(--menu-border-color) !important;
+  padding: 4px 0 !important;
+  border-radius: var(--menu-border-radius) !important;
+  color: var(--menu-foreground-color) !important;
+  background-color: var(--menu-background-color) !important;
+  box-shadow: var(--menu-box-shadow) !important;
 }
 
-#comment_preview_loading {
-    font-style: italic;
+.context-menu-item {
+  padding: 4px 8px 4px 24px !important;
+  color: inherit !important;
+  background-color: transparent !important;
 }
 
-#comment {
-    margin: 0px 0px 0.5em 0px;
+.context-menu-item.context-menu-hover {
+  color: inherit !important;
+  background-color: var(--hovered-menuitem-background-color) !important;
 }
 
-/*******************/
-/* Form Validation */
-/*******************/
+/**
+ * Screen media
+ */
 
-.validation_error_text {
-    font-size: 120%;
-    color: #B70000;
-    font-weight: bold;
+@media screen {
+  /**
+   * Global
+   */
+
+  body {
+    position: absolute;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    color: var(--application-foreground-color);
+    background-color: var(--application-background-color);
+  }
+
+  body[class*="bz_group_"] {
+    background-color: rgb(var(--accent-color-wine-1)); /* Colorize private bugs */
+  }
+
+  #wrapper {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+  }
 }
 
-.validation_error_field, input.validation_error_field {
-    border: 2px solid #B70000;
-    background-color: #FFEBEB;
+@media screen and (min-width: 800px) {
+  /*
+   * Fixed global header
+   */
+
+  html,
+  body {
+    overflow-y: hidden; /* Disable bounce effect (Safari) */
+    height: 100%;
+  }
+
+  #wrapper {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+  }
+
+  #bugzilla-body {
+    overflow-x: auto;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS */
+    scroll-behavior: smooth;
+    will-change: transform; /* Enable smooth scrolling (Safari) */
+  }
 }
 
-/* always use our font and size */
-.ui-widget {
-    font-family: inherit !important;
-    font-size: small !important;
+/**
+ * Global
+ */
+
+#bugzilla-body {
+  flex: auto;
+  position: relative;
+  outline: none;
+  padding: 0 15px;
 }
 
-/* menu items shouldn't be bold */
-.ui-menu .ui-menu-item {
-    font-weight: normal !important;
+#main-inner {
+  position: relative;
+  margin: 15px 0;
 }
 
-/* autocomplete */
+/**
+ * Banner message
+ */
 
-.autocomplete-suggestions {
-    border: 1px solid #999;
-    border-radius: 4px;
-    background: #fff;
-    color: #000;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
-    overflow-x: hidden;
-    overflow-y: auto;
-    cursor: pointer;
-    width: auto !important;
+#message-container {
+  text-align: center;
+  line-height: var(--line-height-comfortable);
 }
 
-.autocomplete-suggestion {
-    padding: 4px 6px;
-    white-space: nowrap;
-    overflow: hidden;
-    width: 100%;
-    box-sizing: border-box;
+#message-container .inner {
+  box-sizing: border-box;
+  margin: 0 auto;
+  padding: 8px;
+  width: 1024px;
 }
 
-.autocomplete-suggestion [itemtype] {
-    display: flex;
-    align-items: center;
-    padding: 2px 2px 2px 0;
-    font-size: 14px;
-    pointer-events: none;
+#message-container p {
+  margin: 0;
 }
 
-.autocomplete-suggestion [itemtype] > span {
-    margin-left: 12px;
+#message-container .noscript {
+  color: var(--neutral-banner-foreground-color);
+  background-color: var(--neutral-banner-background-color);
 }
 
-.autocomplete-suggestion [itemtype] > span:first-of-type,
-.autocomplete-suggestion [itemtype] > span:empty {
-    margin-left: 0;
+#message-container .warning {
+  color: var(--error-message-foreground-color);
+  background-color: var(--error-message-background-color);
 }
 
-.autocomplete-suggestion [itemtype] img {
-    margin-right: 6px;
-    border-radius: 50%;
-    width: 20px;
-    height: 20px;
+#message-container .new_announcement {
+  color: var(--primary-label-color);
+  background-color: var(--informative-message-background-color);
 }
 
-.autocomplete-suggestion [itemtype] .minor {
-    opacity: .7;
-    font-size: 13px;
+#message-container .new_announcement p.warning {
+  color: var(--error-message-foreground-color);
 }
 
-.autocomplete-suggestion [itemtype] .blocked {
-    margin-left: 8px;
-    border-radius: 12px;
-    padding: 1px 6px 1px 3px;
-    color: #C00;
-    background-color: #FFF;
-    opacity: 1;
+/* Reset legacy style */
+#message-container .new_announcement #message {
+  margin: 0;
+  border: 0;
+  padding: 0;
+  color: var(--secondary-label-color);
 }
 
-.autocomplete-suggestion [itemtype] .blocked .icon::before {
-    font-size: 15px;
-    font-family: 'Material Icons';
-    vertical-align: -3px;
-    content: '\E033';
+/**
+ * Global header
+ */
+
+#header {
+  flex: none;
+  color: var(--application-header-foreground-color);
+  background-color: var(--application-header-background-color);
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
-.autocomplete-selected {
-    background: #426fd9;
-    color: #FFF
+#header a,
+#header a:visited,
+#header a:hover {
+  color: inherit;
+  text-decoration: none;
 }
 
-.autocomplete-running {
-    background-image: url(../../images/throbber.gif) !important;
-    background-repeat: no-repeat !important;
-    background-position: right 8px center !important;
+#header a,
+#header button,
+#header input {
+  outline: 0; /* Hide outline on Chrome & Safari */
 }
 
-#login .field-login, #login .field-password {
-    line-height: 32px;
-    display: block;
-    padding-top: 2px;
-    padding-bottom: 2px;
+#header button * {
+  pointer-events: none; /* Make sure button is clickable on Chrome & Safari */
 }
 
-#login .field-login label, #login .field-password label {
-    clear: left;
-    width: 7em;
-    display: inline-block;
-    font-weight: bold;
+#header .inner {
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin: 0 auto;
+  padding: 8px 0;
+  width: 1024px;
+  height: 32px;
 }
 
-#login .field-remember {
-    margin-left: 7em;
+#header .inner > * {
+  flex: none;
+  margin: 0 8px;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans'), local('FiraSans'),
-         url('fonts/FiraSans-Regular.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-Regular.woff?v=4.203') format('woff');
-    font-weight: 400;
-    font-style: normal;
+#header .icon {
+  display: inline-block;
+  width: 24px;
+  font-size: 20px;
+  line-height: 1;
+  font-family: 'Material Icons';
+  vertical-align: middle;
+  pointer-events: none;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans Italic'), local('FiraSansItalic'),
-         url('fonts/FiraSans-Italic.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-Italic.woff?v=4.203') format('woff');
-    font-weight: 400;
-    font-style: italic;
+#header .title {
+  margin: 0 !important;
+  font-size: 20px;
+  font-weight: normal;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans SemiBold'), local('FiraSansSemiBold'),
-         url('fonts/FiraSans-SemiBold.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-SemiBold.woff?v=4.203') format('woff');
-    font-weight: 600;
-    font-style: normal;
+#header .title a,
+#header .links a {
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  padding: 0 8px;
+  height: 32px;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans SemiBold Italic'), local('FiraSansSemiBoldItalic'),
-         url('fonts/FiraSans-SemiBoldItalic.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-SemiBoldItalic.woff?v=4.203') format('woff');
-    font-weight: 600;
-    font-style: italic;
+#header .title a:hover,
+#header .title a:focus,
+#header .links a:hover,
+#header .links a:focus,
+#header-tools-menu-button:hover,
+#header-tools-menu-button:focus {
+  color: var(--application-header-foreground-hover-color) !important;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans Bold'), local('FiraSansBold'),
-         url('fonts/FiraSans-Bold.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-Bold.woff?v=4.203') format('woff');
-    font-weight: 700;
-    font-style: normal;
+#header form.quicksearch {
+  display: block;
 }
 
-@font-face{
-    font-family: 'Fira Sans';
-    src: local('Fira Sans Bold Italic'), local('FiraSansBoldItalic'),
-         url('fonts/FiraSans-BoldItalic.woff2?v=4.203') format('woff2'),
-         url('fonts/FiraSans-BoldItalic.woff?v=4.203') format('woff');
-    font-weight: 700;
-    font-style: italic;
+#header .searchbox-outer {
+  position: relative;
+  width: 280px;
+  height: 32px;
 }
 
-@font-face{
-    font-family: 'Fira Mono';
-    src: local('Fira Mono'), local('FiraMono'),
-         url('fonts/FiraMono-Regular.woff2?v=3.202') format('woff2'),
-         url('fonts/FiraMono-Regular.woff?v=3.202') format('woff');
-    font-weight: 400;
-    font-style: normal;
+#header .searchbox-outer .icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 24px;
+  height: 24px;
 }
 
-@font-face{
-    font-family: 'Fira Mono';
-    src: local('Fira Mono Bold'), local('FiraMonoBold'),
-         url('fonts/FiraMono-Bold.woff2?v=3.202') format('woff2'),
-         url('fonts/FiraMono-Bold.woff?v=3.202') format('woff');
-    font-weight: 600;
-    font-style: normal;
+#header .searchbox-outer .icon::before {
+  content: '\E8B6';
 }
 
-body {
-    background: #f6f4ec;
-    background-image: url(../../images/noise.png);
-    background-image: url(../../images/noise.png), -moz-linear-gradient(#d7d3c8, #f6f4ec 400px);
-    background-image: url(../../images/noise.png), -webkit-linear-gradient(#d7d3c8, #f6f4ec 400px);
-    background-image: url(../../images/noise.png), linear-gradient(#d7d3c8, #f6f4ec 400px);
-    background-repeat: repeat, repeat-x;
-    color: #404040;
+#header #quicksearch_top {
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 0 8px 0 32px;
+  width: 100%;
+  height: 100%;
+  color: var(--secondary-application-header-foreground-color);
+  background-color: var(--secondary-application-header-background-color);
+  box-shadow: none;
+  font-size: var(--font-size-x-large) !important;
+  line-height: 32px;
+  cursor: text;
 }
 
-body, td, th, input, select, option, optgroup, button, .text_input {
-    font-family: "Fira Sans", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+#header #quicksearch_top:focus {
+  border-color: var(--focused-control-border-color);
 }
 
-a {
-    color: #0095dd;
+#header nav {
+  flex: auto !important;
+  display: flex;
+  align-items: center;
+  margin: 0 !important;
 }
 
-a:hover {
-    color: #00539f;
+#header .links {
+  flex: none;
+  display: flex;
+  font-size: 14px;
 }
 
-select[multiple], textarea, input[type=text], input[type=password],
-input[type=email], input[type=url], input[type=number], input:not([type]), .text_input, .yui-ac-input {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    border: 1px solid #b2b2b2;
-    border-radius: .25em;
-    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
-    background: white;
-    padding: 4px 3px 5px;
-    color: #404040;
-    vertical-align: top;
+#header .link-browse .icon::before {
+  content: '\E8EF';
 }
 
-select[multiple], .text_input, .yui-ac-input, input {
-    font-size: 1em;
+#header .link-search .icon::before {
+  content: '\E8A0';
 }
 
-select[multiple]:focus, textarea:focus, .text-input:focus, -yui-ac-input:focus, input:focus {
-    border-color: #42a4e0;
-    -webkit-box-shadow: 0 0 0 2px rgba(73,173,227,0.4);
-    -moz-box-shadow: 0 0 0 2px rgba(73,173,227,0.4);
-    box-shadow: 0 0 0 2px rgba(73,173,227,0.4);
+#header .link-file .icon::before {
+  content: '\E89C';
 }
 
-select, select[multiple] {
-    font-size: 12px;
+#header .link-dashboard .icon::before {
+  content: '\E871';
 }
 
-.buttons.toggle[role="radiogroup"] {
-  display: inline-flex;
+#header .dropdown {
+  flex: none;
 }
 
-.buttons.toggle[role="radiogroup"] .item {
-  display: flex;
+#header .dropdown-button {
+  display: block;
+  border: 0;
+  border-radius: 0; /* Override Safari's default */
+  padding: 0;
+  color: inherit;
+  background: transparent;
+  box-shadow: none;
 }
 
-.buttons.toggle[role="radiogroup"] input[type="radio"] {
+#header-search h2 {
   position: absolute;
   left: -99999px;
 }
 
-.buttons.toggle[role="radiogroup"] label {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  z-index: 1;
-  border: 1px solid #B2B2B2;
-  padding: 4px 12px;
-  min-width: 1em;
-  min-height: 1em;
-  background-color: #FFF;
-  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
+#header-search-dropdown {
+  right: auto;
+  min-width: calc(100% + 8px) !important;
+  max-width: calc(200% + 8px) !important;
 }
 
-.buttons.toggle[role="radiogroup"] .item:first-child label {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+#header-search-dropdown-wrapper {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  max-height: 400px;
 }
 
-.buttons.toggle[role="radiogroup"] .item:last-child label {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
+#header-search-dropdown header {
+  display: flex;
+  margin: -4px 12px 0;
+  padding: 8px 0 4px;
+  font-size: var(--font-size-small);
+  color: var(--secondary-label-color);
 }
 
-.buttons.toggle[role="radiogroup"] .item:not(:first-child) label {
-  margin-left: -1px;
-  border-left-color: #D2D2D2;
+#header-search-dropdown header h3 {
+  flex: auto;
+  margin: 0;
+  font-size: inherit;
+  line-height: var(--line-height-comfortable);
+  font-weight: normal;
 }
 
-.buttons.toggle[role="radiogroup"] .item:not(:last-child) label {
-  border-right-color: #D2D2D2;
+#header-search-dropdown header a {
+  flex: none;
+  padding: 0 !important;
+  font-size: inherit;
 }
 
-.buttons.toggle[role="radiogroup"] input[type="radio"]:checked + label {
-  z-index: 2;
-  border-color: #B2B2B2;
-  color: #111;
-  background-color: #DDD;
-  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
+#header-search-dropdown.dropdown-content header a:hover,
+#header-search-dropdown.dropdown-content header a:focus,
+#header-search-dropdown.dropdown-content header a.active {
+  background-color: transparent !important;
 }
 
-.buttons.toggle[role="radiogroup"] input[type="radio"]:focus + label {
-  z-index: 2;
-  border-color: #42A4E0;
-  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 0 2px rgba(73, 173, 227, .4);
+#header-search-dropdown ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
-hr {
-    border: none;
-    height: 1px;
-    color: #ccc;
-    background-color: #ccc;
-    margin: 1em 0;
+#header-search-dropdown a {
+  overflow: hidden;
+  white-space: nowrap !important;
+  text-overflow: ellipsis;
 }
 
-#changeform hr {
-    display: none;
+#header-tools-menu-button {
+  width: 32px;
+  height: 32px;
+  border-radius: 4px !important;
 }
 
-#bugzilla-body {
-    flex: auto;
-    position: relative;
-    outline: none;
-    padding: 0 15px;
+#header-tools-menu-button .icon {
+  text-indent: -.7em;
+  letter-spacing: -.7em;
 }
 
-#main-inner {
-    position: relative;
-    margin: 15px 0;
+#header-tools-menu-button .icon::before {
+  content: '\E5CC\E5CC';
 }
 
-#bugzilla-body th {
-    white-space: nowrap;
+#header-account-menu-button img {
+  display: block;
+  border-radius: 4px;
 }
 
-#message {
-    border: 1px solid green;
-    margin: 0.3em 0em;
-    padding: 0.3em 0.5em;
-    color: green;
+#header-account-menu-button .icon::before {
+  font-size: 32px;
+  content: '\E853';
 }
 
-/* Home */
-
-/*#page-index {
-    max-width: none;
-}*/
-
-#page-index td:first-child {
-    text-align: center;
+#header-external-links.first {
+  order: -1;
 }
 
-#quicksearch_links {
-    margin-top: 10px;
+#header .account-label * {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
-/* Bugs */
-
-.navigation {
-    background: rgba(255, 255, 255, 0.3);
-    padding: 5px 10px;
+#header .account-label .name {
+  max-width: 16em;
+  font-size: var(--font-size-h4);
+  font-weight: 500;
 }
 
-u {
-    border-bottom: 1px solid #aaa;
-    text-decoration: none;
+#header .account-label .email {
+  margin-top: 4px;
+  font-size: var(--font-size-small);
+  color: var(--tertiary-label-color);
 }
 
-#field_container_see_also br {
-    margin-bottom: 10px;
+#header-login .mini-popup {
+  position: absolute;
+  top: 48px;
+  right: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-.bz_alias_short_desc_container {
-    background: none;
-    font-size: 20px;
-    font-weight: normal;
-    line-height: 30px;
-    padding: 5px 0;
-    text-shadow: 0 1px rgba(255, 255, 255, 0.2);
+#header-login .mini-popup form {
+  display: flex;
+  align-items: center;
 }
 
-.bz_alias_short_desc_container b {
-    font-weight: normal;
+#header-login .mini-popup input {
+  margin: 0 4px;
 }
 
-.bz_alias_short_desc_container .editme {
-    font-weight: normal;
+#header-login .mini-popup .close-button {
+  padding: 0;
+  width: 32px;
+  justify-content: center;
+  text-align: center;
 }
 
-.last_comment_link {
-    font-size: 18px;
+#header-login .mini-popup .close-button .icon::before {
+  content: '\E5CD';
 }
 
-.last_comment_link b {
-    border-bottom: 1px solid #aaa;
-    font-weight: normal;
+/**
+ * Narrower global header
+ */
+
+@media screen and (max-width: 1023px) {
+  #message-container .inner,
+  #header .inner {
+    width: 800px;
+  }
+
+  #header-nav .links a {
+    padding: 0;
+    width: 32px;
+    justify-content: center;
+    text-align: center;
+  }
+
+  #header-nav .links a .label {
+    overflow: hidden;
+    width: 0;
+    height: 0;
+  }
 }
 
-table.edit_form {
-    background: #fff;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    margin-bottom: 20px;
-    padding: 10px 10px 80px;
-    position: relative;
+/**
+ * Link lists
+ */
+
+ul.links {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
-table.edit_form tbody {
-    width: 100%;
+ul.links li {
+  display: inline;
+  white-space: nowrap;
 }
 
-table.edit_form hr {
-    display: none;
+/**
+ * Documentation lists
+ */
+
+#docslinks {
+  float: right;
+  margin-top: 2px;
+  border: 1px solid var(--primary-region-border-color);
+  padding: 1ex;
+  font-size: var(--font-size-small);
 }
 
-.field_label {
-    font-weight: bold !important;
-    padding-right: 10px;
-    vertical-align: baseline;
-    white-space: nowrap;
+#docslinks h2 {
+  margin: 0;
 }
 
-.field_label a, .field_label b {
-    color: #404040;
-    font-weight: bold;
+/**
+ * Bug links and statuses
+ */
+
+.bz_bug_link .bz_status_UNCONFIRMED {
+  font-style: italic;
 }
 
-.field_value .text_input {
-    min-width: 0;
+.bz_obsolete,
+.bz_inactive,
+.bz_closed,
+.bz_CLOSED td {
+  text-decoration: line-through !important;
 }
 
-#product, #component {
-    width: 235px;
+.bz_private {
+  color: rgb(var(--accent-color-red-2));
 }
 
-#bz_show_bug_column_1 tr:last-child span {
-    position: absolute;
-    left: 20px;
-    bottom: 20px;
+.bz_disabled {
+  color: var(--disabled-control-foreground-color);
 }
 
-#commit_top {
-    position: absolute;
-    bottom: 20px;
-    right: 10px;
+/**
+ * Misc.
+ */
+
+.bz_default_hidden,
+.bz_tui_hidden,
+.bz_hidden_field,
+.bz_hidden_option {
+  /* We have !important because we want elements with these classes to always
+   * be hidden, even if there is some CSS that overrides it (we use these
+   * classes inside JavaScript to hide things). */
+  display: none !important;
 }
 
-.cc_list_display {
-    background: #fff;
-    float: none;
-    font-size: 11px;
-    margin-top: 3px;
-    max-width: none;
-    padding: 5px;
+table#flags th,
+table#flags td {
+  vertical-align: middle;
+  text-align: left;
 }
 
-#project-flags, #custom-flags {
-    border-collapse: collapse;
+.flag_select {
+  min-width: 3em;
 }
 
-#project-flags label, #custom-flags label {
-    margin-right: 10px;
+input.requestee {
+  width: 15em;
 }
 
-#cf_crash_signature {
-    width: 100%;
+#error_msg {
+  font-size: var(--font-size-x-large);
 }
 
-#attachment_table {
-    background: #fff;
-    border: none;
-    border-collapse: collapse;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    margin-bottom: 40px;
+.warning {
+  color: var(--error-message-foreground-color);
 }
 
-#attachment_table td {
-    border: none;
+.throw_error {
+  margin: 16px 0;
+  border: 1px solid rgb(var(--accent-color-red-1));
+  border-radius: var(--primary-region-border-radius);
+  padding: 16px;
+  background-color: var(--primary-region-background-color);
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-comfortable);
 }
 
-#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th {
-    background: #eee;
-    color: #404040;
+table.standard {
+  border-collapse: collapse;
+  border-top: 1px solid var(--grid-border-color);
+  background-color: var(--grid-background-color);
 }
 
-#attachment_table .bz_attach_actions {
-    white-space: nowrap;
+table.standard thead {
+  background-color: var(--grid-header-background-color);
 }
 
-#attachment_table .bz_private .bz_attach_desc {
-    border-left: 4px solid darkred;
+table.standard tr {
+  border-bottom: 1px solid var(--grid-border-color);
 }
 
-/* background for diff views */
-.file_table, .file-table {
-    background: #ffffff;
+table.standard thead th {
+  padding: 4px 8px;
+  font-size: var(--font-size-small);
+  white-space: nowrap;
 }
 
-.bz_comment {
-    width: 65em !important;
-    margin: 0 0 20px;
+table.standard tbody th,
+table.standard tbody td {
+  padding: 8px;
 }
 
-.bz_comment pre, #comment, pre#comment-preview {
-    font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace;
+/* Arrow buttons are buttons with only &uarr;, &darr;, &larr; or &rarr; on
+ * them. We want these to look a little less spidery. */
+.arrow_button {
+  font-size: var(--font-size-x-large);
 }
 
-.bz_first_comment_head, .bz_comment_head {
-    font-weight: normal;
-    line-height: 32px;
-    padding-bottom: 2px;
-    padding-left: 0px;
-    margin-left: -5px;
-    white-space: nowrap;
-    background-color: transparent;
+/* Style of the attachment table and time tracking table */
+#attachment_table {
+  margin-bottom: 40px;
+  border-collapse: collapse;
+  border: 1px solid var(--primary-region-background-color);
+  border-radius: var(--primary-region-border-radius);
+  width: 50em;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-.bz_comment_head img, .bz_first_comment_head img {
-    vertical-align: middle;
+#attachment_table th,
+.bz_attach_footer,
+.bz_time_tracking_table th {
+  background-color: var(--primary-region-header-background-color);
 }
 
-.bz_comment_user a {
-    -moz-transition: all 100ms linear 0s;
-    -webkit-transition: all 100ms linear 0s;
-    transition: all 100ms linear 0s;
-    transition: all 100ms linear 0s;
-    color: #0095dd;
-    padding: 0px;
-    margin: 0px;
+#attachment_table td,
+.bz_time_tracking_table th,
+.bz_time_tracking_table td {
+  border: 0;
 }
 
-.bz_comment_user a:hover {
-    -moz-transition: all 100ms linear 0s;
-    -webkit-transition: all 100ms linear 0s;
-    transition: all 100ms linear 0s;
-    background: #fff;
-    border: none;
-    text-decoration: none;
+#attachment_table .bz_attach_actions {
+  white-space: nowrap;
 }
 
-.bz_comment_user .vcard {
-    font-weight: bold;
+#attachment_table .bz_private .bz_attach_desc {
+  border-left: 4px solid rgb(var(--accent-color-red-1));
 }
 
-.bz_comment_actions {
-    margin: 0px 0px;
+.bz_attach_extra_info {
+  font-size: var(--font-size-small);
 }
 
-.new_user {
-    margin-left: 10px;
+.bz_attach_flags,
+.bz_attach_footer {
+  white-space: nowrap;
 }
 
-.ih_history {
-    padding: 0 !important;
+.bz_attach_view_hide {
+  float: right;
+  padding-left: 1em;
 }
 
-.ih_history .bz_comment_head {
-    padding-bottom: 3px;
+div.user_match {
+  margin-bottom: 1em;
 }
 
-.ih_history_item:not(.ih_hidden) ~ .ih_history_item:not(.ih_hidden) {
-    margin-top: 20px;
+.box {
+  margin: 1em;
+  border: 1px solid var(--primary-region-background-color);
+  border-radius: var(--primary-region-border-radius);
+  padding: .5em 1em;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-.ih_history_change {
-    background: #eee;
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    padding: 10px;
-    position: relative;
+.collapsed,
+.bz_default_collapsed .bz_private_checkbox,
+.bz_default_collapsed .bz_comment_user,
+.bz_default_collapsed .bz_comment_user_images,
+.bz_default_collapsed .bz_comment_time,
+.bz_default_collapsed .bz_comment_tags,
+.bz_default_collapsed .bz_comment_text,
+.bz_default_collapsed .bz_collapsed_actions {
+  display: none;
 }
 
-.bz_comment_text {
-    background: #fff;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    margin: 1px 0 0 0;
-    overflow: auto;
-    padding: 10px;
-    position: relative;
-}
-
-.bz_comment_text:after, .bz_comment_text:before {
-    bottom: 100%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
+#login .field-login,
+#login .field-password {
+  display: block;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  line-height: 32px;
 }
 
-.bz_comment_text:after {
-    border-bottom-color: #fff;
-    border-width: 8px;
-    left: 16px;
+#login .field-login label,
+#login .field-password label {
+  clear: left;
+  width: 7em;
+  display: inline-block;
+  font-weight: bold;
 }
 
-.bz_comment_text span.quote, .bz_comment_text span.quote_wrapped,
-div.bz_comment_text pre {
-    background: #eee !important;
-    color: #444 !important;
-    display: block !important;
-    margin-top: 5px !important;
-    margin-bottom: -10px !important;
-    overflow: auto;
-    padding: 5px !important;
+#login .field-remember {
+  margin-left: 7em;
 }
 
-.bz_comment_tags {
-    background: #eee;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    padding: 5px;
+#changeform hr {
+  display: none;
 }
 
-.bz_comment_tag {
-    background: #fff;
-    color: #444;
-    border: none;
-    padding: 2px 6px;
+#message {
+  margin: .3em 0;
+  border: 1px solid var(--positive-message-foreground-color);
+  padding: .3em .5em;
+  color: var(--positive-message-foreground-color);
 }
 
-.bz_comment_tag a {
-    color: #0095DD;
+a.controller {
+  border: 1px solid var(--control-border-color);
+  padding: 3px;
+  font-size: var(--font-size-medium);
 }
 
-#bz_ctag_error {
-    border: none;
-    background-color: #faa;
-    color: #444;
-    padding: 2px 6px;
+.group_secure > th > a {
+  padding-left: 18px;
+  background-image: url('../../images/padlock.png');
+  background-position: center left;
+  background-repeat: no-repeat;
 }
 
-#bz_ctag_error a {
-    color: #0095DD;
+.highlighted {
+  background: var(--accent-color-lightyellow-1);
 }
 
-.ih_inlinehistory {
-    background: #eee;
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    padding: 10px;
-    position: relative;
-    top: -1px;
+.vcard a {
+  color: inherit;
+  font-weight: bold;
 }
 
-.bz_collapse_expand_comments li {
-    white-space: nowrap;
+.vcard a.disabled {
+  color: var(--disabled-control-foreground-color);
 }
 
-#add_comment {
-    border: 1px solid #ccc;
-    border-width: 1px 0;
-    margin-bottom: 20px;
-    padding: 10px 0;
+/* user dropdown menu down-arrow */
+.vcard a .fn:after,
+.vcard a .ln:after {
+  content: ' \25BE';
 }
 
-#add_comment > table {
-    border-collapse: collapse;
-    width: 661px;
+/**
+ * Bug Fields
+ */
+
+.field_label {
+  color: var(--secondary-label-color);
+  text-align: right;
+  vertical-align: top;
 }
 
-#comment {
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
+.field_label a {
+  color: inherit;
 }
 
-#comment_tabs {
-    margin-top: 2px;
+.field_help_link {
+  cursor: help;
 }
 
-#comment_preview {
-    background: white;
-    display: block;
-    clear: both;
+.field_value,
+form#Create th,
+form#Create td {
+  vertical-align: top;
 }
 
-pre#comment_preview_text {
-    background: transparent;
-    border: none;
-    box-shadow: none;
-    padding: 2px 2px 2px 1px;
-}
-
-button, input[type=submit], input[type=button], #commit, #commit_top, #header .btn, #header input[type=submit] {
-    background-color: #43a6e2;
-    background-image: -moz-linear-gradient(#43a6e2,#277ac1);
-    background-image: -webkit-linear-gradient(#43a6e2,#277ac1);
-    background-image: linear-gradient(#43a6e2,#277ac1);
-    -moz-transition: all linear 100ms;
-    -webkit-transition: all linear 100ms;
-    transition: all linear 100ms;
-    border-radius: .25em;
-    border: 0px none;
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3);
-    color: rgb(255, 255, 255);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 600;
-    text-align: center;
-    text-decoration: none;
-    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
-    padding: .425em 1em .5em;
+.field_value .text_input {
+  width: 100%;
+  min-width: 25em;
 }
 
-button:hover, input[type=submit]:hover, input[type=button]:hover, #commit:hover, #commit_top:hover, #header .btn:hover, #header input[type=submit]:hover {
-    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
-    -moz-transition: all linear 100ms;
-    -webkit-transition: all linear 100ms;
-    transition: all linear 100ms;
+.uneditable_textarea {
+  width: 30em;
+  font-size: var(--font-size-x-large);
 }
 
-button:active, input[type=submit]:active, input[type=button]:active, #commit:active, #commit_top:active, #header .btn:active, #header input[type=submit]:active  {
-    -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
-    -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
-    box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
-    -moz-transition: all linear 100ms;
-    -webkit-transition: all linear 100ms;
-    transition: all linear 100ms;
+th.required:before {
+  content: "* ";
 }
 
-button[disabled], input[type=submit][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, button[disabled]:active, input[type=submit][disabled]:active, input[type=button][disabled]:active {
-    background-color: #bfc7cd;
-    background-image: -moz-linear-gradient(#bfc7cd,#9ca3aa);
-    background-image: -webkit-linear-gradient(#bfc7cd,#9ca3aa);
-    background-image: linear-gradient(#bfc7cd,#9ca3aa);
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3);
-    pointer-events: none;
+th.required:before,
+span.required_star {
+  color: var(--required-label-color);
 }
 
-button.minor {
-    background-color: #eee;
-    background-image: linear-gradient(#fcfcfc, #eee);
-    color: #000;
-    font-size: inherit;
-    font-weight: 500;
-    padding: 4px 8px;
-    margin-bottom: 1px;
-    text-shadow: none;
-    -web-kit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 0 1px 0 rgba(0,0,0,0.1);
+.calendar_button {
+  border: 0;
+  width: 20px;
+  height: 20px;
+  background: transparent url('global/calendar.png') no-repeat;
+  vertical-align: middle;
 }
 
-button.minor:not(:disabled):hover,
-button.minor:not(:disabled):focus,
-button.minor:not(:disabled):active {
-    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.3), inset 0 12px 24px 2px #ddd;
-    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.3), inset 0 12px 24px 2px #ddd;
-    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 12px 24px 2px #ddd;
+.calendar_button span {
+  display: none;
 }
 
-button.minor[disabled] {
-    color: #999;
+.bug_urls {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
-button::-moz-focus-inner {
-    border: 0;
+.field_textarea_readonly {
+  overflow: auto;
+  float: left;
+  margin: 2px;
+  border: 1px solid var(--control-border-color);
+  padding: 4px;
+  max-width: 30em;
+  max-height: 7em;
 }
 
-.notransition {
-  -webkit-transition: none !important;
-  -moz-transition: none !important;
-  -o-transition: none !important;
-  -ms-transition: none !important;
-  transition: none !important;
+.field_textarea_readonly pre {
+  white-space: pre-wrap;
 }
 
-.calendar_button, .calendar_button:hover {
-    box-shadow: none;
-    padding: 0;
+#keyword_container {
+  padding-top: .2em;
 }
 
-.related_actions {
-    line-height: 19px;
-    padding: 5px 10px;
+#keyword_container .yui-ac-content {
+  margin-left: -1px;
 }
 
-/* Attachments */
+/**
+ * Form Validation
+ */
 
-#viewFrame {
-    border: 2px solid #222;
-    margin-bottom: 10px;
+.validation_error_text {
+  color: var(--error-message-foreground-color);
+  font-size: var(--font-size-small);
 }
 
-#editFrame, #viewDiffFrame, #viewFrame {
-    margin-left: 0;
+.validation_error_field,
+input.validation_error_field {
+  border: 2px solid var(--error-message-foreground-color);
+  background-color: var(--error-message-background-color);
 }
 
-#flags label {
-    font-weight: normal;
-    white-space: nowrap;
+/**
+ * autocomplete
+ */
+
+.autocomplete-suggestions {
+  overflow-x: hidden;
+  overflow-y: auto;
+  border: 1px solid var(--menu-border-color);
+  border-radius: var(--control-border-radius);
+  color: var(--control-foreground-color);
+  background-color: var(--menu-background-color);
+  box-shadow: var(--menu-box-shadow);
+  cursor: pointer;
+  width: auto !important;
 }
 
-/* tabs */
+.autocomplete-suggestion {
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 4px 8px;
+  width: 100%;
+  white-space: nowrap;
+}
 
-table.tabs {
-    border-collapse: separate;
-    border-spacing: 1em 0;
+.autocomplete-suggestion [itemtype] {
+  display: flex;
+  align-items: center;
+  padding: 2px 2px 2px 0;
+  pointer-events: none;
 }
 
-.tabs td {
-    background: rgba(255,255,255,0.5);
-    padding: 1em;
-    text-align: center;
-    border-style: none;
-    font-size: 12px;
-    text-transform: uppercase;
+.autocomplete-suggestion [itemtype] > span {
+  margin-left: 12px;
 }
 
-.tabs td.selected {
-    background: white;
-    font-weight: 700;
+.autocomplete-suggestion [itemtype] > span:first-of-type,
+.autocomplete-suggestion [itemtype] > span:empty,
+.autocomplete-suggestion [itemtype] > span:empty + span {
+  margin-left: 0;
 }
 
-.tabs td.spacer {
-    background: transparent;
+.autocomplete-suggestion [itemtype] img {
+  margin-right: 6px;
+  border-radius: 4px;
+  width: 20px;
+  height: 20px;
 }
 
-.tabs a {
-    color: #333;
+.autocomplete-suggestion [itemprop="name"] {
+  overflow: hidden;
+  max-width: 20em;
+  text-overflow: ellipsis;
 }
 
-.tabbody {
-    background: white;
-    padding: 1em 2em;
+.autocomplete-suggestion [itemtype] .minor {
+  color: (--secondary-label-color);
+  font-size: var(--font-size-small);
 }
 
-/* splinter */
-
-#splinter-files .new-line, #splinter-files .old-line {
-    font-size: 90%;
+.autocomplete-suggestion [itemtype] .blocked {
+  margin-left: 8px;
+  border-radius: 12px;
+  padding: 1px 6px 1px 3px;
+  color: rgb(var(--accent-color-red-1));
+  background-color: var(--secondary-button-background-color);
+  opacity: 1;
 }
 
-/* search */
-
-#summary_field.search_field_row input {
-    padding-bottom: 6px;
+.autocomplete-suggestion [itemtype] .blocked .icon::before {
+  font-size: 15px;
+  font-family: 'Material Icons';
+  vertical-align: -3px;
+  content: '\E033';
 }
 
-#header .btn, #header .txt {
-    font-size: 100%;
+.autocomplete-selected {
+  color: var(--selected-control-foreground-color);
+  background-color: var(--selected-control-background-color);
 }
 
-#header #information {
-    color: #dddddd;
-    font-size: small;
+.autocomplete-running {
+  background-image: url('../../images/throbber.gif') !important;
+  background-repeat: no-repeat !important;
+  background-position: right 8px center !important;
 }
 
-pre {
-    font-size: medium;
-}
+/**
+ * tabs
+ */
 
-#attachment_table {
-    width: 50em;
+table.tabs {
+  border-collapse: separate;
+  border-spacing: 1em 0;
 }
 
-#page-index #quicksearchForm {
-    padding-top: 20px;
+table.tabs td {
+  border-top: 4px solid transparent;
+  padding: 1em;
+  text-align: center;
+  font-size: var(--font-size-x-large);
 }
 
-/* createaccount styling */
-.support_div {
-    width: 40%;
-    font-size: 80%;
+table.tabs td.selected {
+  position: relative;
+  border-color: var(--selected-tab-border-color);
+  color: var(--selected-tab-foreground-color);
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+  font-weight: 500;
 }
 
-.support_div > img {
-  padding: 5px 20px;
+table.tabs td.selected::before,
+table.tabs td.selected::after {
+  position: absolute;
+  height: 16px;
+  background: var(--primary-region-background-color); /* Hide the shadow of .tabbody */
+  content: '';
 }
 
-a {
-  text-decoration: none;
+table.tabs td.selected::before {
+  top: 100%;
+  left: -8px;
+  width: calc(100% + 16px);
 }
 
-a:hover {
-  text-decoration: underline;
+table.tabs td.selected::after {
+  bottom: -8px;
+  left: 0;
+  width: 100%;
 }
 
-a.controller {
-    font-size: 100%;
-    border: 1px solid #c0c0c0;
-    padding: 3px;
+table.tabs a {
+  color: inherit;
 }
 
-.group_secure > th > a {
-    background-image: url("../../images/padlock.png");
-    background-position: center left;
-    background-repeat: no-repeat;
-    padding-left: 18px;
+table.tabs .clickable_area {
+  cursor: pointer;
 }
 
-.highlighted {
-    background: lightyellow;
+.tabbody {
+  border-radius: var(--primary-region-border-radius);
+  padding: 1em 2em;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-/* user dropdown menu down-arrow */
-.vcard a .fn:after, .vcard a .ln:after {
-    content: ' \25BE';
-}
+/**
+ * Dropdown Menus
+ */
 
-/******************/
-/* Dropdown Menus */
-/******************/
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
   position: relative;
@@ -1902,13 +1830,14 @@ a.controller {
   margin: 0;
   border-width: 1px;
   border-style: solid;
-  border-color: #BBB #999 #777;
-  border-radius: 4px;
+  border-color: var(--menu-border-color);
+  border-radius: var(--menu-border-radius);
   padding: 4px 0;
   min-width: 160px;
   max-width: 400px;
-  background-color: #FCFCFC;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
+  color: var(--menu-foreground-color);
+  background-color: var(--menu-background-color);
+  box-shadow: var(--menu-box-shadow);
   text-align: left;
 }
 
@@ -1949,22 +1878,22 @@ a.controller {
 
 .dropdown-content:not(.menu-up)::before {
   top: -17px;
-  border-bottom-color: #BBB;
+  border-bottom-color: var(--menu-border-color);
 }
 
 .dropdown-content:not(.menu-up)::after {
   top: -16px;
-  border-bottom-color: #FFF;
+  border-bottom-color: var(--menu-background-color);
 }
 
 .dropdown-content.menu-up::before {
   bottom: -17px;
-  border-top-color: #BBB;
+  border-top-color: var(--menu-border-color);
 }
 
 .dropdown-content.menu-up::after {
   bottom: -16px;
-  border-top-color: #FFF;
+  border-top-color: var(--menu-border-color);
 }
 
 .dropdown-content ul,
@@ -1979,12 +1908,11 @@ a.controller {
 .dropdown-content li > div {
   display: block;
   box-sizing: border-box;
-  padding: 2px 8px 2px 24px;
+  padding: 4px 8px 4px 24px;
   width: 100%;
-  color: #555;
-  line-height: 1.5;
-  white-space: nowrap;
+  color: inherit;
   background: none transparent;
+  white-space: nowrap;
 }
 
 .dropdown-content [role^="menuitem"],
@@ -2002,14 +1930,10 @@ a.controller {
 .dropdown-content [role="option"]:focus,
 .dropdown-content [role="option"]:active,
 .dropdown-content [role="option"].active {
-  color: #333;
-  background-color: rgba(0, 0, 0, .1) !important;
+  background-color: var(--hovered-menuitem-background-color) !important;
 }
 
 .dropdown-content button[role^="menuitem"] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
   outline: 0;
   border: 0;
   border-radius: 0;
@@ -2018,8 +1942,8 @@ a.controller {
   text-align: left;
 }
 
-.dropdown-content button[role^="menuitem"]::-moz-focus-inner {
-  border: 0;
+.dropdown-content button[role^="menuitem"]:disabled {
+  background-color: transparent !important;
 }
 
 .dropdown-content [role="menuitemcheckbox"][aria-checked="true"]::before {
@@ -2035,7 +1959,7 @@ a.controller {
 .dropdown-content [role="separator"] {
   height: 0;
   margin: 4px 0 !important;
-  border-bottom: 1px solid #BBB;
+  border-bottom: 1px solid var(--menu-border-color);
 }
 
 .dropdown-panel {
@@ -2045,15 +1969,15 @@ a.controller {
 }
 
 .dropdown-panel header {
-  border-bottom: 1px solid #CCC;
+  border-bottom: 1px solid var(--menu-border-color);
 }
 
 .dropdown-panel h2 {
   margin: 0;
   padding: 8px 12px;
-  font-size: 14px;
+  color: var(--secondary-label-color);
+  font-size: var(--font-size-x-large);
   line-height: 100%;
-  font-weight: normal;
 }
 
 .dropdown-panel ul {
@@ -2065,7 +1989,7 @@ a.controller {
 }
 
 .dropdown-panel li:not(:last-child) {
-  border-bottom: 1px solid #CCC;
+  border-bottom: 1px solid var(--menu-border-color);
 }
 
 .dropdown-panel li a {
@@ -2073,7 +1997,7 @@ a.controller {
 }
 
 .dropdown-panel li a:hover {
-  background-color: rgba(0, 0, 0, .05) !important;
+  background-color: var(--hovered-menuitem-background-color) !important;
 }
 
 .dropdown-panel li a * {
@@ -2086,7 +2010,7 @@ a.controller {
 
 .dropdown-panel .notifications img {
   float: left;
-  border-radius: 50%;
+  border-radius: 4px;
   width: 40px;
   height: 40px;
 }
@@ -2107,12 +2031,13 @@ a.controller {
 }
 
 .dropdown-panel .notifications strong {
-  font-weight: 600;
+  font-weight: bold;
 }
 
 .dropdown-panel .notifications time {
-  font-size: 12px;
-  color: #999;
+  margin-top: 4px;
+  color: var(--tertiary-label-color);
+  font-size: var(--font-size-small);
 }
 
 .dropdown-panel .notifications .secure .icon {
@@ -2131,274 +2056,255 @@ a.controller {
   align-items: center;
   justify-content: center;
   height: 240px;
-  line-height: 150%;
+  line-height: var(--line-height-comfortable);
   text-align: center;
 }
 
 .dropdown-panel footer {
-  border-top: 1px solid #CCC;
+  border-top: 1px solid var(--menu-border-color);
+  color: var(--secondary-label-color);
   text-align: center;
 }
 
 .dropdown-panel footer a {
   padding: 8px 16px !important;
+  color: inherit;
   line-height: 100% !important;
 }
 
-pre.comment-text {
-    white-space: pre-wrap;
-    line-height: 1.2;
-    font-size: 13px;
-    font-family: "Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
-    background: #fff;
-    color: #222;
-    margin: 0;
-    overflow: auto;
-    padding: 8px;
-}
+/**
+ * Comments
+ */
 
-.comment-text span.quote, .comment-text span.quote_wrapped {
-    background: #eee !important;
-    color: #444 !important;
-    display: block !important;
-    padding: 5px !important;
-    display: inline-block !important;
-    width: 99% !important;
+.bz_comment_table td {
+  vertical-align: top;
 }
 
-.comment-text.bz_private {
-    color: darkred;
-    border: 1px dashed darkred;
+.bz_comment {
+  width: 65em !important;
+  margin: 0 0 20px;
 }
 
-.comment-text.empty {
-  color: #666;
+/* tbody.file pre is for the Diff view of attachments. */
+pre.bz_comment_text,
+.uneditable_textarea,
+tbody.file pre {
+  white-space: pre-wrap;
 }
 
-/* Markdown styling adapted from https://github.com/sindresorhus/github-markdown-css */
-
-.markdown-body {
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
+.bz_comment_text {
+  position: relative;
   overflow: auto;
-  padding: 8px;
-  line-height: 1.5;
-  color: #24292e;
-  background-color: #ffffff;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
+  margin: 1px 0 0 0;
+  padding: 10px;
+  width: 50em;
+  color: var(--primary-text-color);
+  background: var(--primary-text-background-color);
+  border-bottom: 1px solid var(--primary-region-border-color);
+}
+
+.bz_comment_text:after,
+.bz_comment_text:before {
+  bottom: 100%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
 }
 
-.markdown-body .pl-c {
-  color: #6a737d;
+.bz_comment_text span.quote,
+.bz_comment_text span.quote_wrapped,
+div.bz_comment_text pre {
+  display: block !important;
+  overflow: auto;
+  margin-top: 5px !important;
+  margin-bottom: -10px !important;
+  padding: 5px !important;
+  color: var(--secondary-text-color) !important;
+  background: var(--secondary-text-background-color) !important;
+  white-space: pre;
 }
 
-.markdown-body .pl-c1,
-.markdown-body .pl-s .pl-v {
-  color: #005cc5;
+.bz_comment_tags {
+  background: #eee;
+  border-top: 1px solid var(--primary-region-border-color);
+  padding: 5px;
 }
 
-.markdown-body .pl-e,
-.markdown-body .pl-en {
-  color: #6f42c1;
+.bz_comment_tag {
+  background-color: var(--control-background-color);
+  color: var(--secondary-label-color);
+  border: none;
+  padding: 2px 6px;
 }
 
-.markdown-body .pl-smi,
-.markdown-body .pl-s .pl-s1 {
-  color: #24292e;
+.bz_comment_user,
+.bz_comment_time,
+.bz_comment_number,
+.bz_private_checkbox,
+.bz_comment_actions {
+  margin: 0 .5em;
 }
 
-.markdown-body .pl-ent {
-  color: #22863a;
+.bz_comment_actions,
+.bz_comment_number,
+.bz_private_checkbox {
+  float: right;
 }
 
-.markdown-body .pl-k {
-  color: #d73a49;
+.bz_collapse_expand_comments {
+  padding: 0;
+  margin: 0 0 0 1em;
+  list-style-type: none;
 }
 
-.markdown-body .pl-s,
-.markdown-body .pl-pds,
-.markdown-body .pl-s .pl-pse .pl-s1,
-.markdown-body .pl-sr,
-.markdown-body .pl-sr .pl-cce,
-.markdown-body .pl-sr .pl-sre,
-.markdown-body .pl-sr .pl-sra {
-  color: #032f62;
+.bz_collapse_expand_comments li {
+  margin-bottom: .5em;
 }
 
-.markdown-body .pl-v,
-.markdown-body .pl-smw {
-  color: #e36209;
+.bz_collapse_comment {
+  text-decoration: none;
 }
 
-.markdown-body .pl-bu {
-  color: #b31d28;
+.bz_private_checkbox input {
+  margin: 0;
+  vertical-align: middle;
 }
 
-.markdown-body .pl-ii {
-  color: #fafbfc;
-  background-color: #b31d28;
+.bz_comment_head,
+.bz_first_comment_head {
+  margin-left: -5px;
+  padding: 1px 0 2px 0;
+  background-color: var(--primary-region-header-background-color);
+  line-height: 32px;
+  white-space: nowrap;
 }
 
-.markdown-body .pl-c2 {
-  color: #fafbfc;
-  background-color: #d73a49;
+.bz_comment_head img,
+.bz_first_comment_head img {
+  vertical-align: middle;
 }
 
-.markdown-body .pl-c2::before {
-  content: "^M";
+.bz_comment_actions {
+  margin: 0;
 }
 
-.markdown-body .pl-sr .pl-cce {
-  font-weight: bold;
-  color: #22863a;
+.bz_comment_user_images img {
+  vertical-align: bottom;
 }
 
-.markdown-body .pl-ml {
-  color: #735c0f;
+.bz_comment_hilite pre {
+  margin: 0;
+  padding: 1em 0;
+  background-color: lightgreen;
 }
 
-.markdown-body .pl-mh,
-.markdown-body .pl-mh .pl-en,
-.markdown-body .pl-ms {
-  font-weight: bold;
-  color: #005cc5;
+.bz_comment_collapse_reason,
+.bz_default_collapsed .bz_comment_number {
+  font-weight: normal;
 }
 
-.markdown-body .pl-mi {
-  font-style: italic;
-  color: #24292e;
+#comment_tabs {
+  margin: 4px 8px 0;
+  border-spacing: 0;
+  padding: 0 !important;
 }
 
-.markdown-body .pl-mb {
-  font-weight: bold;
-  color: #24292e;
+.comment_tab {
+  padding: 4px 8px;
 }
 
-.markdown-body .pl-md {
-  color: #b31d28;
-  background-color: #ffeef0;
+#comment_preview_loading {
+  font-style: italic;
 }
 
-.markdown-body .pl-mi1 {
-  color: #22863a;
-  background-color: #f0fff4;
+#comment_preview {
+  display: block;
+  clear: both;
+  border: 1px solid var(--control-border-color);
+  padding: 12px;
+  color: var(--primary-text-color);
+  background-color: var(--primary-text-background-color);
 }
 
-.markdown-body .pl-mc {
-  color: #e36209;
-  background-color: #ffebda;
+pre#comment_preview_text {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  padding: 0;
 }
 
-.markdown-body .pl-mi2 {
-  color: #f6f8fa;
-  background-color: #005cc5;
+#comment {
+  padding: 12px;
 }
 
-.markdown-body .pl-mdr {
-  font-weight: bold;
-  color: #6f42c1;
+#bugzilla-etiquette,
+#comment-markdown-tip {
+  font-size: var(--font-size-small);
 }
 
-.markdown-body .pl-ba {
-  color: #586069;
+.comment-text {
+  overflow: auto;
+  padding: 12px;
+  color: var(--primary-text-color);
+  background: var(--primary-text-background-color);
+  line-height: var(--line-height-comfortable);
 }
 
-.markdown-body .pl-sg {
-  color: #959da5;
+pre.comment-text {
+  margin: 0;
+  white-space: pre-wrap;
+  font-size: calc(var(--font-size-x-large) * 90%);
 }
 
-.markdown-body .pl-corl {
-  text-decoration: underline;
-  color: #032f62;
+.comment-text span.quote,
+.comment-text span.quote_wrapped {
+  display: inline-block !important;
+  padding: 5px !important;
+  width: 99% !important;
+  color: var(--secondary-text-color) !important;
+  background: var(--secondary-text-background-color) !important;
 }
 
-.markdown-body a {
-  background-color: transparent;
+.comment-text.bz_private {
+  color: rgb(var(--accent-color-red-2));
+  border: 1px dashed rgb(var(--accent-color-red-2));
 }
 
-.markdown-body a:active,
-.markdown-body a:hover {
-  outline-width: 0;
+.comment-text.empty {
+  color: var(--tertiary-label-color) !important;
 }
 
-.markdown-body strong {
-  font-weight: inherit;
-}
+/**
+ * Markdown styling adapted from https://github.com/sindresorhus/github-markdown-css
+ */
 
-.markdown-body strong {
-  font-weight: bolder;
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  font-size: var(--font-size-x-large);
+  word-wrap: break-word;
 }
 
-.markdown-body h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
+.markdown-body * {
+  box-sizing: border-box;
 }
 
 .markdown-body img {
   border-style: none;
 }
 
-.markdown-body code,
-.markdown-body kbd,
-.markdown-body pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
 .markdown-body hr {
   display: block !important;
   box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-.markdown-body input {
-  font: inherit;
-  margin: 0;
-}
-
-.markdown-body input {
-  overflow: visible;
-}
-
-.markdown-body [type="checkbox"] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.markdown-body * {
-  box-sizing: border-box;
-}
-
-.markdown-body input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.markdown-body a {
-  color: #0366d6;
-  text-decoration: none;
-}
-
-.markdown-body a:hover {
-  text-decoration: underline;
-}
-
-.markdown-body strong {
-  font-weight: 600;
-}
-
-.markdown-body hr {
-  height: 0;
-  margin: 15px 0;
   overflow: hidden;
-  background: transparent;
+  margin: 24px 0;
   border: 0;
-  border-bottom: 1px solid #dfe2e5;
+  padding: 0;
+  height: .25em;
+  background-color: var(--secondary-text-border-color);
 }
 
 .markdown-body hr::before {
@@ -2412,6 +2318,11 @@ pre.comment-text {
   content: "";
 }
 
+.markdown-body [type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
 .markdown-body table {
   border-spacing: 0;
   border-collapse: collapse;
@@ -2422,46 +2333,6 @@ pre.comment-text {
   padding: 0;
 }
 
-.markdown-body h1,
-.markdown-body h2,
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.markdown-body h1 {
-  font-size: 30px;
-  font-weight: 600;
-}
-
-.markdown-body h2 {
-  font-size: 22px;
-  font-weight: 600;
-}
-
-.markdown-body h3 {
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.markdown-body h4 {
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.markdown-body h5 {
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.markdown-body h6 {
-  font-size: 10px;
-  font-weight: 600;
-}
-
 .markdown-body p {
   margin-top: 0;
   margin-bottom: 10px;
@@ -2494,44 +2365,9 @@ pre.comment-text {
   margin-left: 0;
 }
 
-.markdown-body code {
-  font-family: "Fira Mono","Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
-  font-size: 13px;
-}
-
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
-  font-family: "Fira Mono","Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
-  font-size: 13px;
-}
-
-.markdown-body .pl-0 {
-  padding-left: 0 !important;
-}
-
-.markdown-body .pl-1 {
-  padding-left: 4px !important;
-}
-
-.markdown-body .pl-2 {
-  padding-left: 8px !important;
-}
-
-.markdown-body .pl-3 {
-  padding-left: 16px !important;
-}
-
-.markdown-body .pl-4 {
-  padding-left: 24px !important;
-}
-
-.markdown-body .pl-5 {
-  padding-left: 32px !important;
-}
-
-.markdown-body .pl-6 {
-  padding-left: 40px !important;
 }
 
 .markdown-body::before {
@@ -2545,11 +2381,11 @@ pre.comment-text {
   content: "";
 }
 
-.markdown-body>*:first-child {
+.markdown-body > *:first-child {
   margin-top: 0 !important;
 }
 
-.markdown-body>*:last-child {
+.markdown-body > *:last-child {
   margin-bottom: 0 !important;
 }
 
@@ -2577,45 +2413,23 @@ pre.comment-text {
 .markdown-body table,
 .markdown-body pre {
   margin-top: 0;
-  margin-bottom: 16px;
-}
-
-.markdown-body hr {
-  height: 0.25em;
-  padding: 0;
-  margin: 24px 0;
-  background-color: #e1e4e8;
-  border: 0;
+  margin-bottom: 12px;
 }
 
 .markdown-body blockquote {
   padding: 0 1em;
-  color: #6a737d;
-  border-left: 0.25em solid #dfe2e5;
+  color: var(--secondary-text-color);
+  border-left: .25em solid var(--secondary-text-border-color);
 }
 
-.markdown-body blockquote>:first-child {
+.markdown-body blockquote > :first-child {
   margin-top: 0;
 }
 
-.markdown-body blockquote>:last-child {
+.markdown-body blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.markdown-body kbd {
-  display: inline-block;
-  padding: 3px 5px;
-  font-size: 11px;
-  line-height: 10px;
-  color: #444d56;
-  vertical-align: middle;
-  background-color: #fafbfc;
-  border: solid 1px #c6cbd1;
-  border-bottom-color: #959da5;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #959da5;
-}
-
 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
@@ -2623,8 +2437,8 @@ pre.comment-text {
 .markdown-body h5,
 .markdown-body h6 {
   margin-top: 24px;
-  margin-bottom: 16px;
-  font-weight: 600;
+  margin-bottom: 12px;
+  font-weight: bold;
   line-height: 1.25;
 }
 
@@ -2638,15 +2452,15 @@ pre.comment-text {
 }
 
 .markdown-body h1 {
-  padding-bottom: 0.3em;
+  padding-bottom: .3em;
   font-size: 2em;
-  border-bottom: 1px solid #eaecef;
+  border-bottom: 1px solid var(--secondary-text-border-color);
 }
 
 .markdown-body h2 {
-  padding-bottom: 0.3em;
+  padding-bottom: .3em;
   font-size: 1.5em;
-  border-bottom: 1px solid #eaecef;
+  border-bottom: 1px solid var(--secondary-text-border-color);
 }
 
 .markdown-body h3 {
@@ -2658,12 +2472,12 @@ pre.comment-text {
 }
 
 .markdown-body h5 {
-  font-size: 0.875em;
+  font-size: .875em;
 }
 
 .markdown-body h6 {
-  font-size: 0.85em;
-  color: #6a737d;
+  font-size: .85em;
+  color: var(--secondary-text-color);
 }
 
 .markdown-body ul,
@@ -2683,12 +2497,12 @@ pre.comment-text {
   word-wrap: break-all;
 }
 
-.markdown-body li>p {
+.markdown-body li > p {
   margin-top: 16px;
 }
 
-.markdown-body li+li {
-  margin-top: 0.25em;
+.markdown-body li + li {
+  margin-top: .25em;
 }
 
 .markdown-body dl {
@@ -2700,7 +2514,7 @@ pre.comment-text {
   margin-top: 16px;
   font-size: 1em;
   font-style: italic;
-  font-weight: 600;
+  font-weight: bold;
 }
 
 .markdown-body dl dd {
@@ -2712,31 +2526,23 @@ pre.comment-text {
   display: block;
   width: 100%;
   overflow: auto;
-}
-
-.markdown-body table th {
-  font-weight: 600;
+  border-top: 1px solid var(--grid-border-color);
 }
 
 .markdown-body table th,
 .markdown-body table td {
-  padding: 6px 13px;
-  border: 1px solid #dfe2e5;
+  padding: 8px;
 }
 
 .markdown-body table tr {
-  background-color: #fff;
-  border-top: 1px solid #c6cbd1;
-}
-
-.markdown-body table tr:nth-child(2n) {
-  background-color: #f6f8fa;
+  border-bottom: 1px solid var(--grid-border-color);
+  background-color: var(--control-background-color);
 }
 
 .markdown-body img {
   max-width: 100%;
   box-sizing: content-box;
-  background-color: #fff;
+  background-color: var(--control-background-color);
 }
 
 .markdown-body img[align=right] {
@@ -2748,9 +2554,9 @@ pre.comment-text {
 }
 
 .markdown-body code {
-  padding: 0.2em 0.4em;
+  padding: .2em .4em;
   margin: 0;
-  background-color: rgba(27,31,35,0.05);
+  background-color: var(--secondary-text-background-color);
   border-radius: 3px;
 }
 
@@ -2759,7 +2565,7 @@ pre.comment-text {
   word-wrap: normal;
 }
 
-.markdown-body pre>code {
+.markdown-body pre > code {
   padding: 0;
   margin: 0;
   font-size: 100%;
@@ -2782,7 +2588,7 @@ pre.comment-text {
 .markdown-body pre {
   overflow: auto;
   line-height: 1.45;
-  background-color: #f6f8fa;
+  background-color: var(--secondary-text-background-color);
   border-radius: 3px;
 }
 
@@ -2798,51 +2604,36 @@ pre.comment-text {
   border: 0;
 }
 
-.markdown-body .full-commit .btn-outline:not(:disabled):hover {
-  color: #005cc5;
-  border-color: #005cc5;
-}
-
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
-  font: 11px "Fira Mono","Droid Sans Mono",Menlo,Monaco,"Courier New",monospace;
   line-height: 10px;
-  color: #444d56;
+  color: var(--secondary-text-color);
   vertical-align: middle;
-  background-color: #fafbfc;
-  border: solid 1px #d1d5da;
-  border-bottom-color: #c6cbd1;
+  background-color: var(--secondary-text-background-color);
   border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #c6cbd1;
-}
-
-.markdown-body :checked+.radio-label {
-  position: relative;
-  z-index: 1;
-  border-color: #0366d6;
 }
 
 .markdown-body .task-list-item {
   list-style-type: none;
 }
 
-.markdown-body .task-list-item+.task-list-item {
+.markdown-body .task-list-item + .task-list-item {
   margin-top: 3px;
 }
 
 .markdown-body .task-list-item input {
-  margin: 0 0.2em 0.25em -1.6em;
+  margin: 0 .2em .25em -1.6em;
   vertical-align: middle;
 }
 
-.markdown-body hr {
-  border-bottom-color: #eee;
-}
-
-/* Bug types */
+/**
+ * Bug status & types
+ */
 
 :root {
+  --bug-status-color-open: #229921;
+  --bug-status-color-closed: #1B6AB8;
   --bug-type-color-defect: #EA3C3D;
   --bug-type-color-enhancement: #2ABA27;
   --bug-type-color-task: #2886C9;
@@ -2884,3 +2675,14 @@ pre.comment-text {
 .bug-type-label.iconic-text .icon::before {
   vertical-align: bottom;
 }
+
+/**
+ * Print media
+ */
+
+@media print {
+  #header,
+  div.bz_query_buttons {
+    display: none;
+  }
+}
diff --git a/skins/standard/global/body-back.gif b/skins/standard/global/body-back.gif
deleted file mode 100644
index 72a0d3ee6a..0000000000
Binary files a/skins/standard/global/body-back.gif and /dev/null differ
diff --git a/skins/standard/global/header.png b/skins/standard/global/header.png
deleted file mode 100644
index eca3f35ec9..0000000000
Binary files a/skins/standard/global/header.png and /dev/null differ
diff --git a/skins/standard/guided.css b/skins/standard/guided.css
index efecfe3ceb..8092e84289 100644
--- a/skins/standard/guided.css
+++ b/skins/standard/guided.css
@@ -1,4 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
 #somebugs {
-    width: 100%;
-    height: 500px;
+  width: 100%;
+  height: 500px;
 }
diff --git a/skins/standard/index.css b/skins/standard/index.css
index 62b7deb3f5..b70190cbde 100644
--- a/skins/standard/index.css
+++ b/skins/standard/index.css
@@ -1,181 +1,151 @@
- /* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Vitaly Harisov <vitaly@rathedg.com>
-  *                 Guy Pyrzak <guy.pyrzak@gmail.com>
-  */
-
-/* index page (begin) */
-
-    #page-index
-    {
-        margin: 50px 0;
-        padding: 0.2em 0.2em 0.15em 0.2em;
-        max-width: none;
-    }
-
-    /* By default these contain nothing, but these CSS rules make things
-       easier on customizers. */
-    .intro, .outro {
-        text-align: center;
-    }
-
-    /* Hide from NN4 */
-
-    #new_release
-    {
-        border: 2px solid red;
-        padding: 0.5em 1em;
-        margin: 1em;
-        font-weight: bold;
-    }
-
-    #new_release .notice
-    {
-        font-size: 80%;
-        font-weight: normal;
-    }
-
-    #welcome-admin a
-    {
-        font-weight: bold;
-    }
-
-    #quicksearchForm
-    {
-        clear: both;
-        text-align: center;
-        margin-bottom: 2em;
-    }
-
-    #quicksearchForm #quicksearch_main
-    {
-        width: 27em;
-    }
-
-    #quicksearchForm
-    {
-        margin: 0;
-        padding: 0;
-    }
-
-    #page-index table{
-        border-collapse: collapse;
-        margin: auto;
-    }
-
-    #welcome
-    {
-        font-size: x-large;
-        font-weight: bold;
-        text-align: center;
-        margin: 0 0 0.8em 0;
-        padding: 0;
-    }
-
-    #tiles {
-      display: flex;
-      margin: 32px 0;
-      padding: 0;
-      list-style-type: none;
-    }
-
-    #tiles li {
-      flex: none;
-      margin: 0;
-      padding: 0;
-    }
-
-    #tiles a {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      border-radius: 8px;
-      width: 160px;
-      height: 160px;
-    }
-
-    #tiles a:hover,
-    #tiles a:focus,
-    #tiles a:active {
-      background-color: rgba(0, 0, 0, .05);
-      text-decoration: none;
-    }
-
-    #tiles span {
-      display: block;
-    }
-
-    #tiles .icon {
-      width: 120px;
-      height: 120px;
-      font-size: 120px;
-      line-height: 120px;
-      font-family: "Material Icons";
-      color: #777;
-    }
-
-    #tile-docs .icon::before {
-      content: "\E887";
-    }
-
-    #tile-search .icon::before {
-      content: "\E8A0";
-    }
-
-    #tile-new-bug .icon::before {
-      content: "\E89C";
-    }
-
-    #tile-prefs .icon::before {
-      content: "\E8B8";
-    }
-
-    #tile-new-account .icon::before,
-    #tile-login .icon::before {
-      content: "\E853";
-    }
-
-    #tiles .label {
-      margin-top: 4px;
-      font-size: 14px;
-      color: #555;
-    }
-
-    ul.additional_links
-    {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-    }
-
-    ul#quicksearch_links{
-        margin-bottom: 1em;
-    }
-
-    ul.additional_links li
-    {
-        display: inline;
-    }
-
-    ul.additional_links li.bz_default_hidden
-    {
-        display: none;
-    }
-
-    input.quicksearch_help_text
-    {
-        color: #ccc;
-    }
-
-/* index page (end) */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
+
+ /* index page (begin) */
+
+ #page-index {
+   margin: 50px 0;
+   padding: 0.2em 0.2em 0.15em 0.2em;
+   max-width: none;
+ }
+
+ /* By default these contain nothing, but these CSS rules make things
+    easier on customizers. */
+ .intro,
+ .outro {
+   text-align: center;
+ }
+
+ #new_release {
+   margin: 1em;
+   border: 2px solid rgb(var(--accent-color-red-1));
+   padding: 0.5em 1em;
+   font-weight: bold;
+ }
+
+ #new_release .notice {
+   font-size: var(--font-size-small);
+   font-weight: normal;
+ }
+
+ #welcome-admin a {
+   font-weight: bold;
+ }
+
+ #quicksearchForm {
+   clear: both;
+   text-align: center;
+   margin-bottom: 2em;
+ }
+
+ #quicksearchForm #quicksearch_main {
+   width: 27em;
+ }
+
+ #quicksearchForm {
+   margin: 20px 0 0;
+   padding: 0;
+ }
+
+ #page-index table {
+   border-collapse: collapse;
+   margin: auto;
+ }
+
+ #welcome {
+   text-align: center;
+   margin: 0 0 0.8em 0;
+   padding: 0;
+ }
+
+ #tiles {
+   display: flex;
+   margin: 32px 0;
+   padding: 0;
+   list-style-type: none;
+ }
+
+ #tiles li {
+   flex: none;
+   margin: 0;
+   padding: 0;
+ }
+
+ #tiles a {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   border-radius: 8px;
+   width: 160px;
+   height: 160px;
+   color: var(--secondary-label-color);
+ }
+
+ #tiles a:hover,
+ #tiles a:focus,
+ #tiles a:active {
+   color: var(--link-text-hover-color);
+   text-decoration: none;
+ }
+
+ #tiles span {
+   display: block;
+ }
+
+ #tiles .icon {
+   width: 120px;
+   height: 120px;
+   font-size: 120px;
+   line-height: 120px;
+   font-family: "Material Icons";
+   color: inherit;
+ }
+
+ #tile-docs .icon::before {
+   content: "\E887";
+ }
+
+ #tile-search .icon::before {
+   content: "\E8A0";
+ }
+
+ #tile-new-bug .icon::before {
+   content: "\E89C";
+ }
+
+ #tile-prefs .icon::before {
+   content: "\E8B8";
+ }
+
+ #tile-new-account .icon::before,
+ #tile-login .icon::before {
+   content: "\E853";
+ }
+
+ #tiles .label {
+   margin-top: 4px;
+ }
+
+ ul.additional_links {
+   list-style: none;
+   margin: 0;
+   padding: 0;
+ }
+
+ ul#quicksearch_links {
+   margin: 1em 0;
+ }
+
+ ul.additional_links li {
+   display: inline;
+ }
+
+ ul.additional_links li.bz_default_hidden {
+   display: none;
+ }
diff --git a/skins/standard/mobile.css b/skins/standard/mobile.css
index e777cabd84..5a6b9180d6 100644
--- a/skins/standard/mobile.css
+++ b/skins/standard/mobile.css
@@ -6,57 +6,59 @@
  * defined by the Mozilla Public License, v. 2.0.
  */
 
-@media
-only screen and (max-device-width : 720px) {
-    #header {
-        display: none;
-    }
-    .cookie-notify {
-        display: none;
-    }
-
-    #login .field-login label, #login .field-password label {
-        display: block;
-    }
-
-    #login .field-login, #login .field-password {
-        line-height: auto;
-        padding-top: 0px;
-        padding-bottom: 0px;
-    }
-
-    #login .field-remember {
-        margin-left: 0px;
-    }
-    #login .field-submit {
-        padding-top: 4px;
-    }
-
-    h1 {
-        font-size: 1.5em;
-    }
-
-    .verify-totp input[type="text"] {
-        font-size: 28px;
-    }
-
-    .verify-totp input[type="submit"] {
-        font-size: 1em;
-    }
+@media only screen and (max-device-width: 720px) {
+  #header {
+    display: none;
+  }
+
+  .cookie-notify {
+    display: none;
+  }
+
+  #login .field-login label,
+  #login .field-password label {
+    display: block;
+  }
+
+  #login .field-login,
+  #login .field-password {
+    padding-top: 0;
+    padding-bottom: 0;
+    line-height: auto;
+  }
+
+  #login .field-remember {
+    margin-left: 0;
+  }
+
+  #login .field-submit {
+    padding-top: 4px;
+  }
+
+  h1 {
+    font-size: var(--line-height-comfortable);
+  }
+
+  .verify-totp input[type="text"] {
+    font-size: var(--font-size-h2);
+  }
+
+  .verify-totp input[type="submit"] {
+    font-size: inherit;
+  }
 }
 
-@media
-only screen and (-webkit-min-device-pixel-ratio: 2),
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min--moz-device-pixel-ratio: 2),
 only screen and (-o-min-device-pixel-ratio: 2/1),
 only screen and (min-device-pixel-ratio: 2),
 only screen and (min-resolution: 192dpi),
 only screen and (min-resolution: 2dppx) {
-    body {
-        font-size: medium;
-    }
+  body {
+    font-size: medium;
+  }
 
-    label.checkbox-note {
-        font-size: small;
-    }
+  label.checkbox-note {
+    font-size: small;
+  }
 }
diff --git a/skins/standard/page.css b/skins/standard/page.css
index 82d4bacb16..5451c227dc 100644
--- a/skins/standard/page.css
+++ b/skins/standard/page.css
@@ -1,29 +1,24 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Initial Developer of the Original Code is Everything Solved.
-  * Portions created by Everything Solved are Copyright (C) 2006
-  * Everything Solved. All Rights Reserved.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Max Kanat-Alexander <mkanat@bugzilla.org>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
 
 /* This CSS is used by various informational pages in the
    template/en/default/pages/ directory. */
 
 #main-inner {
-    margin: 15px auto;
-    /* People have an easier time reading narrower columns of text. */
-    max-width: 45em;
+  margin: 15px auto;
+  /* People have an easier time reading narrower columns of text. */
+  max-width: 50em;
+}
+
+#main-inner p,
+#main-inner ul {
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-comfortable);
 }
 
 /*****************/
@@ -31,16 +26,17 @@
 /*****************/
 
 .req_new {
-    color: red;
+  color: rgb(var(--accent-color-red-1));
 }
 
 .req_table {
-    border-collapse: collapse;
+  border-collapse: collapse;
 }
 
-.req_table td, .req_table th {
-    border: 1px solid black;
-    padding: .25em;
+.req_table td,
+.req_table th {
+  border: 1px solid var(--grid-border-color);
+  padding: .25em;
 }
 
 /********************/
@@ -48,21 +44,25 @@
 /********************/
 
 .qs_help li {
-   margin-top: 1ex;
+  margin-top: 1ex;
 }
 
 .qs_fields th {
-    padding: 0 .25em;
+  padding: 0 .25em;
 }
+
 .qs_fields th.field_nickname {
-    text-align: left;
+  text-align: left;
 }
+
 .qs_fields td {
-    padding: .25em;
-    border-top: 1px solid gray;
+  padding: .25em;
+  border-top: 1px solid var(--grid-border-color);
+  line-height: var(--line-height-comfortable);
 }
+
 .qs_fields .field_name {
-    width: 10em;
+  white-space: nowrap;
 }
 
 /***************/
@@ -80,21 +80,20 @@ table.field_value_explanation {
 
 .field_value_explanation .header_row td {
   text-align: center;
-  font-size: 120%;
+  font-size: var(--font-size-x-large);
   font-weight: bold;
 }
 
 .field_value_explanation tbody td {
-  border: 1px solid black;
+  border: 1px solid var(--grid-border-color);
   padding: 1em;
 }
 
 .field_value_explanation dt,
-.field_descriptions dt
-{
+.field_descriptions dt {
   margin-top: 1em;
 }
 
 .field_descriptions dt {
-  font-size: 120%;
+  font-size: var(--font-size-x-large);
 }
diff --git a/skins/standard/params.css b/skins/standard/params.css
index 4eec75261c..b8b4935e3e 100644
--- a/skins/standard/params.css
+++ b/skins/standard/params.css
@@ -1,61 +1,72 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
+
 #menu {
-  width: 10em;
-  margin-top: 1em;
-  margin-right: 0.5em;
-  border: solid thin;
-  border-spacing: 0px;
+  width: 16em;
+  margin: 0 16px 0 0;
   border-collapse: collapse;
-  text-align: center;
-  color: black;
-  background-color: #edf2f2;
-  font-weight: normal;
 }
 
-#menu a:link, #menu a:visited {
-  color: #039;
-  background-color: transparent;
+#menu a {
+  color: inherit;
 }
 
-#menu a:hover, #menu a:active {
-  color: red;
-  background-color: transparent;
+#menu td {
+  padding: 8px 0 8px 8px;
+  border-left: 4px solid transparent;
 }
 
-#menu td {
-  border: solid thin;
-  padding: 0.2em 0.5em;
+#menu td.selected_section {
+  border-color: var(--selected-tab-border-color);
+  color: var(--selected-tab-foreground-color);
+  font-weight: 500;
 }
 
-table td {
-  vertical-align: top;
+#panel-content {
+  border-radius: var(--primary-region-border-radius);
+  padding: 32px;
+  width: 90%;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
 }
 
-td.selected_section {
-  color: #090;
-  background-color: white;
+#panel-content h2 {
+  margin: 0 0 16px;
 }
 
-td.index {
-  color: black;
-  background-color: #edf;
+table td {
+  vertical-align: top;
 }
 
 dt {
-  font-weight: bold;
+  margin: 8px 0;
+  font-size: var(--font-size-h3);
 }
 
 dd {
-  margin-bottom: 1.5em;
+  margin: 8px 0 16px;
+}
+
+dd dt {
+  font-size: var(--font-size-h3);
 }
 
 .sortlist_separator {
-    font-weight: bold;
-    font-size: 80%;
-    background-color: #dddddd;
+  font-size: var(--font-size-small);
+  font-weight: bold;
+  background-color: var(--secondary-button-border-color);
 }
 
 .contribute {
-    border: 1px dotted black;
-    padding: .5em;
-    font-size: small;
+  margin: 16px 16px 0 0;
+  border: 1px solid var(--secondary-region-border-color);
+  padding: 12px;
+  background-color: var(--secondary-region-background-color);
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-comfortable);
 }
diff --git a/skins/standard/search.png b/skins/standard/search.png
deleted file mode 100644
index a56b5e2cd6..0000000000
Binary files a/skins/standard/search.png and /dev/null differ
diff --git a/skins/standard/search_form.css b/skins/standard/search_form.css
index d191fac4d1..cb2d23c98f 100644
--- a/skins/standard/search_form.css
+++ b/skins/standard/search_form.css
@@ -1,35 +1,22 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * The Initial Developer of the Original Code is Guy Pyrzak
-  * Portions created by the Initial Developer are Copyright (C) 2010 the
-  * Initial Developer. All Rights Reserved.
-  *
-  * Contributor(s):
-  *           Guy Pyrzak <guy.pyrzak@gmail.com>
-  */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
 
 #summary_field {
   padding: 1em;
   margin: 1em;
-  border: 1px solid black;
-  background-color: #eee;
+  background-color: var(--secondary-region-background-color);
   white-space: nowrap;
 }
 
 #bug_id_container {
   display: inline-block;
-  vertical-align: middle;
   padding-bottom: 1ex;
+  vertical-align: top;
 }
 
 #bug_id_container input {
@@ -38,9 +25,10 @@
 
 .container_date_from,
 .container_date_to {
-  width: 14em;
   padding-bottom: 1ex;
+  width: 14em;
 }
+
 .container_date_from input,
 .container_date_to input {
   width: 8em;
@@ -50,8 +38,9 @@
   width: 9em;
 }
 
-#bug_id_type{
+#bug_id_type {
   width: inherit;
+  vertical-align: middle;
 }
 
 .search_field_grid {
@@ -60,19 +49,18 @@
 }
 
 .search_field_grid .field_help_link,
-.history_query .field_help_link
-{
+.history_query .field_help_link {
   display: block;
   text-align: left;
 }
 
 #chart .section_help {
-  font-size: 0.8em;
-  font-weight: normal
+  font-size: var(--font-size-small);
+  font-weight: normal;
 }
 
 #bug_id_container .field_help {
-  font-size: 0.75em
+  font-size: var(--font-size-x-small);
 }
 
 .search_field_row {
@@ -80,7 +68,8 @@
   margin-bottom: 0.5em;
 }
 
-.search_field_row .container_date_from, .search_field_row .container_date_to {
+.search_field_row .container_date_from,
+.search_field_row .container_date_to {
   display: inline;
 }
 
@@ -89,22 +78,21 @@
 }
 
 #summary_field.search_field_row input,
-#summary_field.search_field_row select
-{
+#summary_field.search_field_row select {
   display: inline;
-  padding-bottom: 0;
   vertical-align: middle;
 }
 
-.search_field_row .field_label, #field_label_short_desc  {
+.search_field_row .field_label,
+#field_label_short_desc {
   width: 14em;
   display: inline-block;
-  line-height: 2em;
   margin-right: 0.8em;
 }
 
 #field_label_short_desc {
   text-align: right;
+  vertical-align: middle;
 }
 
 #summary_field.search_field_row {
@@ -115,9 +103,7 @@
   padding-bottom: 0;
 }
 
-.search_field_grid .field_label,
-.search_field_grid .field_label
- {
+.search_field_grid .field_label {
   display: block;
   padding-bottom: 1ex;
 }
@@ -127,7 +113,8 @@
   height: 15ex;
 }
 
-.search_field_grid, .search_field_row {
+.search_field_grid,
+.search_field_row {
   padding-left: 1.5em;
 }
 
@@ -144,9 +131,9 @@ ul.bug_changes {
 
 ul.bug_changes li {
   display: inline-block;
+  padding-left: 1.5em;
   width: 14.5em;
   vertical-align: top;
-  padding-left: 1.5em;
 }
 
 ul.bug_changes select {
@@ -154,29 +141,28 @@ ul.bug_changes select {
 }
 
 ul.bug_changes li label {
-   display: block;
+  display: block;
 }
 
 div.bz_section_title {
   display: block;
   margin-top: 2em;
-  font-size: 1.2em;
+  font-size: var(--font-size-h3);
 }
 
 div.bz_section_title a {
+  color: inherit;
   font-weight: bold;
 }
 
 div.bz_section_title span {
-  font-size: 0.75em;
   margin-left: 1em;
+  font-size: var(--font-size-medium);
+  font-style: italic;
 }
 
-#summary_field label {
-  font-weight: bold;
-}
-
-#queryform, #reportform {
+#queryform,
+#reportform {
   margin-bottom: 2em;
 }
 
@@ -186,18 +172,16 @@ div.bz_section_title span {
 
 .hide_people_filter #people_filter_section,
 .hide_history_filter #history_filter_section,
-.hide_detailed_information #detailed_information_section
-{
+.hide_detailed_information #detailed_information_section {
   display: none;
 }
 
 .arrow {
   display: inline;
-  width: 16px;
-  height: 16px;
 }
 
-.bz_search_section, ul.bz_search_section {
+.bz_search_section,
+ul.bz_search_section {
   margin-top: 1em;
 }
 
@@ -207,6 +191,5 @@ div.bz_section_title span {
 
 /* let the browser choose the select height from the "size" param */
 .search_field_grid select {
-    height: auto;
+  height: auto;
 }
-
diff --git a/skins/standard/show_bug.css b/skins/standard/show_bug.css
index 2326e60467..f5105e52f0 100644
--- a/skins/standard/show_bug.css
+++ b/skins/standard/show_bug.css
@@ -1,45 +1,181 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
+
+.navigation {
+  padding: 5px 10px;
+  background: var(--primary-region-background-color);
+}
+
 .bz_alias_short_desc_container {
-    margin: 8px 0;
-    padding: 0.3em;
-    background-color: rgb(208, 208, 208);
-    border-radius: 0.5em;
-    font-size: 125%;
-    font-weight: bold;
+  margin: 8px 0 0;
+  padding: 0.3em;
+  background-color: var(--primary-region-header-background-color);
+  font-size: var(--font-size-h4);
+  font-weight: bold;
+}
+
+.bz_alias_short_desc_container b,
+.bz_alias_short_desc_container .editme {
+    font-weight: normal;
+}
+
+#field_container_see_also br {
+  margin-bottom: 10px;
+}
+
+table.edit_form {
+  position: relative;
+  margin-bottom: 20px;
+  padding: 10px 10px 80px;
+  background-color: var(--primary-region-background-color);
+  box-shadow: var(--primary-region-box-shadow);
+}
+
+table.edit_form tbody {
+  width: 100%;
+}
+
+table.edit_form hr {
+  display: none;
+}
+
+.field_label {
+  padding-right: 10px;
+  vertical-align: baseline;
+  white-space: nowrap;
+  font-weight: normal;
+}
+
+.field_label a,
+.field_label b {
+  color: var(--secondary-label-color);
+}
+
+.field_value .text_input {
+  min-width: 0;
+}
+
+#product,
+#component {
+  width: 235px;
+}
+
+#bz_show_bug_column_1 tr:last-child span {
+  display: block;
+  margin: 8px;
+}
+
+#commit_top {
+  position: absolute;
+  bottom: 20px;
+  right: 10px;
+}
+
+.cc_list_display {
+  float: none;
+  margin-top: 3px;
+  padding: 5px;
+  max-width: none;
+  background: var(--control-background-color);
+  font-size: var(--font-size-small);
+}
+
+#project-flags,
+#custom-flags {
+  border-collapse: collapse;
+}
+
+#project-flags label,
+#custom-flags label {
+  margin-right: 10px;
+}
+
+#cf_crash_signature {
+  width: 100%;
+}
+
+#bz_ctag_error {
+  border: none;
+  padding: 2px 6px;
+  color: var(--error-message-foreground-color);
+  background-color: var(--error-message-background-color);
+}
+
+#bz_ctag_error a {
+  color: var(--link-text-color);
+}
+
+.bz_collapse_expand_comments li {
+  white-space: nowrap;
+}
+
+#add_comment {
+  margin-bottom: 20px;
+  border-top: 1px solid var(--primary-region-border-color);
+  padding: 10px 0;
+}
+
+#add_comment > table {
+  border-collapse: collapse;
+  width: 661px;
+}
+
+.notransition {
+  transition: none !important;
+}
+
+.calendar_button,
+.calendar_button:hover {
+  box-shadow: none;
+  padding: 0;
+}
+
+.related_actions {
+  line-height: 19px;
+  padding: 5px 10px;
 }
 
 .bz_bug .edit_form {
   width: 100%;
 }
+
 .bz_bug .edit_form table {
   width: 100%;
 }
+
 .bz_bug #alias {
-    min-width: 0;
-    width: 10em;
+  min-width: 0;
+  width: 10em;
 }
 
 .flags_label {
-    text-align: left;
+  text-align: left;
 }
+
 table#flags {
-    width: auto;
+  width: auto;
 }
 
 .bz_column_spacer {
-    width: 0.5em;
+  width: 0.5em;
 }
 
 .related_actions {
-    font-size: 0.85em;
-    float: right;
-    list-style-type: none;
-    white-space: nowrap;
-    margin: 0;
-    padding: 0;
+  float: right;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+  font-size: var(--font-size-small);
+  list-style-type: none;
 }
 
 .related_actions li {
-    display: inline;
+  display: inline;
 }
 
 .bz_show_bug_column {
@@ -47,200 +183,213 @@ table#flags {
 }
 
 .bz_section_spacer {
-    height: 1em;
+  height: 1em;
 }
 
 #duplicate_settings {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 #bz_big_form_parts td {
-    vertical-align: top;
+  vertical-align: top;
 }
 
 .bz_group_visibility_section {
-    margin-left: 1em;
+  margin-left: 1em;
 }
 
 .bz_group_visibility_section .instructions {
-    font-style: italic;
+  font-style: italic;
 }
 
 #bz_restrict_group_visibility_help .instructions {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 #bz_enable_role_visibility_help {
-    margin-top: 1em;
+  margin-top: 1em;
 }
 
 .bz_time_tracking_table {
-    border-collapse: collapse;
+  border-collapse: collapse;
 }
 
 .bz_time_tracking_table th {
-    text-align: center;
+  text-align: center;
 }
 
 .bz_time_tracking_table td {
-    text-align: center;
+  text-align: center;
 }
 
 .bz_time_tracking_table th,
 .bz_time_tracking_table td {
-    padding: 4px;
+  padding: 4px;
 }
 
 .bz_time_tracking_table .bz_summarize_time {
-    text-align: right;
+  text-align: right;
 }
+
 .bz_time_tracking_table #deadline {
-    width: 7em;
+  width: 7em;
 }
 
 #summary tr td {
-    vertical-align:top;
+  vertical-align: top;
 }
 
 #status {
-    margin-bottom: 3ex;
+  margin-bottom: 3ex;
 }
 
 .knob-buttons {
-    float: right;
+  float: right;
 }
 
-.text_input, .bz_userfield, #keyword_container {
-    width: 100%;
+.text_input,
+.bz_userfield,
+#keyword_container {
+  width: 100%;
 }
+
 .bz_bug .bz_alias_short_desc_container {
-    width: inherit;
+  width: inherit;
 }
 
 .bz_comment_tags {
-    margin-top: 3px;
+  margin-top: 3px;
 }
 
 .bz_comment_tag {
-    border: 1px solid #c8c8ba;
-    padding: 1px 3px;
-    margin-right: 2px;
-    border-radius: 0.5em;
-    background-color: #eee;
-    color: #000;
+  border: 1px solid var(--secondary-button-border-color);
+  padding: 1px 3px;
+  margin-right: 2px;
+  border-radius: 0.5em;
+  background-color: var(--secondary-button-background-color);
 }
 
 #bz_ctag_div {
-    display: inline-block;
+  display: inline-block;
 }
 
 #bz_ctag_error {
-    border: 1px solid #ff6666;
-    padding: 0px 2px;
-    border-radius: 0.5em;
-    margin: 2px;
-    display: inline-block;
+  display: inline-block;
+  margin: 2px;
+  padding: 0 2px;
+  border: 1px solid var(--error-message-foreground-color);
+  border-radius: 0.5em;
 }
 
 #comment_tags_collapse_expand_container {
-    padding-top: 1em;
+  padding-top: 1em;
 }
 
 #comment_tags_collapse_expand {
-    list-style-type: none;
-    padding-left: 1em;
+  padding-left: 1em;
+  list-style-type: none;
 }
 
 #comment_tags_collapse_expand li {
-    margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 #bugzilla-etiquette {
-    float: right;
+  float: right;
 }
 
-
 .last_comment_link {
-    float: right;
-    font-size: 80%;
-    font-weight: normal;
-    margin-left: 1em;
+  float: right;
+  margin-left: 1em;
+  font-size: var(--font-size-small);
+  font-weight: normal;
+}
+
+.last_comment_link b {
+  text-decoration: underline;
+  font-weight: normal;
 }
 
 #legal_disclaimer {
-    width: 40em;
-    padding: 1em;
-    margin: 0 1em 1em 1em;
-    font-weight: bold;
-    border: 1px red solid;
-    background-color: lightyellow;
+  box-sizing: border-box;
+  margin: 16px 0;
+  border: 1px solid var(--warning-message-border-color);
+  border-radius: 4px;
+  padding: 16px;
+  width: 65em;
+  background-color: var(--warning-message-background-color);
+  font-weight: bold;
 }
 
 .bz_patch {
-    background: #ffffcc;
+  background: var(--accent-color-lightyellow-1);
 }
 
 .cc_list_display {
-    list-style: none;
-    margin:0px;
-    padding:5px;
-    padding-right:20px;
-    overflow:auto;
-    float:left;
-    max-width:465px;
-    max-height:100px;
-    border:1px solid #CCC;
+  float: left;
+  overflow: auto;
+  margin: 0;
+  border: 1px solid var(--control-border-color);
+  padding: 5px;
+  padding-right: 20px;
+  max-width: 465px;
+  max-height: 100px;
+  list-style: none;
 }
 
 .cc_list_display li {
-    margin:0px;
-    padding:0px;
-    white-space:nowrap;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
 }
 
 #wave_wand {
-    margin-top: 0px;
+  margin-top: 0;
 }
 
 /* put the width on the TD rather than the PRE to stop the col resizing
    when comments are hidden */
 .bz_comment {
-    width: 55em;
+  width: 55em;
 }
+
 .bz_comment_text {
-    width: auto;
+  width: auto;
 }
 
 .bz_comment_number {
-    float: right;
+  float: right;
 }
 
 /* style all field labels the same */
 
-.field_label, .field_label a {
-    color: #000;
-    font-weight: bold;
+.field_label,
+.field_label a {
+  color: var(--secondary-label-color);
+  font-weight: normal;
 }
 
 .field_label a {
-    cursor: help;
+  cursor: help;
 }
 
 .edit_form table th:first-child {
-    width: 0px;
+  width: 0;
 }
 
-#bz_show_bug_column_1, #bz_show_bug_column_2 {
-    width: 50%;
+#bz_show_bug_column_1,
+#bz_show_bug_column_2 {
+  padding: 16px;
+  width: 50%;
 }
 
 /* fix flag table's vertical alignment */
 
 table#flags {
-    border-collapse: collapse;
-    border-spacing: 0px;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 div[class="bz_comment"]:target {
-    border: 2px solid #0095DD;
+  border: 2px solid var(--focused-control-border-color);
 }
diff --git a/skins/standard/show_multiple.css b/skins/standard/show_multiple.css
index 50875382d7..47132ee53c 100644
--- a/skins/standard/show_multiple.css
+++ b/skins/standard/show_multiple.css
@@ -1,19 +1,25 @@
-hr {margin: 20px auto 40px}
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
 
-.bz_private { color:darkred }
+hr {
+  margin: 20px auto 40px;
+}
 
-h1 {
-  font-size: 2em;
-  margin-bottom: 10px;
+.bz_private {
+  color: var(--error-message-foreground-color);
 }
 
 /* bugfields is table of all fields and values */
 .bugfields {
-  font-size: small;
-  background: #eee;
+  border: 1px solid var(--primary-region-border-color);
   padding: 5px;
-  border: 1px solid silver;
   width: 100%;
+  background: var(--primary-region-background-color);
 }
 
 .bugfields tr {
@@ -24,12 +30,12 @@ h1 {
   width: 10em;
   text-align: left;
   font-weight: normal;
-  line-height: 150%;
+  line-height: var(--line-height-comfortable);
 }
 
 .bugfields td {
   font-weight: bold;
-  line-height: 150%;
+  line-height: var(--line-height-comfortable);
 }
 
 .bugfields .rightcell {
@@ -37,16 +43,18 @@ h1 {
 }
 
 /* set line-height to normal for nested tables of bugfields table */
-.bugfields table th, .bugfields table td {
-  line-height: 100%;
+.bugfields table th,
+.bugfields table td {
   width: auto;
+  line-height: 100%;
 }
 
-.bugfields table.timetracking th, .bugfields table.timetracking td {
+.bugfields table.timetracking th,
+.bugfields table.timetracking td {
   width: 10em;
 }
 
 .error {
-  color: red;
+  color: var(--error-message-foreground-color);
   font-weight: bold;
 }
diff --git a/skins/standard/summarize-time.css b/skins/standard/summarize-time.css
index d3f1212903..def229e23f 100644
--- a/skins/standard/summarize-time.css
+++ b/skins/standard/summarize-time.css
@@ -1,46 +1,56 @@
-/* The contents of this file are subject to the Mozilla Public
-  * License Version 1.1 (the "License"); you may not use this file
-  * except in compliance with the License. You may obtain a copy of
-  * the License at http://www.mozilla.org/MPL/
-  *
-  * Software distributed under the License is distributed on an "AS
-  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
-  * implied. See the License for the specific language governing
-  * rights and limitations under the License.
-  *
-  * The Original Code is the Bugzilla Bug Tracking System.
-  *
-  * Contributor(s): Christian Reis <kiko@async.com.br>
-  */
-
-td { vertical-align: top }
-
-table.zeroitems, table.realitems {
-    margin-left: 2.0em;
-    margin-top: 2px;
-    border: 1px solid black;
-    border: 1px solid black;
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0.
+ */
+
+td {
+  vertical-align: top;
+}
+
+table.zeroitems,
+table.realitems {
+  margin-left: 2em;
+  margin-top: 2px;
+  border: 1px solid var(--primary-region-border-color);
 }
 
 tr.section_total {
-    background: #000000;
-    color: #ffffff;
+  color: var(--inverted-label-color);
+  background: var(--pressed-button-background-color);
 }
 
 td.subtotal {
-    background: #B0C0D9;
+  background: var(--grid-header-background-color);
 }
 
-.zeroitems .bug_header { background: #d0e0f0 }
-.zeroitems .bug_header2 { background: #f9f9f9 }
+.zeroitems .bug_header {
+  background: var(--grid-subheader-background-color);
+}
+
+.zeroitems .bug_header2 {
+  background: var(--grid-subheader-background-color);
+}
 
 /* the fixed headers -- .number uses bug_header so hack it here */
-.number .bug_header, .number .bug_header2 { background: #d0e0f0 }
-.owner_header { background: #d0e0f0 }
+.number .bug_header,
+.number .bug_header2 {
+  background: var(--grid-subheader-background-color);
+}
 
+.owner_header {
+  background: var(--grid-subheader-background-color);
+}
 
 /* the details headers */
-.number .owner_header, .owner .bug_header { background: #ffffff }
-.number .owner_header2, .owner .bug_header2 { background: #EFEFEF }
-
+.number .owner_header,
+.owner .bug_header {
+  background: var(--grid-background-color);
+}
 
+.number .owner_header2,
+.owner .bug_header2 {
+  background: var(--grid-subheader-background-color);
+}
diff --git a/template/en/default/account/prefs/account.html.tmpl b/template/en/default/account/prefs/account.html.tmpl
index 1c5e11c9ee..64501eef68 100644
--- a/template/en/default/account/prefs/account.html.tmpl
+++ b/template/en/default/account/prefs/account.html.tmpl
@@ -148,7 +148,7 @@
             disabled.
           </p>
           <input type="hidden" name="account_disable" id="account_disable">
-          <button type="button" id="account-disable-button" disabled>Disable Account</button>
+          <button type="button" id="account-disable-button" class="danger" disabled>Disable Account</button>
         </td>
       </tr>
       <tr>
diff --git a/template/en/default/account/prefs/apikey.html.tmpl b/template/en/default/account/prefs/apikey.html.tmpl
index 3a27b0a9c2..f2d4d875c9 100644
--- a/template/en/default/account/prefs/apikey.html.tmpl
+++ b/template/en/default/account/prefs/apikey.html.tmpl
@@ -27,15 +27,17 @@
 <p>You can update the description, and revoke or unrevoke existing API keys
 here. Sticky keys may only be used from the last IP that used the API key, and cannot be unset.</p>
 
-<table id="email_prefs">
-  <tr class="column_header">
+<table class="standard">
+<thead>
+  <tr>
     <th>API key</th>
     <th>Description (optional)</th>
     <th>Last used</th>
     <th>Sticky</th>
     <th>Revoked</th>
   </tr>
-
+</thead>
+<tbody>
   [% FOREACH api_key IN api_keys %]
     <tr[% IF api_key.revoked %] class="apikey_revoked bz_tui_hidden" style="display:none"[% END %]>
       <td>
@@ -73,6 +75,7 @@ here. Sticky keys may only be used from the last IP that used the API key, and c
   [% UNLESS api_keys.size %]
     <tr><td colspan="4">You don't have any API keys.</td></tr>
   [% END %]
+</tbody>
 </table>
 
 [% IF any_revoked %]
diff --git a/template/en/default/account/prefs/email.html.tmpl b/template/en/default/account/prefs/email.html.tmpl
index da6d7b5bf4..5a8130133d 100644
--- a/template/en/default/account/prefs/email.html.tmpl
+++ b/template/en/default/account/prefs/email.html.tmpl
@@ -171,7 +171,8 @@ document.write('<input type="button" value="Disable All Bugmail" onclick="SetChe
 
 [% num_columns = relationships.size %]
 
-<table class="bz_emailprefs" border="1">
+<table class="standard">
+<thead>
   <tr>
     <td colspan="[% num_columns FILTER html %]" align="center" width="50%">
       <b>When my relationship to this [% terms.bug %] is:</b>
@@ -188,7 +189,8 @@ document.write('<input type="button" value="Disable All Bugmail" onclick="SetChe
       </th>
     [% END %]
   </tr>
-
+</thead>
+<tbody>
   [% FOREACH event = events %]
     [% count = loop.count() %]
     <tr class="bz_row_[% count % 2 == 1 ? "odd" : "even" %]">
@@ -212,7 +214,8 @@ document.write('<input type="button" value="Disable All Bugmail" onclick="SetChe
       </td>
     </tr>
   [% END %]
-
+</tbody>
+<thead>
   <tr>
     <td colspan="[% num_columns FILTER html %]"
         align="center" width="50%">
@@ -222,7 +225,8 @@ document.write('<input type="button" value="Disable All Bugmail" onclick="SetChe
       <b>but not when (overrides above):</b>
     </td>
   </tr>
-
+</thead>
+<tbody>
   [% FOREACH event = neg_events %]
     [% count = loop.count() %]
     <tr class="bz_row_[% count % 2 == 1 ? "odd" : "even" %]">
@@ -239,7 +243,7 @@ document.write('<input type="button" value="Disable All Bugmail" onclick="SetChe
       </td>
     </tr>
   [% END %]
-
+</tbody>
 </table>
 
 <hr>
diff --git a/template/en/default/account/prefs/prefs.html.tmpl b/template/en/default/account/prefs/prefs.html.tmpl
index 2a4f00ec3c..762903e242 100644
--- a/template/en/default/account/prefs/prefs.html.tmpl
+++ b/template/en/default/account/prefs/prefs.html.tmpl
@@ -126,7 +126,7 @@
   </div>
 [% END %]
 
-<h3>[% current_tab.label %]</h3>
+<h2>[% current_tab.label %]</h2>
 
 [% IF current_tab.saveable %]
   <form name="userprefsform" method="post" action="[% basepath FILTER none %]userprefs.cgi">
diff --git a/template/en/default/account/prefs/saved-searches.html.tmpl b/template/en/default/account/prefs/saved-searches.html.tmpl
index 435ddedb36..43a18afec0 100644
--- a/template/en/default/account/prefs/saved-searches.html.tmpl
+++ b/template/en/default/account/prefs/saved-searches.html.tmpl
@@ -43,7 +43,8 @@
 <p>Your saved searches are as follows:</p>
 
 <blockquote>
-  <table border="1" cellpadding="3">
+  <table class="standard">
+  <thead>
     <tr>
       <th>
         Search
@@ -69,6 +70,8 @@
       [% END %]
       [% Hook.process('saved-header') %]
     </tr>
+  </thead>
+  <tbody>
     <tr>
       <td>My [% terms.Bugs %]</td>
       <td>
@@ -149,6 +152,7 @@
         [% Hook.process('saved-row') %]
       </tr>
     [% END %]
+  </tbody>
   </table>
 [% IF user.can_bless %]
   <p>Note that for every search that has the "Add to Search Bar" selected, a
@@ -160,7 +164,8 @@
 [% IF user.queries_available.size %]
   <p>You may use these searches saved and shared by others:</p>
 
-  <table border="1" cellpadding="3">
+  <table class="standard">
+  <thead>
     <tr>
       <th>
         Search
@@ -182,6 +187,8 @@
         Search Bar
       </th>
     </tr>
+  </thead>
+  <tbody>
     [% FOREACH q = user.queries_available %]
       <tr>
         <td>[% q.name FILTER html %]</td>
@@ -205,6 +212,7 @@
         </td>
       </tr>
     [% END %]
+  </tbody>
   </table>
 [% ELSE %]
   <p>No searches are shared with you by other users.</p>
diff --git a/template/en/default/account/prefs/sessions.html.tmpl b/template/en/default/account/prefs/sessions.html.tmpl
index 9078ed3e8b..09dadf9746 100644
--- a/template/en/default/account/prefs/sessions.html.tmpl
+++ b/template/en/default/account/prefs/sessions.html.tmpl
@@ -31,13 +31,15 @@
   <input type="submit" name="session_logout_all" value="Log out all other sessions">
 </p>
 
-<table id="email_prefs">
-  <tr class="column_header">
+<table class="standard">
+<thead>
+  <tr>
     <th>Last used</th>
     <th>IP Address</th>
     <th>Logout</th>
   </tr>
-
+</thead>
+<tbody>
   [% FOREACH session IN sessions %]
     <tr>
       <td>[% session.lastused FILTER time %]</td>
@@ -51,4 +53,5 @@
         [% END %]
     </tr>
   [% END %]
+</tbody>
 </table>
diff --git a/template/en/default/account/reset-password.html.tmpl b/template/en/default/account/reset-password.html.tmpl
index b6bf1563ed..aa8be0a64e 100644
--- a/template/en/default/account/reset-password.html.tmpl
+++ b/template/en/default/account/reset-password.html.tmpl
@@ -34,7 +34,7 @@
 }
 
 #errors {
-  color: #dd4848;
+  color: var(--error-message-foreground-color);
   position: absolute;
   margin-left: 500px;
 }
diff --git a/template/en/default/admin/classifications/del.html.tmpl b/template/en/default/admin/classifications/del.html.tmpl
index 0f51477a4a..3e40ea966a 100644
--- a/template/en/default/admin/classifications/del.html.tmpl
+++ b/template/en/default/admin/classifications/del.html.tmpl
@@ -22,8 +22,8 @@
   title = "Delete classification"
 %]
 
-<table border=1 cellpadding=4 cellspacing=0>
-<tr bgcolor="#6666ff">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Part</th>
   <th valign="top" align="left">Value</th>
 
diff --git a/template/en/default/admin/classifications/select.html.tmpl b/template/en/default/admin/classifications/select.html.tmpl
index 6386694d7d..9aaf35da63 100644
--- a/template/en/default/admin/classifications/select.html.tmpl
+++ b/template/en/default/admin/classifications/select.html.tmpl
@@ -22,15 +22,17 @@
   title = "Select classification"
 %]
 
-<table border=1 cellpadding=4 cellspacing=0>
-  <tr bgcolor="#6666ff">
+<table class="standard">
+  <thead>
+  <tr>
     <th align="left">Edit Classification ...</th>
     <th align="left">Description</th>
     <th align="left">Sortkey</th>
     <th align="left">Products</th>
     <th align="left">Action</th>
   </tr>
-
+  </thead>
+  <tbody>
   [% FOREACH cl = classifications %]
     <tr>
       <td valign="top"><a href="[% basepath FILTER none %]editclassifications.cgi?action=edit&amp;classification=[% cl.name FILTER uri %]"><b>[% cl.name FILTER html %]</b></a></td>
@@ -61,6 +63,7 @@
     <td valign="top" colspan=4>Add a new classification</td>
     <td valign="top" align="center"><a href="[% basepath FILTER none %]editclassifications.cgi?action=add">Add</a></td>
   </tr>
+  </tbody>
 </table>
 
 [% PROCESS global/footer.html.tmpl %]
diff --git a/template/en/default/admin/components/confirm-delete.html.tmpl b/template/en/default/admin/components/confirm-delete.html.tmpl
index 96f41fd3e3..b89fe3316a 100644
--- a/template/en/default/admin/components/confirm-delete.html.tmpl
+++ b/template/en/default/admin/components/confirm-delete.html.tmpl
@@ -33,8 +33,8 @@ from '[% product.name FILTER html %]' product
   title = title
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/custom_fields/confirm-delete.html.tmpl b/template/en/default/admin/custom_fields/confirm-delete.html.tmpl
index 7ed880569f..f6c0daf53c 100644
--- a/template/en/default/admin/custom_fields/confirm-delete.html.tmpl
+++ b/template/en/default/admin/custom_fields/confirm-delete.html.tmpl
@@ -29,8 +29,8 @@
            doc_section = "custom-fields.html#delete-custom-fields"
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/fieldvalues/confirm-delete.html.tmpl b/template/en/default/admin/fieldvalues/confirm-delete.html.tmpl
index 8b1182a653..c123677eae 100644
--- a/template/en/default/admin/fieldvalues/confirm-delete.html.tmpl
+++ b/template/en/default/admin/fieldvalues/confirm-delete.html.tmpl
@@ -29,8 +29,8 @@
   style_urls = ['skins/standard/admin.css']
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/flag-type/list.html.tmpl b/template/en/default/admin/flag-type/list.html.tmpl
index 4f73ecf03c..77384a8a30 100644
--- a/template/en/default/admin/flag-type/list.html.tmpl
+++ b/template/en/default/admin/flag-type/list.html.tmpl
@@ -28,7 +28,7 @@
   style = "
     table#flag_types_bugs tr th,
     table#flag_types_attachments tr th { text-align: left; }
-    .inactive { color: #787878; }
+    .inactive { color: var(--disabled-control-foreground-color); }
     .multiplicable { display: block; }
   "
   onload="var f = document.flagtype_form; selectProduct(f.product, f.component, null, null, '__All__');"
@@ -111,8 +111,8 @@
 
 
 [% BLOCK display_flag_types %]
-  <table id="flag_types_[% types_id FILTER html %]" cellspacing="0" cellpadding="4" border="1">
-
+  <table id="flag_types_[% types_id FILTER html %]" class="standard">
+  <thead>
     <tr>
       <th>Edit name ...</th>
       <th>Description</th>
@@ -127,7 +127,8 @@
       [% END %]
       <th>Actions</th>
     </tr>
-
+  </thead>
+  <tbody>
     [% FOREACH type = types %]
 
       <tr class="[% IF type.is_active %]active[% ELSE %]inactive[% END %]">
@@ -169,6 +170,6 @@
       </tr>
 
     [% END %]
-
+  </tbody>
   </table>
 [% END %]
diff --git a/template/en/default/admin/milestones/confirm-delete.html.tmpl b/template/en/default/admin/milestones/confirm-delete.html.tmpl
index 679600b4dc..54eb737b08 100644
--- a/template/en/default/admin/milestones/confirm-delete.html.tmpl
+++ b/template/en/default/admin/milestones/confirm-delete.html.tmpl
@@ -33,8 +33,8 @@
   title = title
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/oauth/confirm-delete.html.tmpl b/template/en/default/admin/oauth/confirm-delete.html.tmpl
index 286fa119a7..afc6f8dfbe 100644
--- a/template/en/default/admin/oauth/confirm-delete.html.tmpl
+++ b/template/en/default/admin/oauth/confirm-delete.html.tmpl
@@ -2,8 +2,8 @@
   title = "Delete OAuth2 Client"
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/params/editparams.html.tmpl b/template/en/default/admin/params/editparams.html.tmpl
index c2bce6c231..e619e56c33 100644
--- a/template/en/default/admin/params/editparams.html.tmpl
+++ b/template/en/default/admin/params/editparams.html.tmpl
@@ -44,9 +44,9 @@
 
 [% title = BLOCK %]
   [% IF curpanel == -1 %]
-    Parameters: Index
+    Parameter Index
   [% ELSE %]
-    Configuration:
+    Parameters:
     [%+ current_panel.title FILTER html %]
   [% END %]
 [% END %]
@@ -61,11 +61,11 @@
 
 <table border="0" width="100%">
   <tr>
-    <td>
+    <td id="panel-side">
       [%# NAVIGATION BAR %]
       <table id="menu">
         <tr>
-          <td class="index">
+          <td class="index [% 'selected_section' IF curpanel == -1 %]">
             <a href="[% basepath FILTER none %]editparams.cgi?section=index" title="Show all parameters">Index</a>
           </td>
         </tr>
@@ -85,20 +85,19 @@
           </tr>
         [% END %]
       </table>
+      <div class="contribute"><strong>Note:</strong>
+        B[% %]ugzilla is developed entirely by volunteers. The best way to give back to the B[% %]ugzilla project is to
+        <a href="https://www.bugzilla.org/contribute/">contribute</a> yourself! You don’t have to be a programmer to
+        contribute, there are lots of things that we need.
+      </div>
     </td>
-    <td>
+    <td id="panel-content">
       [% IF curpanel == -1 %]
+        <h2>Parameter Index</h2>
         [% PROCESS admin/params/index.html.tmpl panels = panels %]
       [% ELSE %]
 
-        <div class="contribute"><strong>Note:</strong>
-          B[% %]ugzilla is developed entirely by volunteers.
-          The best way to give back to the B[% %]ugzilla project is to
-          <a href="https://www.bugzilla.org/contribute/">contribute</a>
-          yourself!
-          You don't have to be a programmer to contribute, there are lots of
-          things that we need.
-        </div>
+        <h2>[% current_panel.title FILTER html %]</h2>
 
         <p>
           This lets you edit the basic operating parameters of [% terms.Bugzilla %].
diff --git a/template/en/default/admin/products/confirm-delete.html.tmpl b/template/en/default/admin/products/confirm-delete.html.tmpl
index 68ad5fc1db..87ffa89620 100644
--- a/template/en/default/admin/products/confirm-delete.html.tmpl
+++ b/template/en/default/admin/products/confirm-delete.html.tmpl
@@ -31,8 +31,8 @@
   style_urls = ['skins/standard/admin.css']
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-  <tr bgcolor="#6666FF">
+<table class="standard">
+  <tr>
     <th valign="top" align="left">Field</th>
     <th valign="top" align="left">Value</th>
   </tr>
diff --git a/template/en/default/admin/products/groupcontrol/edit.html.tmpl b/template/en/default/admin/products/groupcontrol/edit.html.tmpl
index 9d3de59514..d92280efa5 100644
--- a/template/en/default/admin/products/groupcontrol/edit.html.tmpl
+++ b/template/en/default/admin/products/groupcontrol/edit.html.tmpl
@@ -32,8 +32,8 @@
   <input type="hidden" name="product" value="[% product.name FILTER html %]">
   <input type="hidden" name="token" value="[% token FILTER html %]">
 
-  <table id="form" cellspacing="0" cellpadding="4" border="1">
-    <tr bgcolor="#6666ff">
+  <table class="standard">
+    <tr>
       <th>Group</th>
       <th>Entry</th>
       <th>MemberControl</th>
diff --git a/template/en/default/admin/reports/job_queue.html.tmpl b/template/en/default/admin/reports/job_queue.html.tmpl
index 6057eac7f3..3c91c4770b 100644
--- a/template/en/default/admin/reports/job_queue.html.tmpl
+++ b/template/en/default/admin/reports/job_queue.html.tmpl
@@ -22,14 +22,17 @@
     [% END %]
   </p>
 
-  <table id="report" class="hover" cellspacing="0" border="0" width="100%">
-  <tr id="report-header">
+  <table id="report" class="standard">
+  <thead>
+  <tr>
     <th>Next Attempt After</th>
     <th>Error Count</th>
     <th>Error Time</th>
     <th>Error Message</th>
     <th>Job</th>
   </tr>
+  </thead>
+  <tbody>
   [% FOREACH job IN jobs %]
     <tr class="report item [% loop.count % 2 == 1 ? "report_row_odd" : "report_row_even" %]">
       <td nowrap>
@@ -61,6 +64,7 @@
       <td>[% job.subject || '-' FILTER html %]</td>
     </tr>
   [% END %]
+  </tbody>
   </table>
 
 [% ELSE %]
diff --git a/template/en/default/admin/settings/edit.html.tmpl b/template/en/default/admin/settings/edit.html.tmpl
index d7949b63c1..1ab280bade 100644
--- a/template/en/default/admin/settings/edit.html.tmpl
+++ b/template/en/default/admin/settings/edit.html.tmpl
@@ -48,14 +48,16 @@ page, and the Default Value will automatically apply to everyone.
 
 [% IF settings.size %]
     <form name="adminsettingform" method="post" action="[% basepath FILTER none %]editsettings.cgi">
-      <table border="1" cellpadding="4">
+      <table class="standard">
+      <thead>
       <tr>
         <th>Preference Text</th>
         <th>Category</th>
         <th>Default Value</th>
         <th>Enabled</th>
       </tr>
-
+      </thead>
+      <tbody>
       [% FOREACH name = settings.keys %]
           [% checkbox_name = name _ '-enabled' %]
           <tr>
@@ -84,6 +86,7 @@ page, and the Default Value will automatically apply to everyone.
             </td>
           </tr>
       [% END %]
+      </tbody>
       </table>
 
     <input type="hidden" name="action" value="update">
diff --git a/template/en/default/admin/table.html.tmpl b/template/en/default/admin/table.html.tmpl
index 9fcbc2ca08..0246618d1d 100644
--- a/template/en/default/admin/table.html.tmpl
+++ b/template/en/default/admin/table.html.tmpl
@@ -82,8 +82,9 @@
 
 [%###################  TABLE HEADER   ######################%]
 
-<table id="admin_table" border="1" cellpadding="4" cellspacing="0">
-  <tr bgcolor="#6666FF">
+<table class="standard">
+  <thead>
+  <tr>
     [% FOREACH col = columns %]
       [%# Default to align left for headers %]
       <th align="[% (col.align || 'left') FILTER html %]">
@@ -91,10 +92,12 @@
       </th>
     [% END %]
   </tr>
+  </thead>
 
 
 [%###################  TABLE CONTENT  ######################%]
 
+  <tbody>
 [% FOREACH row = data %]
 
   <tr>
@@ -187,6 +190,7 @@
 [% IF data.size == 0 %]
   <tr><td colspan="[% columns.size %]" align="center"><i>&lt;none&gt;</i></td></tr>
 [% END %]
+  </tbody>
 
 
 [%###################  TABLE FOOTER   ######################%]
diff --git a/template/en/default/admin/versions/confirm-delete.html.tmpl b/template/en/default/admin/versions/confirm-delete.html.tmpl
index 77fdcb2bfd..f04f7c9571 100644
--- a/template/en/default/admin/versions/confirm-delete.html.tmpl
+++ b/template/en/default/admin/versions/confirm-delete.html.tmpl
@@ -33,8 +33,8 @@
   title = title
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-<tr bgcolor="#6666FF">
+<table class="standard">
+<tr>
   <th valign="top" align="left">Field</th>
   <th valign="top" align="left">Value</th>
 </tr>
diff --git a/template/en/default/admin/workflow/edit.html.tmpl b/template/en/default/admin/workflow/edit.html.tmpl
index 7351be6337..2ed80f605a 100644
--- a/template/en/default/admin/workflow/edit.html.tmpl
+++ b/template/en/default/admin/workflow/edit.html.tmpl
@@ -46,11 +46,11 @@
 <table>
   <tr>
     <th colspan="2">&nbsp;</th>
-    <th colspan="[% statuses.size FILTER html %]" class="title">To</th>
+    <th colspan="[% statuses.size FILTER html %]">To</th>
   </tr>
 
   <tr>
-    <th rowspan="[% statuses.size + 2 FILTER html %]" class="title">From</th>
+    <th rowspan="[% statuses.size + 2 FILTER html %]">From</th>
     <th>&nbsp;</th>
     [% FOREACH status = statuses %]
       <th class="col-header[% status.is_open ? " open-status" : " closed-status" %]">
diff --git a/template/en/default/attachment/confirm-delete.html.tmpl b/template/en/default/attachment/confirm-delete.html.tmpl
index e041a0270a..5b9fddbf07 100644
--- a/template/en/default/attachment/confirm-delete.html.tmpl
+++ b/template/en/default/attachment/confirm-delete.html.tmpl
@@ -29,8 +29,8 @@
   doc_section = "attachments.html"
 %]
 
-<table border="1" cellpadding="4" cellspacing="0">
-  <tr bgcolor="#6666FF">
+<table class="standard">
+  <tr>
     <th valign="top" align="left">Field</th>
     <th valign="top" align="left">Value</th>
   </tr>
diff --git a/template/en/default/attachment/diff-file.html.tmpl b/template/en/default/attachment/diff-file.html.tmpl
index 7bd04160a6..1e8c79b01e 100644
--- a/template/en/default/attachment/diff-file.html.tmpl
+++ b/template/en/default/attachment/diff-file.html.tmpl
@@ -106,21 +106,21 @@ incremental_restore()
           [% WHILE currentloop < 500 && (i < group.plus.size || i < group.minus.size) %]
             <tr>
             [% IF i < group.minus.size %]
-              <td class="num">[% current_line_old + i %]</td>
-              <td class="changed"><pre>[% group.minus.$i FILTER html %]</pre></td>
+              <td class="removed num">[% current_line_old + i %]</td>
+              <td class="removed code"><pre>[% group.minus.$i FILTER html %]</pre></td>
             [% ELSIF i == group.minus.size %]
               [% rowspan = group.plus.size - group.minus.size %]
-              <td class="num"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
-              <td class="changed"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
+              <td class="removed num"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
+              <td class="removed code"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
             [% END %]
 
             [% IF i < group.plus.size %]
-              <td class="num">[% current_line_new + i %]</td>
-              <td class="changed"><pre>[% group.plus.$i FILTER html %]</pre></td>
+              <td class="added num">[% current_line_new + i %]</td>
+              <td class="added code"><pre>[% group.plus.$i FILTER html %]</pre></td>
             [% ELSIF i == group.plus.size %]
               [% rowspan = group.minus.size - group.plus.size %]
-              <td class="num"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
-              <td class="changed"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
+              <td class="added num"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
+              <td class="added code"[% IF rowspan > 1 %] rowspan="[% rowspan FILTER none %]"[% END %]></td>
             [% END %]
             </tr>
             [% currentloop = currentloop + 1 %]
@@ -133,8 +133,8 @@ incremental_restore()
         [% FOREACH line = group.plus %]
           [% IF file.is_add %]
             <tr>
-              <td class="num">[% current_line_new %]</td>
-              <td class="added" colspan="3"><pre>[% line FILTER html %]</pre></td>
+              <td class="added num">[% current_line_new %]</td>
+              <td class="added code" colspan="3"><pre>[% line FILTER html %]</pre></td>
             </tr>
           [% ELSE %]
             <tr>
@@ -142,8 +142,8 @@ incremental_restore()
               <td class="num"[% IF group.plus.size > 1 %] rowspan="[% group.plus.size %]"[% END %]></td>
               <td[% IF group.plus.size > 1 %] rowspan="[% group.plus.size %]"[% END %]></td>
             [% END %]
-              <td class="num">[% current_line_new %]</td>
-              <td class="added"><pre>[% line FILTER html %]</pre></td>
+              <td class="added num">[% current_line_new %]</td>
+              <td class="added code"><pre>[% line FILTER html %]</pre></td>
             </tr>
           [% END %]
           [% current_line_new = current_line_new + 1 %]
@@ -154,13 +154,13 @@ incremental_restore()
         [% FOREACH line = group.minus %]
           [% IF file.is_remove %]
             <tr>
-              <td class="num">[% current_line_old %]</td>
-              <td class="removed" colspan="3"><pre>[% line FILTER html %]</pre></td>
+              <td class="removed num">[% current_line_old %]</td>
+              <td class="removed code" colspan="3"><pre>[% line FILTER html %]</pre></td>
             </tr>
           [% ELSE %]
             <tr>
-              <td class="num">[% current_line_old %]</td>
-              <td class="removed"><pre>[% line FILTER html %]</pre></td>
+              <td class="removed num">[% current_line_old %]</td>
+              <td class="removed code"><pre>[% line FILTER html %]</pre></td>
             [% IF loop.first %]
               <td class="num"[% IF group.minus.size > 1 %] rowspan="[% group.minus.size %]"[% END %]></td>
               <td[% IF group.minus.size > 1 %] rowspan="[% group.minus.size %]"[% END %]></td>
diff --git a/template/en/default/bug/activity/table.html.tmpl b/template/en/default/bug/activity/table.html.tmpl
index 55f7668892..e6176ca32e 100644
--- a/template/en/default/bug/activity/table.html.tmpl
+++ b/template/en/default/bug/activity/table.html.tmpl
@@ -49,7 +49,7 @@
 [% END %]
 
 [% IF operations.size > 0 %]
-  <table border cellpadding="4">
+  <table class="standard">
     <tr>
       <th>Who</th>
       <th>When</th>
diff --git a/template/en/default/bug/create/create.html.tmpl b/template/en/default/bug/create/create.html.tmpl
index 55fa397782..94e850cded 100644
--- a/template/en/default/bug/create/create.html.tmpl
+++ b/template/en/default/bug/create/create.html.tmpl
@@ -783,7 +783,7 @@ TUI_hide_default('expert_fields');
     <td colspan="3">
       <input type="submit" id="commit" value="Submit [% terms.Bug %]">
       &nbsp;&nbsp;&nbsp;&nbsp;
-      <input type="submit" name="maketemplate" id="maketemplate"
+      <input type="submit" name="maketemplate" id="maketemplate" class="secondary"
              value="Remember values as bookmarkable template"
              onclick="bz_no_validate_enter_bug=true" class="expert_fields">
     </td>
diff --git a/template/en/default/bug/show-header.html.tmpl b/template/en/default/bug/show-header.html.tmpl
index 2c8ac8f4e3..d6d00102a6 100644
--- a/template/en/default/bug/show-header.html.tmpl
+++ b/template/en/default/bug/show-header.html.tmpl
@@ -75,8 +75,7 @@
     [% javascript FILTER none %]
   [% END %]
 [% END %]
-[% style_urls = [ "skins/standard/show_bug.css",
-                  "skins/standard/bug_groups.css" ] %]
+[% style_urls = [ "skins/standard/show_bug.css" ] %]
 [% doc_section = "bug_page.html" %]
 [% bodyclasses = ['bz_bug',
                   "bz_status_$bug.bug_status",
diff --git a/template/en/default/global/header.html.tmpl b/template/en/default/global/header.html.tmpl
index 538295a69a..0814b4bf54 100644
--- a/template/en/default/global/header.html.tmpl
+++ b/template/en/default/global/header.html.tmpl
@@ -145,6 +145,7 @@
     %]
 
     <meta name="viewport" content="width=1024">
+    <meta name="color-scheme" content="dark light">
     <meta name="generator" content="[% terms.Bugzilla _ " " _ constants.BUGZILLA_VERSION FILTER html %]">
     <meta name="bugzilla-global" content="dummy"
         id="bugzilla-global" data-bugzilla="[% json_encode(js_BUGZILLA) FILTER html %]">
diff --git a/template/en/default/list/change-columns.html.tmpl b/template/en/default/list/change-columns.html.tmpl
index 967a4638a4..baa0dea10b 100644
--- a/template/en/default/list/change-columns.html.tmpl
+++ b/template/en/default/list/change-columns.html.tmpl
@@ -140,7 +140,7 @@
     <input type="submit" id="change" value="Change Columns">
   </p>
 
-  <input type="submit" id="resetit" name="resetit"
+  <input type="submit" id="resetit" class="secondary" name="resetit"
          value="Reset to [% terms.Bugzilla %] default">
 </form>
 
diff --git a/template/en/default/list/edit-multiple.html.tmpl b/template/en/default/list/edit-multiple.html.tmpl
index 148e4ec7f8..aa03a7d5f7 100644
--- a/template/en/default/list/edit-multiple.html.tmpl
+++ b/template/en/default/list/edit-multiple.html.tmpl
@@ -31,9 +31,9 @@
 <input type="button" id="check_all" name="check_all" value="Check All">
 <hr>
 
-<p style="font-size:smaller">
+<p style="font-size: var(--font-size-small);">
  To change multiple [% terms.bugs %]:</p>
-<ol style="font-size:smaller">
+<ol style="font-size: var(--font-size-small);">
   <li>Check the [% terms.bugs %] you want to change above.</li>
   <li>Make your changes in the form fields below.  If the change
    you are making requires an explanation, include it in
@@ -405,7 +405,7 @@
   </table>
 
   [% IF foundinactive %]
-    <p style="font-size:smaller">(Note: [% terms.Bugs %] may not be added to [% FILTER inactive %]inactive
+    <p style="font-size: var(--font-size-small);">(Note: [% terms.Bugs %] may not be added to [% FILTER inactive %]inactive
     groups[% END %], only removed.)</p>
   [% END %]
 
diff --git a/template/en/default/list/list.html.tmpl b/template/en/default/list/list.html.tmpl
index de71558bcc..1f4effc0e9 100644
--- a/template/en/default/list/list.html.tmpl
+++ b/template/en/default/list/list.html.tmpl
@@ -189,7 +189,7 @@
             <input type="hidden" name="id" value="[% id FILTER html %]">
           [% END %]
           <input type="hidden" name="format" value="multiple">
-          <input type="submit" id="long_format" value="Long Format">
+          <input type="submit" id="long_format" class="secondary" value="Long Format">
         </form>
         <form method="post" action="[% basepath FILTER none %]show_bug.cgi" data-no-csrf>
             <input type="hidden" name="ctype" value="xml">
@@ -197,13 +197,13 @@
             <input type="hidden" name="id" value="[% id FILTER html %]">
           [% END %]
             <input type="hidden" name="excludefield" value="attachmentdata">
-            <input type="submit" value="XML" id="xml">
+            <input type="submit" value="XML" id="xml" class="secondary">
         </form>
 
         [% IF user.is_timetracker %]
           <form method="post" action="[% basepath FILTER none %]summarize_time.cgi" data-no-csrf>
             <input type="hidden" name="id" value="[% buglist_joined FILTER html %]">
-            <input type="submit" id="timesummary" value="Time Summary">
+            <input type="submit" id="timesummary" class="secondary" value="Time Summary">
           </form>
           [% IF time_summary_limited %]
             <small>
@@ -263,7 +263,7 @@
 
       <td valign="middle" class="bz_query_remember">
         <form method="get" action="[% basepath FILTER none %]buglist.cgi">
-          <input type="submit" id="remember" value="Remember search"> as
+          <input type="submit" id="remember" class="secondary" value="Remember search"> as
           <input type="hidden" name="newquery"
                  value="[% urlquerypart FILTER html %][% "&order=$qorder" FILTER html IF order %]">
           <input type="hidden" name="cmdtype" value="doit">
@@ -314,7 +314,7 @@
 [% BLOCK num_results %]
   <span class="bz_result_count">
     [% IF bugs.size == 0 %]
-      <span class="zero_results">[% terms.zeroSearchResults %].</span>
+      <h2>[% terms.zeroSearchResults %].</h2>
     [% ELSIF default_limited AND bugs.size >= Param('default_search_limit') %]
       This result was limited to [% Param('default_search_limit') FILTER html %]
       [%+ terms.bugs %].
diff --git a/template/en/default/mfa/recovery.html.tmpl b/template/en/default/mfa/recovery.html.tmpl
index b76d53ae9d..bc078e9208 100644
--- a/template/en/default/mfa/recovery.html.tmpl
+++ b/template/en/default/mfa/recovery.html.tmpl
@@ -9,8 +9,8 @@
 [% css = BLOCK %]
 
 #codes {
-  font-size: 100%;
-  font-family: monospace;
+  font-size: var(--font-size-monospace);
+  font-family: var(--font-family-monospace);
 }
 
 [% END %]
diff --git a/template/en/default/mfa/totp/enroll.html.tmpl b/template/en/default/mfa/totp/enroll.html.tmpl
index fda7689a55..dcf2865566 100644
--- a/template/en/default/mfa/totp/enroll.html.tmpl
+++ b/template/en/default/mfa/totp/enroll.html.tmpl
@@ -29,7 +29,7 @@ $(function() {
 [% css = BLOCK %]
 
 #secret {
-  font-size: 120%;
+  font-size: var(--font-size-x-large);
   padding: 12px;
 }
 
diff --git a/template/en/default/reports/duplicates-table.html.tmpl b/template/en/default/reports/duplicates-table.html.tmpl
index e01f813583..470f5d4aee 100644
--- a/template/en/default/reports/duplicates-table.html.tmpl
+++ b/template/en/default/reports/duplicates-table.html.tmpl
@@ -70,7 +70,7 @@
 [% base_args_string = base_args.join('&amp;') %]
 
 [% IF bugs.size %]
-  <table id="duplicates_table" cellpadding="0" cellspacing="0">
+  <table id="duplicates_table" class="standard">
     <thead>
       <tr>
         [% FOREACH column = columns %]
diff --git a/template/en/default/reports/duplicates.html.tmpl b/template/en/default/reports/duplicates.html.tmpl
index 64c38eb926..d729723093 100644
--- a/template/en/default/reports/duplicates.html.tmpl
+++ b/template/en/default/reports/duplicates.html.tmpl
@@ -129,7 +129,7 @@
 
 <form method="post" action="[% basepath FILTER none %]buglist.cgi" data-no-csrf>
   <input type="hidden" name="bug_id" value="[% bug_ids_string FILTER html %]">
-  Or just give this to me as a <input type="submit" id="list"
+  Or just give this to me as a <input type="submit" id="list" class="secondary"
                                       value="[% terms.bug %] list">.
   (Note: the order may not be the same.)
 </form>
diff --git a/template/en/default/reports/email/security-risk.html.tmpl b/template/en/default/reports/email/security-risk.html.tmpl
index 90e335f466..b3bb776fad 100644
--- a/template/en/default/reports/email/security-risk.html.tmpl
+++ b/template/en/default/reports/email/security-risk.html.tmpl
@@ -46,7 +46,7 @@
           [% END %]
         </td>
       <td style="padding: 0px 15px 10px 0px; text-align: right;
-                [% IF deltas.by_team.$team.closed.size %] background-color: #e6ffe6 [% END %]">
+                [% IF deltas.by_team.$team.closed.size %] background-color: var(--positive-message-background-color) [% END %]">
         [% IF deltas.by_team.$team.closed.size %]
           <a style="text-decoration: none;"
              href="[% build_bugs_link(deltas.by_team.$team.closed) FILTER html %]">
@@ -57,7 +57,7 @@
         [% END %]
       </td>
       <td style="padding: 0px 15px 10px 0px; text-align: right;  border-right: 1px solid grey;
-                [% IF deltas.by_team.$team.added.size %] background-color: #ffe6e6 [% END %]">
+                [% IF deltas.by_team.$team.added.size %] background-color: var(--error-message-background-color) [% END %]">
         [% IF deltas.by_team.$team.added.size %]
           <a style="text-decoration: none;" href="[% build_bugs_link(deltas.by_team.$team.added) FILTER html %]">
             +[% deltas.by_team.$team.added.size FILTER html %]
@@ -117,7 +117,7 @@
           [% END %]
         </td>
       <td style="padding: 0px 15px 10px 0px; text-align: right;
-                [% IF deltas.by_sec_keyword.$keyword.closed.size %] background-color: #e6ffe6 [% END %]">
+                [% IF deltas.by_sec_keyword.$keyword.closed.size %] background-color: var(--positive-message-background-color) [% END %]">
         [% IF deltas.by_sec_keyword.$keyword.closed.size %]
           <a style="text-decoration: none;" href="[% build_bugs_link(deltas.by_sec_keyword.$keyword.closed) FILTER html %]">
             -[% deltas.by_sec_keyword.$keyword.closed.size FILTER html %]
@@ -127,7 +127,7 @@
         [% END %]
       </td>
       <td style="padding: 0px 15px 10px 0px; text-align: right;
-                 [% IF deltas.by_sec_keyword.$keyword.added.size %] background-color: #ffe6e6 [% END %]">
+                 [% IF deltas.by_sec_keyword.$keyword.added.size %] background-color: var(--error-message-background-color) [% END %]">
         [% IF deltas.by_sec_keyword.$keyword.added.size %]
           <a style="text-decoration: none;" href="[% build_bugs_link(deltas.by_sec_keyword.$keyword.added) FILTER html %]">
             +[% deltas.by_sec_keyword.$keyword.added.size FILTER html %]
diff --git a/template/en/default/reports/keywords.html.tmpl b/template/en/default/reports/keywords.html.tmpl
index e725677bba..57959e707f 100644
--- a/template/en/default/reports/keywords.html.tmpl
+++ b/template/en/default/reports/keywords.html.tmpl
@@ -61,8 +61,8 @@
      id="keywords_show_hide">[% show_inactive_keywords ? "Show" : "Hide" FILTER html %] inactive keywords</a>
 </p>
 
-<table border="1" cellpadding="4" cellspacing="0">
-  <tr bgcolor="#6666FF">
+<table class="standard">
+  <tr>
     <th align="left">Name</th>
     <th align="left">Description</th>
     <th>Active</th>
diff --git a/template/en/default/request/queue.html.tmpl b/template/en/default/request/queue.html.tmpl
index 23c1e277c1..cf5e66ca89 100644
--- a/template/en/default/request/queue.html.tmpl
+++ b/template/en/default/request/queue.html.tmpl
@@ -232,7 +232,7 @@ to some group are shown by default.
 
   <h3>[% column_headers.$group_field %]:
     [%+ (request.$group_field.email || request.$group_field || "None") FILTER email FILTER html %]</h3>
-  <table class="requests" cellspacing="0" cellpadding="4" border="1">
+  <table class="standard">
     <tr>
       [% FOREACH column = display_columns %]
         [% NEXT IF column == group_field || excluded_columns.contains(column) %]
diff --git a/template/en/default/whine/schedule.html.tmpl b/template/en/default/whine/schedule.html.tmpl
index fda9d5d9c9..8ef7faa40a 100644
--- a/template/en/default/whine/schedule.html.tmpl
+++ b/template/en/default/whine/schedule.html.tmpl
@@ -93,7 +93,7 @@
     <td align="right" colspan="2">
       <input type="submit" value="Remove Event"
              name="remove_event_[% event.key %]"
-             id="remove_event_[% event.key %]">
+             id="remove_event_[% event.key %]" class="secondary">
     </td>
   </tr>
 
@@ -144,7 +144,7 @@
         Not scheduled to run<br>
         <input type="submit" value="Add a new schedule"
                name="add_schedule_[% event.key %]"
-               id="add_schedule_[% event.key %]">
+               id="add_schedule_[% event.key %]" class="secondary">
       </td>
     </tr>
 
@@ -204,7 +204,7 @@
               <td align="left">
                 <input type="submit" value="Remove"
                        name="remove_schedule_[% schedule.id %]"
-                       id="remove_schedule_[% schedule.id %]">
+                       id="remove_schedule_[% schedule.id %]" class="secondary">
               </td>
             </tr>
           [% END %]
@@ -213,7 +213,7 @@
             <td colspan="3">
               <input type="submit" value="Add a new schedule"
                      name="add_schedule_[% event.key %]"
-                     id="add_schedule_[% event.key %]">
+                     id="add_schedule_[% event.key %]" class="secondary">
             </td>
           </tr>
         </table>
@@ -233,7 +233,7 @@
         No searches <br>
         <input type="submit" value="Add a new query"
                name="add_query_[% event.key %]"
-               id="add_query_[% event.key %]">
+               id="add_query_[% event.key %]" class="secondary">
       </td>
       <td align="right" valign="bottom">
         <input type="submit" value="Update / Commit" name="commit" id="update">
@@ -289,7 +289,7 @@
               <td align="right">
                 <input type="submit" value="Remove"
                        name="remove_query_[% query.id %]"
-                       id="remove_query_[% query.id %]">
+                       id="remove_query_[% query.id %]" class="secondary">
               </td>
             </tr>
 
@@ -299,7 +299,7 @@
             <td colspan="3">
               <input type="submit" value="Add a new query"
                      name="add_query_[% event.key %]"
-                     id="add_query_[% event.key %]">
+                     id="add_query_[% event.key %]" class="secondary">
             </td>
             <td align="right" colspan="2">
               <input type="submit" value="Update / Commit" name="commit" id="update">