@charset "UTF-8";
/*  FLUXX DOCK | FLOCK
	  UPDATED 032617
 * -------------------------- */
@font-face {
  font-family: 'flock';
  src: url("../font/flock.eot?v=2.0.1");
  src: url("../font/flock.eot?#iefix&v=2.0.1") format("embedded-opentype"), url("../font/flock.woff?v=2.0.1") format("woff"), url("../font/flock.ttf?v=2.0.1") format("truetype"), url("../font/flock.svg?v=2.0.1#flock") format("svg");
  font-weight: normal;
  font-style: normal; }
.flock {
  display: inline-block;
  font: normal normal normal 16px/1 flock;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.flock-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.flock-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.flock-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.flock-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); }

.flock-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 .flock-rotate-90,
:root .flock-rotate-180,
:root .flock-rotate-270,
:root .flock-flip-horizontal,
:root .flock-flip-vertical {
  filter: none; }

.flock:before,
.flock-e.reveal:hover:before {
  content: "\f01A"; }

.flock-e:before,
.flock.reveal:hover:before {
  content: "\e01A"; }

.o-ql-user:before,
.o-ql-user-e.reveal:hover:before {
  content: "\f001"; }

.o-ql-user-e:before,
.o-ql-user.reveal:hover:before {
  content: "\e001"; }

.o-users:before,
.o-users-e.reveal:hover:before {
  content: "\f001"; }

.o-users-e:before,
.o-users.reveal:hover:before {
  content: "\e001"; }

.o-people:before,
.o-people-e.reveal:hover:before {
  content: "\f001"; }

.o-people-e:before,
.o-people.reveal:hover:before {
  content: "\e001"; }

.o-ql-deal:before,
.o-ql-deal-e.reveal:hover:before {
  content: "\f002"; }

.o-ql-deal-e:before,
.o-ql-deal.reveal:hover:before {
  content: "\e002"; }

.o-deals:before,
.o-deals-e.reveal:hover:before {
  content: "\f002"; }

.o-deals-e:before,
.o-deals.reveal:hover:before {
  content: "\e002"; }

.o-opportunity-deals:before,
.o-opportunity-deals-e.reveal:hover:before {
  content: "\f002"; }

.o-opportunity-deals-e:before,
.o-opportunity-deals.reveal:hover:before {
  content: "\e002"; }

.o-fip-requests:before,
.o-fip-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-fip-requests-e:before,
.o-fip-requests.reveal:hover:before {
  content: "\e002"; }

.o-grant-requests:before,
.o-grant-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-grant-requests-e:before,
.o-grant-requests.reveal:hover:before {
  content: "\e002"; }

.o-requests:before,
.o-requests-e.reveal:hover:before {
  content: "\f002"; }

.o-requests-e:before,
.o-requests.reveal:hover:before {
  content: "\e002"; }

.o-closed-deals:before,
.o-closed-deals-e.reveal:hover:before {
  content: "\f003"; }

.o-closed-deals-e:before,
.o-closed-deals.reveal:hover:before {
  content: "\e003"; }

.o-granted-requests:before,
.o-granted-requests-e.reveal:hover:before {
  content: "\f003"; }

.o-granted-requests-e:before,
.o-granted-requests.reveal:hover:before {
  content: "\e003"; }

.o-grants:before,
.o-grants-e.reveal:hover:before {
  content: "\f003"; }

.o-grants-e:before,
.o-grants.reveal:hover:before {
  content: "\e003"; }

.o-ql-library:before,
.o-ql-library-e.reveal:hover:before {
  content: "\f004"; }

.o-ql-library-e:before,
.o-ql-library.reveal:hover:before {
  content: "\e004"; }

.o-organizations:before,
.o-organizations-e.reveal:hover:before {
  content: "\f004"; }

.o-organizations-e:before,
.o-organizations.reveal:hover:before {
  content: "\e004"; }

.o-request-transactions:before,
.o-request-transactions-e.reveal:hover:before {
  content: "\f005"; }

.o-request-transactions-e:before,
.o-request-transactions.reveal:hover:before {
  content: "\e005"; }

.o-transactions:before,
.o-transactions-e.reveal:hover:before {
  content: "\f005"; }

.o-transactions-e:before,
.o-transactions.reveal:hover:before {
  content: "\e005"; }

.o-payments:before,
.o-payments-e.reveal:hover:before {
  content: "\f005"; }

.o-payments-e:before,
.o-payments.reveal:hover:before {
  content: "\e005"; }

.o-request-reports:before,
.o-request-reports-e.reveal:hover:before {
  content: "\f006"; }

.o-request-reports-e:before,
.o-request-reports.reveal:hover:before {
  content: "\e006"; }

.o-reports:before,
.o-reports-e.reveal:hover:before {
  content: "\f006"; }

.o-reports-e:before,
.o-reports.reveal:hover:before {
  content: "\e006"; }

.o-requirements:before,
.o-requirements-e.reveal:hover:before {
  content: "\f006"; }

.o-requirements-e:before,
.o-requirements.reveal:hover:before {
  content: "\e006"; }

.o-ql-documents:before,
.o-ql-documents-e.reveal:hover:before {
  content: "\f007"; }

.o-ql-documents-e:before,
.o-ql-documents.reveal:hover:before {
  content: "\e007"; }

.o-wiki:before,
.o-wiki-e.reveal:hover:before {
  content: "\f007"; }

.o-wiki-e:before,
.o-wiki.reveal:hover:before {
  content: "\e007"; }

.o-documents:before,
.o-documents-e.reveal:hover:before {
  content: "\f007"; }

.o-documents-e:before,
.o-documents.reveal:hover:before {
  content: "\e007"; }

.o-request-reviews:before,
.o-request-reviews-e.reveal:hover:before {
  content: "\f009"; }

.o-request-reviews-e:before,
.o-request-reviews.reveal:hover:before {
  content: "\e009"; }

.o-reviews:before,
.o-reviews-e.reveal:hover:before {
  content: "\f009"; }

.o-reviews-e:before,
.o-reviews.reveal:hover:before {
  content: "\e009"; }

.o-ql-project:before,
.o-ql-project-e.reveal:hover:before {
  content: "\f00A"; }

.o-ql-project-e:before,
.o-ql-project.reveal:hover:before {
  content: "\e00A"; }

.o-projects:before,
.o-projects-e.reveal:hover:before {
  content: "\f00A"; }

.o-projects-e:before,
.o-projects.reveal:hover:before {
  content: "\e00A"; }

.o-leads:before,
.o-leads-e.reveal:hover:before {
  content: "\f00B"; }

.o-leads-e:before,
.o-leads.reveal:hover:before {
  content: "\e00B"; }

.o-lois:before,
.o-lois-e.reveal:hover:before {
  content: "\f00B"; }

.o-lois-e:before,
.o-lois.reveal:hover:before {
  content: "\e00B"; }

.o-loi:before,
.o-loi-e.reveal:hover:before {
  content: "\f00B"; }

.o-loi-e:before,
.o-loi.reveal:hover:before {
  content: "\e00B"; }

.o-admin-cards:before,
.o-admin-cards-e.reveal:hover:before {
  content: "\f00C"; }

.o-admin-cards-e:before,
.o-admin-cards.reveal:hover:before {
  content: "\e00C"; }

.style-admin-cards:before,
.style-admin-cards-e.reveal:hover:before {
  content: "\f00C"; }

.style-admin-cards-e:before,
.style-admin-cards.reveal:hover:before {
  content: "\e00C"; }

.o-adhoc-reports:before,
.o-adhoc-reports-e.reveal:hover:before {
  content: "\f00D"; }

.o-adhoc-reports-e:before,
.o-adhoc-reports.reveal:hover:before {
  content: "\e00D"; }

.o-adhoc:before,
.o-adhoc-e.reveal:hover:before {
  content: "\f00D"; }

.o-adhoc-e:before,
.o-adhoc.reveal:hover:before {
  content: "\e00D"; }

.o-excel-reports:before,
.o-excel-reports-e.reveal:hover:before {
  content: "\f00E"; }

.o-excel-reports-e:before,
.o-excel-reports.reveal:hover:before {
  content: "\e00E"; }

.o-excel:before,
.o-excel-e.reveal:hover:before {
  content: "\f00E"; }

.o-excel-e:before,
.o-excel.reveal:hover:before {
  content: "\e00E"; }

.o-livereports:before,
.o-livereports-e.reveal:hover:before {
  content: "\f00F"; }

.o-livereports-e:before,
.o-livereports.reveal:hover:before {
  content: "\e00F"; }

.o-cois:before,
.o-cois-e.reveal:hover:before {
  content: "\f010"; }

.o-cois-e:before,
.o-cois.reveal:hover:before {
  content: "\e010"; }

.o-coi:before,
.o-coi-e.reveal:hover:before {
  content: "\f010"; }

.o-coi-e:before,
.o-coi.reveal:hover:before {
  content: "\e010"; }

.o-modal-reports:before,
.o-modal-reports-e.reveal:hover:before {
  content: "\f011"; }

.o-modal-reports-e:before,
.o-modal-reports.reveal:hover:before {
  content: "\e011"; }

.o-visuals:before,
.o-visuals-e.reveal:hover:before {
  content: "\f011"; }

.o-visuals-e:before,
.o-visuals.reveal:hover:before {
  content: "\e011"; }

.o-request-regrants:before,
.o-request-regrants-e.reveal:hover:before {
  content: "\f012"; }

.o-request-regrants-e:before,
.o-request-regrants.reveal:hover:before {
  content: "\e012"; }

.o-regrants:before,
.o-regrants-e.reveal:hover:before {
  content: "\f012"; }

.o-regrants-e:before,
.o-regrants.reveal:hover:before {
  content: "\e012"; }

.o-request-amendments:before,
.o-request-amendments-e.reveal:hover:before {
  content: "\f013"; }

.o-request-amendments-e:before,
.o-request-amendments.reveal:hover:before {
  content: "\e013"; }

.o-amendments:before,
.o-amendments-e.reveal:hover:before {
  content: "\f013"; }

.o-amendments-e:before,
.o-amendments.reveal:hover:before {
  content: "\e013"; }

.o-rss:before,
.o-rss-e.reveal:hover:before {
  content: "\f014"; }

.o-rss-e:before,
.o-rss.reveal:hover:before {
  content: "\e014"; }

.o-integration-logs:before,
.o-integration-logs-e.reveal:hover:before {
  content: "\f015"; }

.o-integration-logs-e:before,
.o-integration-logs.reveal:hover:before {
  content: "\e015"; }

.o-integration:before,
.o-integration-e.reveal:hover:before {
  content: "\f015"; }

.o-integration-e:before,
.o-integration.reveal:hover:before {
  content: "\e015"; }

.o-generic-templates:before,
.o-generic-templates-e.reveal:hover:before {
  content: "\f016"; }

.o-generic-templates-e:before,
.o-generic-templates.reveal:hover:before {
  content: "\e016"; }

.o-generic:before,
.o-generic-e.reveal:hover:before {
  content: "\f016"; }

.o-generic-e:before,
.o-generic.reveal:hover:before {
  content: "\e016"; }

.o-pri-grant-requests:before,
.o-pri-grant-requests-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-grant-requests-e:before,
.o-pri-grant-requests.reveal:hover:before {
  content: "\e017"; }

.o-pri-granted-requests:before,
.o-pri-granted-requests-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-granted-requests-e:before,
.o-pri-granted-requests.reveal:hover:before {
  content: "\e017"; }

.o-pri:before,
.o-pri-e.reveal:hover:before {
  content: "\f017"; }

.o-pri-e:before,
.o-pri.reveal:hover:before {
  content: "\e017"; }

.o-knowledge:before,
.o-knowledge-e.reveal:hover:before {
  content: "\f018"; }

.o-knowledge-e:before,
.o-knowledge.reveal:hover:before {
  content: "\e018"; }

.o-grant-requests:before,
.o-grant-requests-e.reveal:hover:before {
  content: "\f019"; }

.o-grant-requests-e:before,
.o-grant-requests.reveal:hover:before {
  content: "\e019"; }

.o-grant-requests-alt:before,
.o-grant-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-grant-requests-alt-e:before,
.o-grant-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-granted-requests-alt:before,
.o-granted-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-granted-requests-alt-e:before,
.o-granted-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-requests-alt:before,
.o-requests-alt-e.reveal:hover:before {
  content: "\f019"; }

.o-requests-alt-e:before,
.o-requests-alt.reveal:hover:before {
  content: "\e019"; }

.o-funding-sources:before,
.o-funding-sources-e.reveal:hover:before {
  content: "\f01B"; }

.o-funding-sources-e:before,
.o-funding-sources.reveal:hover:before {
  content: "\e01B"; }

.o-bank-accounts:before,
.o-bank-accounts-e.reveal:hover:before {
  content: "\f01B"; }

.o-bank-accounts-e:before,
.o-bank-accounts.reveal:hover:before {
  content: "\e01B"; }

.funding-source-card:before,
.funding-source-card-e.reveal:hover:before {
  content: "\f01B"; }

.funding-source-card-e:before,
.funding-source-card.reveal:hover:before {
  content: "\e01B"; }

.o-work-tasks:before,
.o-work-tasks-e.reveal:hover:before {
  content: "\f01C"; }

.o-work-tasks-e:before,
.o-work-tasks.reveal:hover:before {
  content: "\e01C"; }

.o-tasks:before,
.o-tasks-e.reveal:hover:before {
  content: "\f01C"; }

.o-tasks-e:before,
.o-tasks.reveal:hover:before {
  content: "\e01C"; }

.program-card:before,
.program-card-e.reveal:hover:before {
  content: "\f020"; }

.program-card-e:before,
.program-card.reveal:hover:before {
  content: "\e020"; }

.sub-program-card:before,
.sub-program-card-e.reveal:hover:before {
  content: "\f021"; }

.sub-program-card-e:before,
.sub-program-card.reveal:hover:before {
  content: "\e021"; }

.initiative-card:before,
.initiative-card-e.reveal:hover:before {
  content: "\f022"; }

.initiative-card-e:before,
.initiative-card.reveal:hover:before {
  content: "\e022"; }

.sub-initiative-card:before,
.sub-initiative-card-e.reveal:hover:before {
  content: "\f023"; }

.sub-initiative-card-e:before,
.sub-initiative-card.reveal:hover:before {
  content: "\e023"; }

.sub-inititative-card:before,
.sub-inititative-card-e.reveal:hover:before {
  content: "\f023"; }

.sub-inititative-card-e:before,
.sub-inititative-card.reveal:hover:before {
  content: "\e023"; }

.o-fluxx:before,
.o-fluxx-e.reveal:hover:before {
  content: "\f024"; }

.o-fluxx-e:before,
.o-fluxx.reveal:hover:before {
  content: "\e024"; }

.o-fund:before,
.o-fund-e.reveal:hover:before {
  content: "\f025"; }

.o-fund-e:before,
.o-fund.reveal:hover:before {
  content: "\e025"; }

.o-gm:before,
.o-gm-e.reveal:hover:before {
  content: "\f026"; }

.o-gm-e:before,
.o-gm.reveal:hover:before {
  content: "\e026"; }

.o-gs:before,
.o-gs-e.reveal:hover:before {
  content: "\f027"; }

.o-gs-e:before,
.o-gs.reveal:hover:before {
  content: "\e027"; }

.o-cards:before,
.o-cards-e.reveal:hover:before {
  content: "\f028"; }

.o-cards-e:before,
.o-cards.reveal:hover:before {
  content: "\e028"; }

.o-reporting:before,
.o-reporting-e.reveal:hover:before {
  content: "\f029"; }

.o-reporting-e:before,
.o-reporting.reveal:hover:before {
  content: "\e029"; }

.o-summary:before,
.o-summary-e.reveal:hover:before {
  content: "\f02A"; }

.o-summary-e:before,
.o-summary.reveal:hover:before {
  content: "\e02A"; }

.o-lite:before,
.o-lite-e.reveal:hover:before {
  content: "\f02B"; }

.o-lite-e:before,
.o-lite.reveal:hover:before {
  content: "\e02B"; }

.o-grantee-budgets:before,
.o-grantee-budgets-e.reveal:hover:before {
  content: "\f02C"; }

.o-grantee-budgets-e:before,
.o-grantee-budgets.reveal:hover:before {
  content: "\e02C"; }

.o-ii:before,
.o-ii-e.reveal:hover:before {
  content: "\f02D"; }

.o-ii-e:before,
.o-ii.reveal:hover:before {
  content: "\e02D"; }

.o-legacy:before,
.o-legacy-e.reveal:hover:before {
  content: "\f02E"; }

.o-legacy-e:before,
.o-legacy.reveal:hover:before {
  content: "\e02E"; }

.o-impact:before,
.o-impact-e.reveal:hover:before {
  content: "\f02F"; }

.o-impact-e:before,
.o-impact.reveal:hover:before {
  content: "\e02F"; }

@font-face {
  font-family: "ionicon";
  src: url("../font/ionicons.eot?v=2.0.0");
  src: url("../font/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../font/ionicons.ttf?v=2.0.0") format("truetype"), url("../font/ionicons.woff?v=2.0.0") format("woff"), url("../font/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }
.ionicon {
  display: inline-block;
  font: normal normal normal 16px/1 "ionicon";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* 
// Default setup 
.ionicon {
  display: inline-block;
  font-family: $ionicons-font-family;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
.io-alert:before {
  content: ""; }

.io-alert-circled:before {
  content: ""; }

.io-android-add:before {
  content: ""; }

.io-android-add-circle:before {
  content: ""; }

.io-android-alarm-clock:before {
  content: ""; }

.io-android-alert:before {
  content: ""; }

.io-android-apps:before {
  content: ""; }

.io-android-archive:before {
  content: ""; }

.io-android-arrow-back:before {
  content: ""; }

.io-android-arrow-down:before {
  content: ""; }

.io-android-arrow-dropdown:before {
  content: ""; }

.io-android-arrow-dropdown-circle:before {
  content: ""; }

.io-android-arrow-dropleft:before {
  content: ""; }

.io-android-arrow-dropleft-circle:before {
  content: ""; }

.io-android-arrow-dropright:before {
  content: ""; }

.io-android-arrow-dropright-circle:before {
  content: ""; }

.io-android-arrow-dropup:before {
  content: ""; }

.io-android-arrow-dropup-circle:before {
  content: ""; }

.io-android-arrow-forward:before {
  content: ""; }

.io-android-arrow-up:before {
  content: ""; }

.io-android-attach:before {
  content: ""; }

.io-android-bar:before {
  content: ""; }

.io-android-bicycle:before {
  content: ""; }

.io-android-boat:before {
  content: ""; }

.io-android-bookmark:before {
  content: ""; }

.io-android-bulb:before {
  content: ""; }

.io-android-bus:before {
  content: ""; }

.io-android-calendar:before {
  content: ""; }

.io-android-call:before {
  content: ""; }

.io-android-camera:before {
  content: ""; }

.io-android-cancel:before {
  content: ""; }

.io-android-car:before {
  content: ""; }

.io-android-cart:before {
  content: ""; }

.io-android-chat:before {
  content: ""; }

.io-android-checkbox:before {
  content: ""; }

.io-android-checkbox-blank:before {
  content: ""; }

.io-android-checkbox-outline:before {
  content: ""; }

.io-android-checkbox-outline-blank:before {
  content: ""; }

.io-android-checkmark-circle:before {
  content: ""; }

.io-android-clipboard:before {
  content: ""; }

.io-android-close:before {
  content: ""; }

.io-android-cloud:before {
  content: ""; }

.io-android-cloud-circle:before {
  content: ""; }

.io-android-cloud-done:before {
  content: ""; }

.io-android-cloud-outline:before {
  content: ""; }

.io-android-color-palette:before {
  content: ""; }

.io-android-compass:before {
  content: ""; }

.io-android-contact:before {
  content: ""; }

.io-android-contacts:before {
  content: ""; }

.io-android-contract:before {
  content: ""; }

.io-android-create:before {
  content: ""; }

.io-android-delete:before {
  content: ""; }

.io-android-desktop:before {
  content: ""; }

.io-android-document:before {
  content: ""; }

.io-android-done:before {
  content: ""; }

.io-android-done-all:before {
  content: ""; }

.io-android-download:before {
  content: ""; }

.io-android-drafts:before {
  content: ""; }

.io-android-exit:before {
  content: ""; }

.io-android-expand:before {
  content: ""; }

.io-android-favorite:before {
  content: ""; }

.io-android-favorite-outline:before {
  content: ""; }

.io-android-film:before {
  content: ""; }

.io-android-folder:before {
  content: ""; }

.io-android-folder-open:before {
  content: ""; }

.io-android-funnel:before {
  content: ""; }

.io-android-globe:before {
  content: ""; }

.io-android-hand:before {
  content: ""; }

.io-android-hangout:before {
  content: ""; }

.io-android-happy:before {
  content: ""; }

.io-android-home:before {
  content: ""; }

.io-android-image:before {
  content: ""; }

.io-android-laptop:before {
  content: ""; }

.io-android-list:before {
  content: ""; }

.io-android-locate:before {
  content: ""; }

.io-android-lock:before {
  content: ""; }

.io-android-mail:before {
  content: ""; }

.io-android-map:before {
  content: ""; }

.io-android-menu:before {
  content: ""; }

.io-android-microphone:before {
  content: ""; }

.io-android-microphone-off:before {
  content: ""; }

.io-android-more-horizontal:before {
  content: ""; }

.io-android-more-vertical:before {
  content: ""; }

.io-android-navigate:before {
  content: ""; }

.io-android-notifications:before {
  content: ""; }

.io-android-notifications-none:before {
  content: ""; }

.io-android-notifications-off:before {
  content: ""; }

.io-android-open:before {
  content: ""; }

.io-android-options:before {
  content: ""; }

.io-android-people:before {
  content: ""; }

.io-android-person:before {
  content: ""; }

.io-android-person-add:before {
  content: ""; }

.io-android-phone-landscape:before {
  content: ""; }

.io-android-phone-portrait:before {
  content: ""; }

.io-android-pin:before {
  content: ""; }

.io-android-plane:before {
  content: ""; }

.io-android-playstore:before {
  content: ""; }

.io-android-print:before {
  content: ""; }

.io-android-radio-button-off:before {
  content: ""; }

.io-android-radio-button-on:before {
  content: ""; }

.io-android-refresh:before {
  content: ""; }

.io-android-remove:before {
  content: ""; }

.io-android-remove-circle:before {
  content: ""; }

.io-android-restaurant:before {
  content: ""; }

.io-android-sad:before {
  content: ""; }

.io-android-search:before {
  content: ""; }

.io-android-send:before {
  content: ""; }

.io-android-settings:before {
  content: ""; }

.io-android-share:before {
  content: ""; }

.io-android-share-alt:before {
  content: ""; }

.io-android-star:before {
  content: ""; }

.io-android-star-half:before {
  content: ""; }

.io-android-star-outline:before {
  content: ""; }

.io-android-stopwatch:before {
  content: ""; }

.io-android-subway:before {
  content: ""; }

.io-android-sunny:before {
  content: ""; }

.io-android-sync:before {
  content: ""; }

.io-android-textsms:before {
  content: ""; }

.io-android-time:before {
  content: ""; }

.io-android-train:before {
  content: ""; }

.io-android-unlock:before {
  content: ""; }

.io-android-upload:before {
  content: ""; }

.io-android-volume-down:before {
  content: ""; }

.io-android-volume-mute:before {
  content: ""; }

.io-android-volume-off:before {
  content: ""; }

.io-android-volume-up:before {
  content: ""; }

.io-android-walk:before {
  content: ""; }

.io-android-warning:before {
  content: ""; }

.io-android-watch:before {
  content: ""; }

.io-android-wifi:before {
  content: ""; }

.io-aperture:before {
  content: ""; }

.io-archive:before {
  content: ""; }

.io-arrow-down-a:before {
  content: ""; }

.io-arrow-down-b:before {
  content: ""; }

.io-arrow-down-c:before {
  content: ""; }

.io-arrow-expand:before {
  content: ""; }

.io-arrow-graph-down-left:before {
  content: ""; }

.io-arrow-graph-down-right:before {
  content: ""; }

.io-arrow-graph-up-left:before {
  content: ""; }

.io-arrow-graph-up-right:before {
  content: ""; }

.io-arrow-left-a:before {
  content: ""; }

.io-arrow-left-b:before {
  content: ""; }

.io-arrow-left-c:before {
  content: ""; }

.io-arrow-move:before {
  content: ""; }

.io-arrow-resize:before {
  content: ""; }

.io-arrow-return-left:before {
  content: ""; }

.io-arrow-return-right:before {
  content: ""; }

.io-arrow-right-a:before {
  content: ""; }

.io-arrow-right-b:before {
  content: ""; }

.io-arrow-right-c:before {
  content: ""; }

.io-arrow-shrink:before {
  content: ""; }

.io-arrow-swap:before {
  content: ""; }

.io-arrow-up-a:before {
  content: ""; }

.io-arrow-up-b:before {
  content: ""; }

.io-arrow-up-c:before {
  content: ""; }

.io-asterisk:before {
  content: ""; }

.io-at:before {
  content: ""; }

.io-backspace:before {
  content: ""; }

.io-backspace-outline:before {
  content: ""; }

.io-bag:before {
  content: ""; }

.io-battery-charging:before {
  content: ""; }

.io-battery-empty:before {
  content: ""; }

.io-battery-full:before {
  content: ""; }

.io-battery-half:before {
  content: ""; }

.io-battery-low:before {
  content: ""; }

.io-beaker:before {
  content: ""; }

.io-beer:before {
  content: ""; }

.io-bluetooth:before {
  content: ""; }

.io-bonfire:before {
  content: ""; }

.io-bookmark:before {
  content: ""; }

.io-bowtie:before {
  content: ""; }

.io-briefcase:before {
  content: ""; }

.io-bug:before {
  content: ""; }

.io-calculator:before {
  content: ""; }

.io-calendar:before {
  content: ""; }

.io-camera:before {
  content: ""; }

.io-card:before {
  content: ""; }

.io-cash:before {
  content: ""; }

.io-chatbox:before {
  content: ""; }

.io-chatbox-working:before {
  content: ""; }

.io-chatboxes:before {
  content: ""; }

.io-chatbubble:before {
  content: ""; }

.io-chatbubble-working:before {
  content: ""; }

.io-chatbubbles:before {
  content: ""; }

.io-checkmark:before {
  content: ""; }

.io-checkmark-circled:before {
  content: ""; }

.io-checkmark-round:before {
  content: ""; }

.io-chevron-down:before {
  content: ""; }

.io-chevron-left:before {
  content: ""; }

.io-chevron-right:before {
  content: ""; }

.io-chevron-up:before {
  content: ""; }

.io-clipboard:before {
  content: ""; }

.io-clock:before {
  content: ""; }

.io-close:before {
  content: ""; }

.io-close-circled:before {
  content: ""; }

.io-close-round:before {
  content: ""; }

.io-closed-captioning:before {
  content: ""; }

.io-cloud:before {
  content: ""; }

.io-code:before {
  content: ""; }

.io-code-download:before {
  content: ""; }

.io-code-working:before {
  content: ""; }

.io-coffee:before {
  content: ""; }

.io-compass:before {
  content: ""; }

.io-compose:before {
  content: ""; }

.io-connection-bars:before {
  content: ""; }

.io-contrast:before {
  content: ""; }

.io-crop:before {
  content: ""; }

.io-cube:before {
  content: ""; }

.io-disc:before {
  content: ""; }

.io-document:before {
  content: ""; }

.io-document-text:before {
  content: ""; }

.io-drag:before {
  content: ""; }

.io-earth:before {
  content: ""; }

.io-easel:before {
  content: ""; }

.io-edit:before {
  content: ""; }

.io-egg:before {
  content: ""; }

.io-eject:before {
  content: ""; }

.io-email:before {
  content: ""; }

.io-email-unread:before {
  content: ""; }

.io-erlenmeyer-flask:before {
  content: ""; }

.io-erlenmeyer-flask-bubbles:before {
  content: ""; }

.io-eye:before {
  content: ""; }

.io-eye-disabled:before {
  content: ""; }

.io-female:before {
  content: ""; }

.io-filing:before {
  content: ""; }

.io-film-marker:before {
  content: ""; }

.io-fireball:before {
  content: ""; }

.io-flag:before {
  content: ""; }

.io-flame:before {
  content: ""; }

.io-flash:before {
  content: ""; }

.io-flash-off:before {
  content: ""; }

.io-folder:before {
  content: ""; }

.io-fork:before {
  content: ""; }

.io-fork-repo:before {
  content: ""; }

.io-forward:before {
  content: ""; }

.io-funnel:before {
  content: ""; }

.io-gear-a:before {
  content: ""; }

.io-gear-b:before {
  content: ""; }

.io-grid:before {
  content: ""; }

.io-hammer:before {
  content: ""; }

.io-happy:before {
  content: ""; }

.io-happy-outline:before {
  content: ""; }

.io-headphone:before {
  content: ""; }

.io-heart:before {
  content: ""; }

.io-heart-broken:before {
  content: ""; }

.io-help:before {
  content: ""; }

.io-help-buoy:before {
  content: ""; }

.io-help-circled:before {
  content: ""; }

.io-home:before {
  content: ""; }

.io-icecream:before {
  content: ""; }

.io-image:before {
  content: ""; }

.io-images:before {
  content: ""; }

.io-information:before {
  content: ""; }

.io-information-circled:before {
  content: ""; }

.io-ionic:before {
  content: ""; }

.io-ios-alarm:before {
  content: ""; }

.io-ios-alarm-outline:before {
  content: ""; }

.io-ios-albums:before {
  content: ""; }

.io-ios-albums-outline:before {
  content: ""; }

.io-ios-americanfootball:before {
  content: ""; }

.io-ios-americanfootball-outline:before {
  content: ""; }

.io-ios-analytics:before {
  content: ""; }

.io-ios-analytics-outline:before {
  content: ""; }

.io-ios-arrow-back:before {
  content: ""; }

.io-ios-arrow-down:before {
  content: ""; }

.io-ios-arrow-forward:before {
  content: ""; }

.io-ios-arrow-left:before {
  content: ""; }

.io-ios-arrow-right:before {
  content: ""; }

.io-ios-arrow-thin-down:before {
  content: ""; }

.io-ios-arrow-thin-left:before {
  content: ""; }

.io-ios-arrow-thin-right:before {
  content: ""; }

.io-ios-arrow-thin-up:before {
  content: ""; }

.io-ios-arrow-up:before {
  content: ""; }

.io-ios-at:before {
  content: ""; }

.io-ios-at-outline:before {
  content: ""; }

.io-ios-barcode:before {
  content: ""; }

.io-ios-barcode-outline:before {
  content: ""; }

.io-ios-baseball:before {
  content: ""; }

.io-ios-baseball-outline:before {
  content: ""; }

.io-ios-basketball:before {
  content: ""; }

.io-ios-basketball-outline:before {
  content: ""; }

.io-ios-bell:before {
  content: ""; }

.io-ios-bell-outline:before {
  content: ""; }

.io-ios-body:before {
  content: ""; }

.io-ios-body-outline:before {
  content: ""; }

.io-ios-bolt:before {
  content: ""; }

.io-ios-bolt-outline:before {
  content: ""; }

.io-ios-book:before {
  content: ""; }

.io-ios-book-outline:before {
  content: ""; }

.io-ios-bookmarks:before {
  content: ""; }

.io-ios-bookmarks-outline:before {
  content: ""; }

.io-ios-box:before {
  content: ""; }

.io-ios-box-outline:before {
  content: ""; }

.io-ios-briefcase:before {
  content: ""; }

.io-ios-briefcase-outline:before {
  content: ""; }

.io-ios-browsers:before {
  content: ""; }

.io-ios-browsers-outline:before {
  content: ""; }

.io-ios-calculator:before {
  content: ""; }

.io-ios-calculator-outline:before {
  content: ""; }

.io-ios-calendar:before {
  content: ""; }

.io-ios-calendar-outline:before {
  content: ""; }

.io-ios-camera:before {
  content: ""; }

.io-ios-camera-outline:before {
  content: ""; }

.io-ios-cart:before {
  content: ""; }

.io-ios-cart-outline:before {
  content: ""; }

.io-ios-chatboxes:before {
  content: ""; }

.io-ios-chatboxes-outline:before {
  content: ""; }

.io-ios-chatbubble:before {
  content: ""; }

.io-ios-chatbubble-outline:before {
  content: ""; }

.io-ios-checkmark:before {
  content: ""; }

.io-ios-checkmark-empty:before {
  content: ""; }

.io-ios-checkmark-outline:before {
  content: ""; }

.io-ios-circle-filled:before {
  content: ""; }

.io-ios-circle-outline:before {
  content: ""; }

.io-ios-clock:before {
  content: ""; }

.io-ios-clock-outline:before {
  content: ""; }

.io-ios-close:before {
  content: ""; }

.io-ios-close-empty:before {
  content: ""; }

.io-ios-close-outline:before {
  content: ""; }

.io-ios-cloud:before {
  content: ""; }

.io-ios-cloud-download:before {
  content: ""; }

.io-ios-cloud-download-outline:before {
  content: ""; }

.io-ios-cloud-outline:before {
  content: ""; }

.io-ios-cloud-upload:before {
  content: ""; }

.io-ios-cloud-upload-outline:before {
  content: ""; }

.io-ios-cloudy:before {
  content: ""; }

.io-ios-cloudy-night:before {
  content: ""; }

.io-ios-cloudy-night-outline:before {
  content: ""; }

.io-ios-cloudy-outline:before {
  content: ""; }

.io-ios-cog:before {
  content: ""; }

.io-ios-cog-outline:before {
  content: ""; }

.io-ios-color-filter:before {
  content: ""; }

.io-ios-color-filter-outline:before {
  content: ""; }

.io-ios-color-wand:before {
  content: ""; }

.io-ios-color-wand-outline:before {
  content: ""; }

.io-ios-compose:before {
  content: ""; }

.io-ios-compose-outline:before {
  content: ""; }

.io-ios-contact:before {
  content: ""; }

.io-ios-contact-outline:before {
  content: ""; }

.io-ios-copy:before {
  content: ""; }

.io-ios-copy-outline:before {
  content: ""; }

.io-ios-crop:before {
  content: ""; }

.io-ios-crop-strong:before {
  content: ""; }

.io-ios-download:before {
  content: ""; }

.io-ios-download-outline:before {
  content: ""; }

.io-ios-drag:before {
  content: ""; }

.io-ios-email:before {
  content: ""; }

.io-ios-email-outline:before {
  content: ""; }

.io-ios-eye:before {
  content: ""; }

.io-ios-eye-outline:before {
  content: ""; }

.io-ios-fastforward:before {
  content: ""; }

.io-ios-fastforward-outline:before {
  content: ""; }

.io-ios-filing:before {
  content: ""; }

.io-ios-filing-outline:before {
  content: ""; }

.io-ios-film:before {
  content: ""; }

.io-ios-film-outline:before {
  content: ""; }

.io-ios-flag:before {
  content: ""; }

.io-ios-flag-outline:before {
  content: ""; }

.io-ios-flame:before {
  content: ""; }

.io-ios-flame-outline:before {
  content: ""; }

.io-ios-flask:before {
  content: ""; }

.io-ios-flask-outline:before {
  content: ""; }

.io-ios-flower:before {
  content: ""; }

.io-ios-flower-outline:before {
  content: ""; }

.io-ios-folder:before {
  content: ""; }

.io-ios-folder-outline:before {
  content: ""; }

.io-ios-football:before {
  content: ""; }

.io-ios-football-outline:before {
  content: ""; }

.io-ios-game-controller-a:before {
  content: ""; }

.io-ios-game-controller-a-outline:before {
  content: ""; }

.io-ios-game-controller-b:before {
  content: ""; }

.io-ios-game-controller-b-outline:before {
  content: ""; }

.io-ios-gear:before {
  content: ""; }

.io-ios-gear-outline:before {
  content: ""; }

.io-ios-glasses:before {
  content: ""; }

.io-ios-glasses-outline:before {
  content: ""; }

.io-ios-grid-view:before {
  content: ""; }

.io-ios-grid-view-outline:before {
  content: ""; }

.io-ios-heart:before {
  content: ""; }

.io-ios-heart-outline:before {
  content: ""; }

.io-ios-help:before {
  content: ""; }

.io-ios-help-empty:before {
  content: ""; }

.io-ios-help-outline:before {
  content: ""; }

.io-ios-home:before {
  content: ""; }

.io-ios-home-outline:before {
  content: ""; }

.io-ios-infinite:before {
  content: ""; }

.io-ios-infinite-outline:before {
  content: ""; }

.io-ios-information:before {
  content: ""; }

.io-ios-information-empty:before {
  content: ""; }

.io-ios-information-outline:before {
  content: ""; }

.io-ios-ionic-outline:before {
  content: ""; }

.io-ios-keypad:before {
  content: ""; }

.io-ios-keypad-outline:before {
  content: ""; }

.io-ios-lightbulb:before {
  content: ""; }

.io-ios-lightbulb-outline:before {
  content: ""; }

.io-ios-list:before {
  content: ""; }

.io-ios-list-outline:before {
  content: ""; }

.io-ios-location:before {
  content: ""; }

.io-ios-location-outline:before {
  content: ""; }

.io-ios-locked:before {
  content: ""; }

.io-ios-locked-outline:before {
  content: ""; }

.io-ios-loop:before {
  content: ""; }

.io-ios-loop-strong:before {
  content: ""; }

.io-ios-medical:before {
  content: ""; }

.io-ios-medical-outline:before {
  content: ""; }

.io-ios-medkit:before {
  content: ""; }

.io-ios-medkit-outline:before {
  content: ""; }

.io-ios-mic:before {
  content: ""; }

.io-ios-mic-off:before {
  content: ""; }

.io-ios-mic-outline:before {
  content: ""; }

.io-ios-minus:before {
  content: ""; }

.io-ios-minus-empty:before {
  content: ""; }

.io-ios-minus-outline:before {
  content: ""; }

.io-ios-monitor:before {
  content: ""; }

.io-ios-monitor-outline:before {
  content: ""; }

.io-ios-moon:before {
  content: ""; }

.io-ios-moon-outline:before {
  content: ""; }

.io-ios-more:before {
  content: ""; }

.io-ios-more-outline:before {
  content: ""; }

.io-ios-musical-note:before {
  content: ""; }

.io-ios-musical-notes:before {
  content: ""; }

.io-ios-navigate:before {
  content: ""; }

.io-ios-navigate-outline:before {
  content: ""; }

.io-ios-nutrition:before {
  content: ""; }

.io-ios-nutrition-outline:before {
  content: ""; }

.io-ios-paper:before {
  content: ""; }

.io-ios-paper-outline:before {
  content: ""; }

.io-ios-paperplane:before {
  content: ""; }

.io-ios-paperplane-outline:before {
  content: ""; }

.io-ios-partlysunny:before {
  content: ""; }

.io-ios-partlysunny-outline:before {
  content: ""; }

.io-ios-pause:before {
  content: ""; }

.io-ios-pause-outline:before {
  content: ""; }

.io-ios-paw:before {
  content: ""; }

.io-ios-paw-outline:before {
  content: ""; }

.io-ios-people:before {
  content: ""; }

.io-ios-people-outline:before {
  content: ""; }

.io-ios-person:before {
  content: ""; }

.io-ios-person-outline:before {
  content: ""; }

.io-ios-personadd:before {
  content: ""; }

.io-ios-personadd-outline:before {
  content: ""; }

.io-ios-photos:before {
  content: ""; }

.io-ios-photos-outline:before {
  content: ""; }

.io-ios-pie:before {
  content: ""; }

.io-ios-pie-outline:before {
  content: ""; }

.io-ios-pint:before {
  content: ""; }

.io-ios-pint-outline:before {
  content: ""; }

.io-ios-play:before {
  content: ""; }

.io-ios-play-outline:before {
  content: ""; }

.io-ios-plus:before {
  content: ""; }

.io-ios-plus-empty:before {
  content: ""; }

.io-ios-plus-outline:before {
  content: ""; }

.io-ios-pricetag:before {
  content: ""; }

.io-ios-pricetag-outline:before {
  content: ""; }

.io-ios-pricetags:before {
  content: ""; }

.io-ios-pricetags-outline:before {
  content: ""; }

.io-ios-printer:before {
  content: ""; }

.io-ios-printer-outline:before {
  content: ""; }

.io-ios-pulse:before {
  content: ""; }

.io-ios-pulse-strong:before {
  content: ""; }

.io-ios-rainy:before {
  content: ""; }

.io-ios-rainy-outline:before {
  content: ""; }

.io-ios-recording:before {
  content: ""; }

.io-ios-recording-outline:before {
  content: ""; }

.io-ios-redo:before {
  content: ""; }

.io-ios-redo-outline:before {
  content: ""; }

.io-ios-refresh:before {
  content: ""; }

.io-ios-refresh-empty:before {
  content: ""; }

.io-ios-refresh-outline:before {
  content: ""; }

.io-ios-reload:before {
  content: ""; }

.io-ios-reverse-camera:before {
  content: ""; }

.io-ios-reverse-camera-outline:before {
  content: ""; }

.io-ios-rewind:before {
  content: ""; }

.io-ios-rewind-outline:before {
  content: ""; }

.io-ios-rose:before {
  content: ""; }

.io-ios-rose-outline:before {
  content: ""; }

.io-ios-search:before {
  content: ""; }

.io-ios-search-strong:before {
  content: ""; }

.io-ios-settings:before {
  content: ""; }

.io-ios-settings-strong:before {
  content: ""; }

.io-ios-shuffle:before {
  content: ""; }

.io-ios-shuffle-strong:before {
  content: ""; }

.io-ios-skipbackward:before {
  content: ""; }

.io-ios-skipbackward-outline:before {
  content: ""; }

.io-ios-skipforward:before {
  content: ""; }

.io-ios-skipforward-outline:before {
  content: ""; }

.io-ios-snowy:before {
  content: ""; }

.io-ios-speedometer:before {
  content: ""; }

.io-ios-speedometer-outline:before {
  content: ""; }

.io-ios-star:before {
  content: ""; }

.io-ios-star-half:before {
  content: ""; }

.io-ios-star-outline:before {
  content: ""; }

.io-ios-stopwatch:before {
  content: ""; }

.io-ios-stopwatch-outline:before {
  content: ""; }

.io-ios-sunny:before {
  content: ""; }

.io-ios-sunny-outline:before {
  content: ""; }

.io-ios-telephone:before {
  content: ""; }

.io-ios-telephone-outline:before {
  content: ""; }

.io-ios-tennisball:before {
  content: ""; }

.io-ios-tennisball-outline:before {
  content: ""; }

.io-ios-thunderstorm:before {
  content: ""; }

.io-ios-thunderstorm-outline:before {
  content: ""; }

.io-ios-time:before {
  content: ""; }

.io-ios-time-outline:before {
  content: ""; }

.io-ios-timer:before {
  content: ""; }

.io-ios-timer-outline:before {
  content: ""; }

.io-ios-toggle:before {
  content: ""; }

.io-ios-toggle-outline:before {
  content: ""; }

.io-ios-trash:before {
  content: ""; }

.io-ios-trash-outline:before {
  content: ""; }

.io-ios-undo:before {
  content: ""; }

.io-ios-undo-outline:before {
  content: ""; }

.io-ios-unlocked:before {
  content: ""; }

.io-ios-unlocked-outline:before {
  content: ""; }

.io-ios-upload:before {
  content: ""; }

.io-ios-upload-outline:before {
  content: ""; }

.io-ios-videocam:before {
  content: ""; }

.io-ios-videocam-outline:before {
  content: ""; }

.io-ios-volume-high:before {
  content: ""; }

.io-ios-volume-low:before {
  content: ""; }

.io-ios-wineglass:before {
  content: ""; }

.io-ios-wineglass-outline:before {
  content: ""; }

.io-ios-world:before {
  content: ""; }

.io-ios-world-outline:before {
  content: ""; }

.io-ipad:before {
  content: ""; }

.io-iphone:before {
  content: ""; }

.io-ipod:before {
  content: ""; }

.io-jet:before {
  content: ""; }

.io-key:before {
  content: ""; }

.io-knife:before {
  content: ""; }

.io-laptop:before {
  content: ""; }

.io-leaf:before {
  content: ""; }

.io-levels:before {
  content: ""; }

.io-lightbulb:before {
  content: ""; }

.io-link:before {
  content: ""; }

.io-load-a:before {
  content: ""; }

.io-load-b:before {
  content: ""; }

.io-load-c:before {
  content: ""; }

.io-load-d:before {
  content: ""; }

.io-location:before {
  content: ""; }

.io-lock-combination:before {
  content: ""; }

.io-locked:before {
  content: ""; }

.io-log-in:before {
  content: ""; }

.io-log-out:before {
  content: ""; }

.io-loop:before {
  content: ""; }

.io-magnet:before {
  content: ""; }

.io-male:before {
  content: ""; }

.io-man:before {
  content: ""; }

.io-map:before {
  content: ""; }

.io-medkit:before {
  content: ""; }

.io-merge:before {
  content: ""; }

.io-mic-a:before {
  content: ""; }

.io-mic-b:before {
  content: ""; }

.io-mic-c:before {
  content: ""; }

.io-minus:before {
  content: ""; }

.io-minus-circled:before {
  content: ""; }

.io-minus-round:before {
  content: ""; }

.io-model-s:before {
  content: ""; }

.io-monitor:before {
  content: ""; }

.io-more:before {
  content: ""; }

.io-mouse:before {
  content: ""; }

.io-music-note:before {
  content: ""; }

.io-navicon:before {
  content: ""; }

.io-navicon-round:before {
  content: ""; }

.io-navigate:before {
  content: ""; }

.io-network:before {
  content: ""; }

.io-no-smoking:before {
  content: ""; }

.io-nuclear:before {
  content: ""; }

.io-outlet:before {
  content: ""; }

.io-paintbrush:before {
  content: ""; }

.io-paintbucket:before {
  content: ""; }

.io-paper-airplane:before {
  content: ""; }

.io-paperclip:before {
  content: ""; }

.io-pause:before {
  content: ""; }

.io-person:before {
  content: ""; }

.io-person-add:before {
  content: ""; }

.io-person-stalker:before {
  content: ""; }

.io-pie-graph:before {
  content: ""; }

.io-pin:before {
  content: ""; }

.io-pinpoint:before {
  content: ""; }

.io-pizza:before {
  content: ""; }

.io-plane:before {
  content: ""; }

.io-planet:before {
  content: ""; }

.io-play:before {
  content: ""; }

.io-playstation:before {
  content: ""; }

.io-plus:before {
  content: ""; }

.io-plus-circled:before {
  content: ""; }

.io-plus-round:before {
  content: ""; }

.io-podium:before {
  content: ""; }

.io-pound:before {
  content: ""; }

.io-power:before {
  content: ""; }

.io-pricetag:before {
  content: ""; }

.io-pricetags:before {
  content: ""; }

.io-printer:before {
  content: ""; }

.io-pull-request:before {
  content: ""; }

.io-qr-scanner:before {
  content: ""; }

.io-quote:before {
  content: ""; }

.io-radio-waves:before {
  content: ""; }

.io-record:before {
  content: ""; }

.io-refresh:before {
  content: ""; }

.io-reply:before {
  content: ""; }

.io-reply-all:before {
  content: ""; }

.io-ribbon-a:before {
  content: ""; }

.io-ribbon-b:before {
  content: ""; }

.io-sad:before {
  content: ""; }

.io-sad-outline:before {
  content: ""; }

.io-scissors:before {
  content: ""; }

.io-search:before {
  content: ""; }

.io-settings:before {
  content: ""; }

.io-share:before {
  content: ""; }

.io-shuffle:before {
  content: ""; }

.io-skip-backward:before {
  content: ""; }

.io-skip-forward:before {
  content: ""; }

.io-social-android:before {
  content: ""; }

.io-social-android-outline:before {
  content: ""; }

.io-social-angular:before {
  content: ""; }

.io-social-angular-outline:before {
  content: ""; }

.io-social-apple:before {
  content: ""; }

.io-social-apple-outline:before {
  content: ""; }

.io-social-bitcoin:before {
  content: ""; }

.io-social-bitcoin-outline:before {
  content: ""; }

.io-social-buffer:before {
  content: ""; }

.io-social-buffer-outline:before {
  content: ""; }

.io-social-chrome:before {
  content: ""; }

.io-social-chrome-outline:before {
  content: ""; }

.io-social-codepen:before {
  content: ""; }

.io-social-codepen-outline:before {
  content: ""; }

.io-social-css3:before {
  content: ""; }

.io-social-css3-outline:before {
  content: ""; }

.io-social-designernews:before {
  content: ""; }

.io-social-designernews-outline:before {
  content: ""; }

.io-social-dribbble:before {
  content: ""; }

.io-social-dribbble-outline:before {
  content: ""; }

.io-social-dropbox:before {
  content: ""; }

.io-social-dropbox-outline:before {
  content: ""; }

.io-social-euro:before {
  content: ""; }

.io-social-euro-outline:before {
  content: ""; }

.io-social-facebook:before {
  content: ""; }

.io-social-facebook-outline:before {
  content: ""; }

.io-social-foursquare:before {
  content: ""; }

.io-social-foursquare-outline:before {
  content: ""; }

.io-social-freebsd-devil:before {
  content: ""; }

.io-social-github:before {
  content: ""; }

.io-social-github-outline:before {
  content: ""; }

.io-social-google:before {
  content: ""; }

.io-social-google-outline:before {
  content: ""; }

.io-social-googleplus:before {
  content: ""; }

.io-social-googleplus-outline:before {
  content: ""; }

.io-social-hackernews:before {
  content: ""; }

.io-social-hackernews-outline:before {
  content: ""; }

.io-social-html5:before {
  content: ""; }

.io-social-html5-outline:before {
  content: ""; }

.io-social-instagram:before {
  content: ""; }

.io-social-instagram-outline:before {
  content: ""; }

.io-social-javascript:before {
  content: ""; }

.io-social-javascript-outline:before {
  content: ""; }

.io-social-linkedin:before {
  content: ""; }

.io-social-linkedin-outline:before {
  content: ""; }

.io-social-markdown:before {
  content: ""; }

.io-social-nodejs:before {
  content: ""; }

.io-social-octocat:before {
  content: ""; }

.io-social-pinterest:before {
  content: ""; }

.io-social-pinterest-outline:before {
  content: ""; }

.io-social-python:before {
  content: ""; }

.io-social-reddit:before {
  content: ""; }

.io-social-reddit-outline:before {
  content: ""; }

.io-social-rss:before {
  content: ""; }

.io-social-rss-outline:before {
  content: ""; }

.io-social-sass:before {
  content: ""; }

.io-social-skype:before {
  content: ""; }

.io-social-skype-outline:before {
  content: ""; }

.io-social-snapchat:before {
  content: ""; }

.io-social-snapchat-outline:before {
  content: ""; }

.io-social-tumblr:before {
  content: ""; }

.io-social-tumblr-outline:before {
  content: ""; }

.io-social-tux:before {
  content: ""; }

.io-social-twitch:before {
  content: ""; }

.io-social-twitch-outline:before {
  content: ""; }

.io-social-twitter:before {
  content: ""; }

.io-social-twitter-outline:before {
  content: ""; }

.io-social-usd:before {
  content: ""; }

.io-social-usd-outline:before {
  content: ""; }

.io-social-vimeo:before {
  content: ""; }

.io-social-vimeo-outline:before {
  content: ""; }

.io-social-whatsapp:before {
  content: ""; }

.io-social-whatsapp-outline:before {
  content: ""; }

.io-social-windows:before {
  content: ""; }

.io-social-windows-outline:before {
  content: ""; }

.io-social-wordpress:before {
  content: ""; }

.io-social-wordpress-outline:before {
  content: ""; }

.io-social-yahoo:before {
  content: ""; }

.io-social-yahoo-outline:before {
  content: ""; }

.io-social-yen:before {
  content: ""; }

.io-social-yen-outline:before {
  content: ""; }

.io-social-youtube:before {
  content: ""; }

.io-social-youtube-outline:before {
  content: ""; }

.io-soup-can:before {
  content: ""; }

.io-soup-can-outline:before {
  content: ""; }

.io-speakerphone:before {
  content: ""; }

.io-speedometer:before {
  content: ""; }

.io-spoon:before {
  content: ""; }

.io-star:before {
  content: ""; }

.io-stats-bars:before {
  content: ""; }

.io-steam:before {
  content: ""; }

.io-stop:before {
  content: ""; }

.io-thermometer:before {
  content: ""; }

.io-thumbsdown:before {
  content: ""; }

.io-thumbsup:before {
  content: ""; }

.io-toggle:before {
  content: ""; }

.io-toggle-filled:before {
  content: ""; }

.io-transgender:before {
  content: ""; }

.io-trash-a:before {
  content: ""; }

.io-trash-b:before {
  content: ""; }

.io-trophy:before {
  content: ""; }

.io-tshirt:before {
  content: ""; }

.io-tshirt-outline:before {
  content: ""; }

.io-umbrella:before {
  content: ""; }

.io-university:before {
  content: ""; }

.io-unlocked:before {
  content: ""; }

.io-upload:before {
  content: ""; }

.io-usb:before {
  content: ""; }

.io-videocamera:before {
  content: ""; }

.io-volume-high:before {
  content: ""; }

.io-volume-low:before {
  content: ""; }

.io-volume-medium:before {
  content: ""; }

.io-volume-mute:before {
  content: ""; }

.io-wand:before {
  content: ""; }

.io-waterdrop:before {
  content: ""; }

.io-wifi:before {
  content: ""; }

.io-wineglass:before {
  content: ""; }

.io-woman:before {
  content: ""; }

.io-wrench:before {
  content: ""; }

.io-xbox:before {
  content: ""; }

/*  FLUXX UTILITY | FUTILITY
	  UPDATED 051217
 * -------------------------- */
@font-face {
  font-family: 'futility';
  src: url("../font/futility.eot?v=2.0.4");
  src: url("../font/futility.eot?#iefix&v=2.0.4") format("embedded-opentype"), url("../font/futility.woff?v=2.0.4") format("woff"), url("../font/futility.ttf?v=2.0.4") format("truetype"), url("../font/futility.svg?v=2.0.4#futility") format("svg");
  font-weight: normal;
  font-style: normal; }
.futil {
  display: inline-block;
  font: normal normal normal 16px/1 futility;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.futil-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.futil-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.futil-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.futil-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); }

.futil-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 .futil-rotate-90,
:root .futil-rotate-180,
:root .futil-rotate-270,
:root .futil-flip-horizontal,
:root .futil-flip-vertical {
  filter: none; }

.u-zoomin-f:before,
.u-zoomin.reveal:hover:before {
  content: "\f001"; }

.u-zoomin:before,
.u-zoomin-f.reveal:hover:before {
  content: "\e001"; }

.u-zoomout-f:before,
.u-zoomout.reveal:hover:before {
  content: "\f002"; }

.u-zoomout:before,
.u-zoomout-f.reveal:hover:before {
  content: "\e002"; }

.u-zoom-f:before,
.u-zoom.reveal:hover:before {
  content: "\f003"; }

.u-zoom:before,
.u-zoom-f.reveal:hover:before {
  content: "\e003"; }

.u-gear-f:before,
.u-gear.reveal:hover:before {
  content: "\f004"; }

.u-gear:before,
.u-gear-f.reveal:hover:before {
  content: "\e004"; }

.u-bplus-f:before,
.u-bplus.reveal:hover:before {
  content: "\f005"; }

.u-bplus:before,
.u-bplus-f.reveal:hover:before {
  content: "\e005"; }

.u-magnet-f:before,
.u-magnet.reveal:hover:before {
  content: "\f010"; }

.u-magnet:before,
.u-magnet-f.reveal:hover:before {
  content: "\e010"; }

.u-tee-f:before,
.u-tee.reveal:hover:before {
  content: "\f089"; }

.u-tee:before,
.u-tee-f.reveal:hover:before {
  content: "\e089"; }

.u-vminus-f:before,
.u-vminus.reveal:hover:before {
  content: "\f0AC"; }

.u-vminus:before,
.u-vminus-f.reveal:hover:before {
  content: "\e0AC"; }

.u-plus-f:before,
.u-plus.reveal:hover:before {
  content: "\f0AD"; }

.u-plus:before,
.u-plus-f.reveal:hover:before {
  content: "\e0AD"; }

.u-clone-f:before,
.u-clone.reveal:hover:before {
  content: "\f0AE"; }

.u-clone:before,
.u-clone-f.reveal:hover:before {
  content: "\e0AE"; }

.u-minus-f:before,
.u-minus.reveal:hover:before {
  content: "\f0AF"; }

.u-minus:before,
.u-minus-f.reveal:hover:before {
  content: "\e0AF"; }

.u-rewind-f:before,
.u-rewind.reveal:hover:before {
  content: "\f0B0"; }

.u-rewind:before,
.u-rewind-f.reveal:hover:before {
  content: "\e0B0"; }

.u-ex-f:before,
.u-ex.reveal:hover:before {
  content: "\f0B1"; }

.u-ex:before,
.u-ex-f.reveal:hover:before {
  content: "\e0B1"; }

.u-expand-f:before,
.u-expand.reveal:hover:before {
  content: "\f0B2"; }

.u-expand:before,
.u-expand-f.reveal:hover:before {
  content: "\e0B2"; }

.u-checkup-f:before,
.u-checkup.reveal:hover:before {
  content: "\f0B3"; }

.u-checkup:before,
.u-checkup-f.reveal:hover:before {
  content: "\e0B3"; }

.u-arrowr-f:before,
.u-arrowr.reveal:hover:before {
  content: "\f0B4"; }

.u-arrowr:before,
.u-arrowr-f.reveal:hover:before {
  content: "\e0B4"; }

.u-arrowl-f:before,
.u-arrowl.reveal:hover:before {
  content: "\f0B5"; }

.u-arrowl:before,
.u-arrowl-f.reveal:hover:before {
  content: "\e0B5"; }

.u-sidebar-f:before,
.u-sidebar.reveal:hover:before {
  content: "\f0B6"; }

.u-sidebar:before,
.u-sidebar-f.reveal:hover:before {
  content: "\e0B6"; }

.u-pointright-f:before,
.u-pointright.reveal:hover:before {
  content: "\f0B7"; }

.u-pointright:before,
.u-pointright-f.reveal:hover:before {
  content: "\e0B7"; }

.u-pointleft-f:before,
.u-pointleft.reveal:hover:before {
  content: "\f0B8"; }

.u-pointleft:before,
.u-pointleft-f.reveal:hover:before {
  content: "\e0B8"; }

.u-filter-f:before,
.u-filter.reveal:hover:before {
  content: "\f0C0"; }

.u-filter:before,
.u-filter-f.reveal:hover:before {
  content: "\e0C0"; }

.u-disk-f:before,
.u-disk.reveal:hover:before {
  content: "\f0C1"; }

.u-disk:before,
.u-disk-f.reveal:hover:before {
  content: "\e0C1"; }

.u-bubble-f:before,
.u-bubble.reveal:hover:before {
  content: "\f0C2"; }

.u-bubble:before,
.u-bubble-f.reveal:hover:before {
  content: "\e0C2"; }

.u-clock-f:before,
.u-clock.reveal:hover:before {
  content: "\f0C3"; }

.u-clock:before,
.u-clock-f.reveal:hover:before {
  content: "\e0C3"; }

.u-share-f:before,
.u-share.reveal:hover:before {
  content: "\f0C4"; }

.u-share:before,
.u-share-f.reveal:hover:before {
  content: "\e0C4"; }

.u-full-f:before,
.u-full.reveal:hover:before {
  content: "\f0C5"; }

.u-full:before,
.u-full-f.reveal:hover:before {
  content: "\e0C5"; }

.u-refresh-f:before,
.u-refresh.reveal:hover:before {
  content: "\f0C6"; }

.u-refresh:before,
.u-refresh-f.reveal:hover:before {
  content: "\e0C6"; }

.u-pie-f:before,
.u-pie.reveal:hover:before {
  content: "\f0C7"; }

.u-pie:before,
.u-pie-f.reveal:hover:before {
  content: "\e0C7"; }

.u-chart-f:before,
.u-chart.reveal:hover:before {
  content: "\f0C8"; }

.u-chart:before,
.u-chart-f.reveal:hover:before {
  content: "\e0C8"; }

.u-list-f:before,
.u-list.reveal:hover:before {
  content: "\f0C9"; }

.u-list:before,
.u-list-f.reveal:hover:before {
  content: "\e0C9"; }

.u-globe-f:before,
.u-globe.reveal:hover:before {
  content: "\f0CA"; }

.u-globe:before,
.u-globe-f.reveal:hover:before {
  content: "\e0CA"; }

.u-table-f:before,
.u-table.reveal:hover:before {
  content: "\f0CB"; }

.u-table:before,
.u-table-f.reveal:hover:before {
  content: "\e0CB"; }

.u-funnel-f:before,
.u-funnel.reveal:hover:before {
  content: "\f0CC"; }

.u-funnel:before,
.u-funnel-f.reveal:hover:before {
  content: "\e0CC"; }

.u-bulk-f:before,
.u-bulk.reveal:hover:before {
  content: "\f0CD"; }

.u-bulk:before,
.u-bulk-f.reveal:hover:before {
  content: "\e0CD"; }

.u-mail-f:before,
.u-mail.reveal:hover:before {
  content: "\f0CE"; }

.u-mail:before,
.u-mail-f.reveal:hover:before {
  content: "\e0CE"; }

.u-excel-f:before,
.u-excel.reveal:hover:before {
  content: "\f0CF"; }

.u-excel:before,
.u-excel-f.reveal:hover:before {
  content: "\e0CF"; }

.u-pencil-f:before,
.u-pencil.reveal:hover:before {
  content: "\f0D0"; }

.u-pencil:before,
.u-pencil-f.reveal:hover:before {
  content: "\e0D0"; }

.u-star-f:before,
.u-star.reveal:hover:before {
  content: "\f0D1"; }

.u-star:before,
.u-star-f.reveal:hover:before {
  content: "\e0D1"; }

.u-new-f:before,
.u-new.reveal:hover:before {
  content: "\f0D2"; }

.u-new:before,
.u-new-f.reveal:hover:before {
  content: "\e0D2"; }

.u-trash-f:before,
.u-trash.reveal:hover:before {
  content: "\f0D3"; }

.u-trash:before,
.u-trash-f.reveal:hover:before {
  content: "\e0D3"; }

.u-dots-f:before,
.u-dots.reveal:hover:before {
  content: "\f0D4"; }

.u-dots:before,
.u-dots-f.reveal:hover:before {
  content: "\e0D4"; }

.u-print-f:before,
.u-print.reveal:hover:before {
  content: "\f0D5"; }

.u-print:before,
.u-print-f.reveal:hover:before {
  content: "\e0D5"; }

.u-pdf-f:before,
.u-pdf.reveal:hover:before {
  content: "\f0D6"; }

.u-pdf:before,
.u-pdf-f.reveal:hover:before {
  content: "\e0D6"; }

.u-dselect-f:before,
.u-dselect.reveal:hover:before {
  content: "\f0D7"; }

.u-dselect:before,
.u-dselect-f.reveal:hover:before {
  content: "\e0D7"; }

.u-standard-f:before,
.u-standard.reveal:hover:before {
  content: "\f0D8"; }

.u-standard:before,
.u-standard-f.reveal:hover:before {
  content: "\e0D8"; }

.u-legacy-f:before,
.u-legacy.reveal:hover:before {
  content: "\f0D8"; }

.u-legacy:before,
.u-legacy-f.reveal:hover:before {
  content: "\e0D8"; }

.u-graphing-f:before,
.u-graphing.reveal:hover:before {
  content: "\f0D9"; }

.u-graphing:before,
.u-graphing-f.reveal:hover:before {
  content: "\e0D9"; }

.u-impact-f:before,
.u-impact.reveal:hover:before {
  content: "\f0DA"; }

.u-impact:before,
.u-impact-f.reveal:hover:before {
  content: "\e0DA"; }

.u-follow-f:before,
.u-follow.reveal:hover:before {
  content: "\f0DB"; }

.u-follow:before,
.u-follow-f.reveal:hover:before {
  content: "\e0DB"; }

.u-addfile-f:before,
.u-addfile.reveal:hover:before {
  content: "\f0DC"; }

.u-addfile:before,
.u-addfile-f.reveal:hover:before {
  content: "\e0DC"; }

.u-reply-f:before,
.u-reply.reveal:hover:before {
  content: "\f0DD"; }

.u-reply:before,
.u-reply-f.reveal:hover:before {
  content: "\e0DD"; }

.u-lock-f:before,
.u-lock.reveal:hover:before {
  content: "\f0DE"; }

.u-lock:before,
.u-lock-f.reveal:hover:before {
  content: "\e0DE"; }

.u-unlock-f:before,
.u-unlock.reveal:hover:before {
  content: "\f0DF"; }

.u-unlock:before,
.u-unlock-f.reveal:hover:before {
  content: "\e0DF"; }

.u-cminus-f:before,
.u-cminus.reveal:hover:before {
  content: "\f0E0"; }

.u-cminus:before,
.u-cminus-f.reveal:hover:before {
  content: "\e0E0"; }

.u-cplus-f:before,
.u-cplus.reveal:hover:before {
  content: "\f0E1"; }

.u-cplus:before,
.u-cplus-f.reveal:hover:before {
  content: "\e0E1"; }

.u-arrow-up-f:before,
.u-arrow-up.reveal:hover:before {
  content: "\f100"; }

.u-arrow-up:before,
.u-arrow-up-f.reveal:hover:before {
  content: "\e100"; }

.u-arrow-right-f:before,
.u-arrow-right.reveal:hover:before {
  content: "\f101"; }

.u-arrow-right:before,
.u-arrow-right-f.reveal:hover:before {
  content: "\e101"; }

.u-arrow-down-f:before,
.u-arrow-down.reveal:hover:before {
  content: "\f102"; }

.u-arrow-down:before,
.u-arrow-down-f.reveal:hover:before {
  content: "\e102"; }

.u-arrowd-f:before,
.u-arrowd.reveal:hover:before {
  content: "\f102"; }

.u-arrowd:before,
.u-arrowd-f.reveal:hover:before {
  content: "\e102"; }

.u-arrow-left-f:before,
.u-arrow-left.reveal:hover:before {
  content: "\f103"; }

.u-arrow-left:before,
.u-arrow-left-f.reveal:hover:before {
  content: "\e103"; }

.u-check-f:before,
.u-check.reveal:hover:before {
  content: "\f104"; }

.u-check:before,
.u-check-f.reveal:hover:before {
  content: "\e104"; }

.u-exc-f:before,
.u-exc.reveal:hover:before {
  content: "\f105"; }

.u-exc:before,
.u-exc-f.reveal:hover:before {
  content: "\e105"; }

.u-exclamation-f:before,
.u-exclamation.reveal:hover:before {
  content: "\f110"; }

.u-exclamation:before,
.u-exclamation-f.reveal:hover:before {
  content: "\e110"; }

.u-eye-f:before,
.u-eye.reveal:hover:before {
  content: "\f111"; }

.u-eye:before,
.u-eye-f.reveal:hover:before {
  content: "\e111"; }

.u-note-f:before,
.u-note.reveal:hover:before {
  content: "\f112"; }

.u-note:before,
.u-note-f.reveal:hover:before {
  content: "\e112"; }

.u-file-f:before,
.u-file.reveal:hover:before {
  content: "\f113"; }

.u-file:before,
.u-file-f.reveal:hover:before {
  content: "\e113"; }

.u-file-zoom-f:before,
.u-file-zoom.reveal:hover:before {
  content: "\f114"; }

.u-file-zoom:before,
.u-file-zoom-f.reveal:hover:before {
  content: "\e114"; }

.u-file-plus-f:before,
.u-file-plus.reveal:hover:before {
  content: "\f115"; }

.u-file-plus:before,
.u-file-plus-f.reveal:hover:before {
  content: "\e115"; }

.u-file-edit-f:before,
.u-file-edit.reveal:hover:before {
  content: "\f116"; }

.u-file-edit:before,
.u-file-edit-f.reveal:hover:before {
  content: "\e116"; }

.u-file-arrow-f:before,
.u-file-arrow.reveal:hover:before {
  content: "\f117"; }

.u-file-arrow:before,
.u-file-arrow-f.reveal:hover:before {
  content: "\e117"; }

.u-file-up-f:before,
.u-file-up.reveal:hover:before {
  content: "\f118"; }

.u-file-up:before,
.u-file-up-f.reveal:hover:before {
  content: "\e118"; }

.u-file-delete-f:before,
.u-file-delete.reveal:hover:before {
  content: "\f119"; }

.u-file-delete:before,
.u-file-delete-f.reveal:hover:before {
  content: "\e119"; }

.u-pie-edit-f:before,
.u-pie-edit.reveal:hover:before {
  content: "\f11A"; }

.u-pie-edit:before,
.u-pie-edit-f.reveal:hover:before {
  content: "\e11A"; }

.u-currency-circle-f:before,
.u-currency-circle.reveal:hover:before {
  content: "\f11B"; }

.u-currency-circle:before,
.u-currency-circle-f.reveal:hover:before {
  content: "\e11B"; }

.u-info-circle-f:before,
.u-info-circle.reveal:hover:before {
  content: "\f11C"; }

.u-info-circle:before,
.u-info-circle-f.reveal:hover:before {
  content: "\e11C"; }

.u-hand-f:before,
.u-hand.reveal:hover:before {
  content: "\f11D"; }

.u-hand:before,
.u-hand-f.reveal:hover:before {
  content: "\e11D"; }

.u-binoculars-f:before,
.u-binoculars.reveal:hover:before {
  content: "\f11E"; }

.u-binoculars:before,
.u-binoculars-f.reveal:hover:before {
  content: "\e11E"; }

.u-pivot-f:before,
.u-pivot.reveal:hover:before {
  content: "\f11F"; }

.u-pivot:before,
.u-pivot-f.reveal:hover:before {
  content: "\e11F"; }

.u-table-edit-f:before,
.u-table-edit.reveal:hover:before {
  content: "\f120"; }

.u-table-edit:before,
.u-table-edit-f.reveal:hover:before {
  content: "\e120"; }

.u-calendar-f:before,
.u-calendar.reveal:hover:before {
  content: "\f121"; }

.u-calendar:before,
.u-calendar-f.reveal:hover:before {
  content: "\e121"; }

.u-calendar-edit-f:before,
.u-calendar-edit.reveal:hover:before {
  content: "\f122"; }

.u-calendar-edit:before,
.u-calendar-edit-f.reveal:hover:before {
  content: "\e122"; }

.u-download-f:before,
.u-download.reveal:hover:before {
  content: "\f123"; }

.u-download:before,
.u-download-f.reveal:hover:before {
  content: "\e123"; }

.u-word-f:before,
.u-word.reveal:hover:before {
  content: "\f124"; }

.u-word:before,
.u-word-f.reveal:hover:before {
  content: "\e124"; }

.u-preview-f:before,
.u-preview.reveal:hover:before {
  content: "\f125"; }

.u-preview:before,
.u-preview-f.reveal:hover:before {
  content: "\e125"; }

.u-amend-f:before,
.u-amend.reveal:hover:before {
  content: "\f126"; }

.u-amend:before,
.u-amend-f.reveal:hover:before {
  content: "\e126"; }

.u-bulk-download-f:before,
.u-bulk-download.reveal:hover:before {
  content: "\f127"; }

.u-bulk-download:before,
.u-bulk-download-f.reveal:hover:before {
  content: "\e127"; }

.u-clone-alt-f:before,
.u-clone-alt.reveal:hover:before {
  content: "\f128"; }

.u-clone-alt:before,
.u-clone-alt-f.reveal:hover:before {
  content: "\e128"; }

.u-pdf-alt-f:before,
.u-pdf-alt.reveal:hover:before {
  content: "\f129"; }

.u-pdf-alt:before,
.u-pdf-alt-f.reveal:hover:before {
  content: "\e129"; }

.u-power-f:before,
.u-power.reveal:hover:before {
  content: "\f12A"; }

.u-power:before,
.u-power-f.reveal:hover:before {
  content: "\e12A"; }

.u-hamburger-f:before,
.u-hamburger.reveal:hover:before {
  content: "\f12B"; }

.u-hamburger:before,
.u-hamburger-f.reveal:hover:before {
  content: "\e12B"; }

.u-tag-f:before,
.u-tag.reveal:hover:before {
  content: "\f12C"; }

.u-tag:before,
.u-tag-f.reveal:hover:before {
  content: "\e12C"; }

.u-bulb-power-f:before,
.u-bulb-power.reveal:hover:before {
  content: "\f12D"; }

.u-bulb-power:before,
.u-bulb-power-f.reveal:hover:before {
  content: "\e12D"; }

.u-bulb-plus-f:before,
.u-bulb-plus.reveal:hover:before {
  content: "\f12E"; }

.u-bulb-plus:before,
.u-bulb-plus-f.reveal:hover:before {
  content: "\e12E"; }

.u-video-f:before,
.u-video.reveal:hover:before {
  content: "\f12F"; }

.u-video:before,
.u-video-f.reveal:hover:before {
  content: "\e12F"; }

.u-tag-off-f:before,
.u-tag-off.reveal:hover:before {
  content: "\f130"; }

.u-tag-off:before,
.u-tag-off-f.reveal:hover:before {
  content: "\e130"; }

.u-calendar-date-f:before,
.u-calendar-date.reveal:hover:before {
  content: "\f131"; }

.u-calendar-date:before,
.u-calendar-date-f.reveal:hover:before {
  content: "\e131"; }

.u-timeline-f:before,
.u-timeline.reveal:hover:before {
  content: "\f132"; }

.u-timeline:before,
.u-timeline-f.reveal:hover:before {
  content: "\e132"; }

.u-metric-f:before,
.u-metric.reveal:hover:before {
  content: "\f133"; }

.u-metric:before,
.u-metric-f.reveal:hover:before {
  content: "\e133"; }

.u-photo-f:before,
.u-photo.reveal:hover:before {
  content: "\f135"; }

.u-photo:before,
.u-photo-f.reveal:hover:before {
  content: "\e135"; }

.u-link-f:before,
.u-link.reveal:hover:before {
  content: "\f136"; }

.u-link:before,
.u-link-f.reveal:hover:before {
  content: "\e136"; }

.u-map-pin-f:before,
.u-map-pin.reveal:hover:before {
  content: "\f137"; }

.u-map-pin:before,
.u-map-pin-f.reveal:hover:before {
  content: "\e137"; }

.u-sentiment-f:before,
.u-sentiment.reveal:hover:before {
  content: "\f138"; }

.u-sentiment:before,
.u-sentiment-f.reveal:hover:before {
  content: "\e138"; }

.u-percentage-f:before,
.u-percentage.reveal:hover:before {
  content: "\f139"; }

.u-percentage:before,
.u-percentage-f.reveal:hover:before {
  content: "\e139"; }

.u-number-f:before,
.u-number.reveal:hover:before {
  content: "\f13A"; }

.u-number:before,
.u-number-f.reveal:hover:before {
  content: "\e13A"; }

.u-tasklist-f:before,
.u-tasklist.reveal:hover:before {
  content: "\f13B"; }

.u-tasklist:before,
.u-tasklist-f.reveal:hover:before {
  content: "\e13B"; }

.u-task-plus-f:before,
.u-task-plus.reveal:hover:before {
  content: "\f13C"; }

.u-task-plus:before,
.u-task-plus-f.reveal:hover:before {
  content: "\e13C"; }

.u-task-minus-f:before,
.u-task-minus.reveal:hover:before {
  content: "\f13D"; }

.u-task-minus:before,
.u-task-minus-f.reveal:hover:before {
  content: "\e13D"; }

.u-task-waiting-f:before,
.u-task-waiting.reveal:hover:before {
  content: "\f13E"; }

.u-task-waiting:before,
.u-task-waiting-f.reveal:hover:before {
  content: "\e13E"; }

.u-task-settings-f:before,
.u-task-settings.reveal:hover:before {
  content: "\f13F"; }

.u-task-settings:before,
.u-task-settings-f.reveal:hover:before {
  content: "\e13F"; }

.u-task-pending-f:before,
.u-task-pending.reveal:hover:before {
  content: "\f140"; }

.u-task-pending:before,
.u-task-pending-f.reveal:hover:before {
  content: "\e140"; }

.u-profile-circle-f:before,
.u-profile-circle.reveal:hover:before {
  content: "\f141"; }

.u-profile-circle:before,
.u-profile-circle-f.reveal:hover:before {
  content: "\e141"; }

.u-alert-circle-f:before,
.u-alert-circle.reveal:hover:before {
  content: "\f142"; }

.u-alert-circle:before,
.u-alert-circle-f.reveal:hover:before {
  content: "\e142"; }

.u-search-circle-f:before,
.u-search-circle.reveal:hover:before {
  content: "\f143"; }

.u-search-circle:before,
.u-search-circle-f.reveal:hover:before {
  content: "\e143"; }

.u-chevron-f:before,
.u-chevron.reveal:hover:before {
  content: "\f144"; }

.u-chevron:before,
.u-chevron-f.reveal:hover:before {
  content: "\e144"; }

.u-caret-f:before,
.u-caret.reveal:hover:before {
  content: "\f145"; }

.u-caret:before,
.u-caret-f.reveal:hover:before {
  content: "\e145"; }

.u-calendar-empty-f:before,
.u-calendar-empty.reveal:hover:before {
  content: "\f146"; }

.u-calendar-empty:before,
.u-calendar-empty-f.reveal:hover:before {
  content: "\e146"; }

.u-clipboard-empty-f:before,
.u-clipboard-empty.reveal:hover:before {
  content: "\f147"; }

.u-clipboard-empty:before,
.u-clipboard-empty-f.reveal:hover:before {
  content: "\e147"; }

.u-bulb-f:before,
.u-bulb.reveal:hover:before {
  content: "\f148"; }

.u-bulb:before,
.u-bulb-f.reveal:hover:before {
  content: "\e148"; }

.u-exw-f:before,
.u-exw.reveal:hover:before {
  content: "\f149"; }

.u-exw:before,
.u-exw-f.reveal:hover:before {
  content: "\e149"; }

.u-checkw-f:before,
.u-checkw.reveal:hover:before {
  content: "\f14A"; }

.u-checkw:before,
.u-checkw-f.reveal:hover:before {
  content: "\e14A"; }

.u-arrow-w-right-f:before,
.u-arrow-w-right.reveal:hover:before {
  content: "\f14B"; }

.u-arrow-w-right:before,
.u-arrow-w-right-f.reveal:hover:before {
  content: "\e14B"; }

.u-arrow-w-left-f:before,
.u-arrow-w-left.reveal:hover:before {
  content: "\f14C"; }

.u-arrow-w-left:before,
.u-arrow-w-left-f.reveal:hover:before {
  content: "\e14C"; }

.u-new-window-f:before,
.u-new-window.reveal:hover:before {
  content: "\f14D"; }

.u-new-window:before,
.u-new-window-f.reveal:hover:before {
  content: "\e14D"; }

.u-signout-f:before,
.u-signout.reveal:hover:before {
  content: "\f14E"; }

.u-signout:before,
.u-signout-f.reveal:hover:before {
  content: "\e14E"; }

.u-graph-donut-f:before,
.u-graph-donut.reveal:hover:before {
  content: "\f14F"; }

.u-graph-donut:before,
.u-graph-donut-f.reveal:hover:before {
  content: "\e14F"; }

.u-graph-bubble-f:before,
.u-graph-bubble.reveal:hover:before {
  content: "\f150"; }

.u-graph-bubble:before,
.u-graph-bubble-f.reveal:hover:before {
  content: "\e150"; }

.u-graph-bar-f:before,
.u-graph-bar.reveal:hover:before {
  content: "\f151"; }

.u-graph-bar:before,
.u-graph-bar-f.reveal:hover:before {
  content: "\e151"; }

.u-task-complete-f:before,
.u-task-complete.reveal:hover:before {
  content: "\f152"; }

.u-task-complete:before,
.u-task-complete-f.reveal:hover:before {
  content: "\e152"; }

.u-task-assign-f:before,
.u-task-assign.reveal:hover:before {
  content: "\f153"; }

.u-task-assign:before,
.u-task-assign-f.reveal:hover:before {
  content: "\e153"; }

.u-type-zip-f:before,
.u-type-zip.reveal:hover:before {
  content: "\f154"; }

.u-type-zip:before,
.u-type-zip-f.reveal:hover:before {
  content: "\e154"; }

.u-powerpoint-f:before,
.u-powerpoint.reveal:hover:before {
  content: "\f155"; }

.u-powerpoint:before,
.u-powerpoint-f.reveal:hover:before {
  content: "\e155"; }

.u-type-audio-f:before,
.u-type-audio.reveal:hover:before {
  content: "\f156"; }

.u-type-audio:before,
.u-type-audio-f.reveal:hover:before {
  content: "\e156"; }

.u-currency-f:before,
.u-currency.reveal:hover:before {
  content: "\f157"; }

.u-currency:before,
.u-currency-f.reveal:hover:before {
  content: "\e157"; }

.u-link-lg-f:before,
.u-link-lg.reveal:hover:before {
  content: "\f158"; }

.u-link-lg:before,
.u-link-lg-f.reveal:hover:before {
  content: "\e158"; }

.u-outlook-f:before,
.u-outlook.reveal:hover:before {
  content: "\f159"; }

.u-outlook:before,
.u-outlook-f.reveal:hover:before {
  content: "\e159"; }

.u-circle-download-f:before,
.u-circle-download.reveal:hover:before {
  content: "\f15A"; }

.u-circle-download:before,
.u-circle-download-f.reveal:hover:before {
  content: "\e15A"; }

.u-download-circle-f:before,
.u-download-circle.reveal:hover:before {
  content: "\f15A"; }

.u-download-circle:before,
.u-download-circle-f.reveal:hover:before {
  content: "\e15A"; }

.u-mail-lg-f:before,
.u-mail-lg.reveal:hover:before {
  content: "\f15B"; }

.u-mail-lg:before,
.u-mail-lg-f.reveal:hover:before {
  content: "\e15B"; }

.u-question-f:before,
.u-question.reveal:hover:before {
  content: "\f15C"; }

.u-question:before,
.u-question-f.reveal:hover:before {
  content: "\e15C"; }

.u-data-question-f:before,
.u-data-question.reveal:hover:before {
  content: "\f15C"; }

.u-data-question:before,
.u-data-question-f.reveal:hover:before {
  content: "\e15C"; }

.u-data-amount-f:before,
.u-data-amount.reveal:hover:before {
  content: "\f15D"; }

.u-data-amount:before,
.u-data-amount-f.reveal:hover:before {
  content: "\e15D"; }

.u-data-boolean-f:before,
.u-data-boolean.reveal:hover:before {
  content: "\f15E"; }

.u-data-boolean:before,
.u-data-boolean-f.reveal:hover:before {
  content: "\e15E"; }

.u-data-date-f:before,
.u-data-date.reveal:hover:before {
  content: "\f15F"; }

.u-data-date:before,
.u-data-date-f.reveal:hover:before {
  content: "\e15F"; }

.u-data-formula-f:before,
.u-data-formula.reveal:hover:before {
  content: "\f160"; }

.u-data-formula:before,
.u-data-formula-f.reveal:hover:before {
  content: "\e160"; }

.u-data-folder-f:before,
.u-data-folder.reveal:hover:before {
  content: "\f161"; }

.u-data-folder:before,
.u-data-folder-f.reveal:hover:before {
  content: "\e161"; }

.u-data-view-f:before,
.u-data-view.reveal:hover:before {
  content: "\f162"; }

.u-data-view:before,
.u-data-view-f.reveal:hover:before {
  content: "\e162"; }

.u-data-dropdown-f:before,
.u-data-dropdown.reveal:hover:before {
  content: "\f163"; }

.u-data-dropdown:before,
.u-data-dropdown-f.reveal:hover:before {
  content: "\e163"; }

.u-data-table-f:before,
.u-data-table.reveal:hover:before {
  content: "\f164"; }

.u-data-table:before,
.u-data-table-f.reveal:hover:before {
  content: "\e164"; }

.u-data-view-off-f:before,
.u-data-view-off.reveal:hover:before {
  content: "\f165"; }

.u-data-view-off:before,
.u-data-view-off-f.reveal:hover:before {
  content: "\e165"; }

.u-data-text-f:before,
.u-data-text.reveal:hover:before {
  content: "\f166"; }

.u-data-text:before,
.u-data-text-f.reveal:hover:before {
  content: "\e166"; }

.u-data-nested-f:before,
.u-data-nested.reveal:hover:before {
  content: "\f167"; }

.u-data-nested:before,
.u-data-nested-f.reveal:hover:before {
  content: "\e167"; }

.u-table-pivot-f:before,
.u-table-pivot.reveal:hover:before {
  content: "\f168"; }

.u-table-pivot:before,
.u-table-pivot-f.reveal:hover:before {
  content: "\e168"; }

.u-table-pivot-f:before,
.u-table-pivot.reveal:hover:before {
  content: "\f168"; }

.u-table-pivot:before,
.u-table-pivot-f.reveal:hover:before {
  content: "\e168"; }

[bubble] {
  position: relative; }

[bubble]:before,
[bubble]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top; }

[bubble]:after {
  background: rgba(44, 44, 44, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(bubble);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 1px;
  line-height: 16px; }

[bubble]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: -4px; }

[bubble]:hover:before,
[bubble]:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[bubble][bubble-break]:after {
  white-space: normal; }

[bubble-pos="down"]:before,
[bubble-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }

[bubble-pos="down"]:after {
  margin-top: 8px; }

[bubble-pos="down"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 3px;
  margin-bottom: 0; }

[bubble-pos="down"]:hover:before,
[bubble-pos="down"]:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[bubble-pos="left"]:before,
[bubble-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }

[bubble-pos="left"]:after {
  margin-right: 11px; }

[bubble-pos="left"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 6px;
  margin-bottom: 0; }

[bubble-pos="left"]:hover:before,
[bubble-pos="left"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[bubble-pos="right"]:before,
[bubble-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%); }

[bubble-pos="right"]:after {
  margin-left: 11px; }

[bubble-pos="right"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(44, 44, 44, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 6px; }

[bubble-pos="right"]:hover:before,
[bubble-pos="right"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[bubble-length]:after {
  white-space: normal; }

[bubble-length="small"]:after {
  width: 80px; }

[bubble-length="medium"]:after {
  width: 150px; }

[bubble-length="large"]:after {
  width: 260px; }

[bubble-length="xlarge"]:after {
  width: 90vw; }

@media screen and (min-width: 768px) {
  [bubble-length="xlarge"]:after {
    width: 380px; } }
[bubble-length="fit"]:after {
  width: 100%; }

* {
  margin: 0;
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  background: #fcfcff;
  position: relative; }
  body.modal-lock {
    overflow: hidden; }

body,
.body_text {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #444;
  font-weight: 400; }
  body a,
  .body_text a {
    color: #638BCE;
    text-decoration: none; }

input,
select,
textarea {
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif !important; }

.standard-input {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cacaca;
  background: #fff;
  font-size: 13px;
  line-height: 32px;
  height: 32px;
  width: 100%;
  color: #444;
  outline: none !important;
  padding: 0px 8px; }
  .standard-input.light-border {
    border: 1px solid #ddd; }

ul,
li {
  list-style: none; }

img {
  vertical-align: top; }

input:focus:not(.header-search):not(.button-field):not(.update-description):not(.update-title):not(.no-focus),
textarea:focus:not(.header-search):not(.button-field):not(.update-description):not(.update-title):not(.no-focus) {
  -webkit-box-shadow: 0px 0px 4px rgba(61, 98, 123, 0.4);
  -moz-box-shadow: 0px 0px 4px rgba(61, 98, 123, 0.4);
  box-shadow: 0px 0px 4px rgba(61, 98, 123, 0.4);
  border-color: #3d627b !important; }

a {
  cursor: pointer; }

a:focus {
  outline: none; }

.unstyled-link {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  cursor: pointer;
  font-weight: 500; }
  .unstyled-link:hover {
    color: #31589a; }

.toast {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  position: fixed;
  z-index: 52;
  right: 16px;
  top: 112px;
  text-align: right;
  max-width: 480px;
  background: rgba(0, 0, 0, 0.8);
  color: #eee;
  font-size: 15px;
  line-height: 24px;
  padding: 12px 24px;
  opacity: 0;
  pointer-events: none; }
  .toast.visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    pointer-events: all; }
  .toast .message {
    font-size: 15px;
    line-height: 24px; }
  .toast > i {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    font-size: 13px;
    cursor: pointer;
    color: #ddd;
    position: relative;
    top: 1px;
    margin-left: 16px; }
    .toast > i:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      color: #fff; }

.page-container {
  -webkit-transition: padding 500ms ease, opacity 200ms linear;
  -moz-transition: padding 500ms ease, opacity 200ms linear;
  -ms-transition: padding 500ms ease, opacity 200ms linear;
  -o-transition: padding 500ms ease, opacity 200ms linear;
  will-change: padding;
  width: 100%;
  max-width: 1280px;
  padding: 192px 24px 120px;
  margin: 0 auto; }
  .page-container.hiding {
    opacity: 0; }
  .page-container #narrative,
  .page-container #insights,
  .page-container #summary {
    -webkit-animation: pageIn 400ms linear;
    -moz-animation: pageIn 400ms linear;
    -ms-animation: pageIn 400ms linear;
    -o-animation: pageIn 400ms linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
@keyframes pageIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .page-container #narrative,
  .page-container #summary {
    display: none; }
  .page-container.sidebar-panel-open {
    padding-left: 24px; }
    @media (max-width: 1880px) {
      .page-container.sidebar-panel-open {
        padding-left: calc(324px - (100vw - 1280px)/2); } }
    @media (max-width: 1280px) {
      .page-container.sidebar-panel-open {
        padding-left: 324px; } }

.button,
button {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  text-align: center;
  border: 1px solid #999;
  padding: 0px;
  font-weight: 500;
  background: #fcfcff;
  color: #777;
  cursor: pointer;
  display: inline-block;
  outline: none; }
  .button .line-icon,
  button .line-icon {
    display: block; }
  .button .fill-icon,
  button .fill-icon {
    display: none; }
  .button .futil,
  button .futil {
    pointer-events: none; }
  .button.right-side,
  button.right-side {
    float: right; }
  .button:hover,
  button:hover {
    color: #638BCE;
    border: 1px solid #638BCE; }
    .button:hover .line-icon,
    button:hover .line-icon {
      display: none; }
    .button:hover .fill-icon,
    button:hover .fill-icon {
      display: block; }
  .button:active,
  button:active {
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }
  .button.mini-button,
  button.mini-button {
    font-size: 13px;
    line-height: 18px;
    padding: 3px 16px;
    font-weight: 500; }
    .button.mini-button .dropdown-icon,
    button.mini-button .dropdown-icon {
      position: relative;
      top: 1px; }
      .button.mini-button .dropdown-icon i,
      button.mini-button .dropdown-icon i {
        pointer-events: none;
        position: relative;
        top: -1px; }
  .button.small-button,
  button.small-button {
    font-size: 13px;
    line-height: 18px;
    padding: 7px 16px; }
  .button.dropdown-button,
  button.dropdown-button {
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    border: 1px solid #cacaca; }
    .button.dropdown-button .u-caret,
    .button.dropdown-button .u-caret-f,
    button.dropdown-button .u-caret,
    button.dropdown-button .u-caret-f {
      font-size: 13px; }
    .button.dropdown-button .dropdown-button-title,
    button.dropdown-button .dropdown-button-title {
      pointer-events: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      max-width: calc(100% - 56px);
      position: absolute;
      /* top: 7px; */
      line-height: 18px; }
      .button.dropdown-button .dropdown-button-title.set-width,
      button.dropdown-button .dropdown-button-title.set-width {
        max-width: 100%;
        position: relative;
        top: 0px;
        line-height: 13px;
        overflow: visible; }
      .button.dropdown-button .dropdown-button-title img,
      button.dropdown-button .dropdown-button-title img {
        height: 18px;
        margin-right: 4px;
        max-width: 54px; }
    .button.dropdown-button .dropdown-icon,
    button.dropdown-button .dropdown-icon {
      transition: transform .3s ease-in-out;
      -webkit-transition: transform .3s ease-in-out;
      -o-transition: transform .3s ease-in-out;
      -moz-transition: transform .3s ease-in-out;
      margin-left: 8px;
      pointer-events: none;
      float: right; }
      .button.dropdown-button .dropdown-icon.reverse,
      button.dropdown-button .dropdown-icon.reverse {
        transform: rotate(180deg); }
      .button.dropdown-button .dropdown-icon i,
      button.dropdown-button .dropdown-icon i {
        position: relative;
        top: -1px; }
    .button.dropdown-button:hover,
    button.dropdown-button:hover {
      border: 1px solid #638BCE; }
  .button.blue,
  button.blue {
    background: #638BCE;
    border: 1px solid #638BCE;
    color: #fff;
    font-weight: 500; }
    .button.blue:hover,
    button.blue:hover {
      background: #4c7ac7;
      border: 1px solid #4c7ac7; }
  .button.green,
  button.green {
    background: #9cde87;
    border: 1px solid #9cde87;
    color: #fff;
    font-weight: 500; }
    .button.green:hover,
    button.green:hover {
      background: #88d76f;
      border: 1px solid #88d76f; }
    .button.green a,
    .button.green a:hover,
    button.green a,
    button.green a:hover {
      color: inherit; }
  .button.red,
  button.red {
    font-weight: 500; }
    .button.red:hover,
    button.red:hover {
      color: #d03d18;
      border: 1px solid #d03d18; }
  .button.disabled,
  button.disabled {
    pointer-events: none;
    opacity: 0.6; }
  .button.full-width,
  button.full-width {
    width: 100%; }
  .button.no-interaction,
  button.no-interaction {
    pointer-events: none; }

ul.segmented-button {
  display: table;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  font-size: 0; }
  ul.segmented-button > li {
    display: table-cell;
    font-size: 13px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacaca;
    background: #eee;
    background: linear-gradient(0deg, #f0f0f0, #fafafa);
    margin: 0px;
    padding: 0px 8px;
    position: relative; }
    ul.segmented-button > li:hover i.line-icon {
      display: inline-block; }
    ul.segmented-button > li:hover i.fill-icon {
      display: none; }
    ul.segmented-button > li:not(:first-child) {
      border-left: none; }
      ul.segmented-button > li:not(:first-child)::after {
        z-index: 2;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        pointer-events: none;
        content: '';
        position: absolute;
        height: calc(100% + 2px);
        border-right: 1px solid #638BCE;
        left: -1px;
        top: -1px;
        opacity: 0; }
      ul.segmented-button > li:not(:first-child):hover::after {
        opacity: 1; }
    ul.segmented-button > li:first-child {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-left: 1px solid #cacaca; }
      ul.segmented-button > li:first-child:hover {
        border-left: 1px solid #638BCE; }
    ul.segmented-button > li:last-child {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-left: none; }
    ul.segmented-button > li.small-button {
      padding: 7px 16px; }
    ul.segmented-button > li.selected {
      -webkit-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 2px 6px -1px rgba(0, 0, 0, 0.2);
      background: #e0e4eb;
      border-color: #cacaca !important;
      color: #638BCE;
      pointer-events: none; }
      ul.segmented-button > li.selected::after {
        opacity: 0 !important; }
      ul.segmented-button > li.selected i.fill-icon {
        display: inline-block; }
      ul.segmented-button > li.selected i.line-icon {
        display: none; }
    ul.segmented-button > li i.fill-icon {
      display: none; }
    ul.segmented-button > li i.line-icon {
      display: inline-block; }
    ul.segmented-button > li span {
      margin-left: 8px; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .dropdown-icon {
    margin-left: 8px; }
  h3 .dropdown {
    float: right; }
    h3 .dropdown .dropdown-button {
      margin-left: 0px; }
    h3 .dropdown .dropdown-menu {
      right: 0px; }
  .dropdown .dropdown-field {
    display: inline-block;
    padding: 0px 8px 0px 28px;
    font-size: 13px;
    line-height: 32px;
    border: 1px solid #cacaca;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444;
    outline: none; }
    .dropdown .dropdown-field:focus {
      -webkit-box-shadow: 0px 0px 4px #638BCE;
      -moz-box-shadow: 0px 0px 4px #638BCE;
      box-shadow: 0px 0px 4px #638BCE;
      border-color: #638BCE; }
  .dropdown .dropdown-field-search {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 9px;
    font-size: 13px;
    color: #777; }
  .dropdown .dropdown-menu {
    text-align: left;
    max-height: 224px;
    overflow: hidden;
    position: absolute;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 36px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
    z-index: 12;
    color: #638BCE;
    font-weight: 500; }
    .dropdown .dropdown-menu.overflow-dropdown-menu {
      top: 0;
      right: 22px; }
      .dropdown .dropdown-menu.overflow-dropdown-menu > li {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        color: #555; }
        .dropdown .dropdown-menu.overflow-dropdown-menu > li i {
          margin-right: 8px;
          color: #777; }
    .dropdown .dropdown-menu.dropdown-mini {
      top: 26px; }
    .dropdown .dropdown-menu.dropdown-small {
      top: 34px; }
    .dropdown .dropdown-menu.width-120 {
      width: 120px; }
    .dropdown .dropdown-menu.width-160 {
      width: 160px; }
    .dropdown .dropdown-menu.width-200 {
      width: 200px; }
    .dropdown .dropdown-menu.width-240 {
      width: 240px; }
    .dropdown .dropdown-menu.width-280 {
      width: 280px; }
    .dropdown .dropdown-menu.width-320 {
      width: 320px; }
    .dropdown .dropdown-menu.width-480 {
      width: 480px; }
    .dropdown .dropdown-menu.full-width {
      width: 100%; }
    .dropdown .dropdown-menu.chip-menu {
      top: auto;
      bottom: 34px; }
    .dropdown .dropdown-menu.right-side {
      right: 0px; }
    .dropdown .dropdown-menu.multi-line > li {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none; }
    .dropdown .dropdown-menu > li {
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      height: 0px;
      overflow: hidden;
      padding: 0px 20px; }
      .dropdown .dropdown-menu > li .title {
        pointer-events: none; }
        .dropdown .dropdown-menu > li .title.left-side {
          float: left;
          margin-right: 8px; }
      .dropdown .dropdown-menu > li .line2 {
        font-weight: 400;
        color: #777;
        display: block;
        font-size: 12px;
        line-height: 16px; }
      .dropdown .dropdown-menu > li .count {
        float: right;
        color: #777; }
        .dropdown .dropdown-menu > li .count.new-category {
          display: none; }
      .dropdown .dropdown-menu > li .image-container {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        pointer-events: none; }
      .dropdown .dropdown-menu > li .chip-image {
        max-height: 31px;
        max-width: 31px;
        margin-right: 8px;
        position: relative;
        display: inline-block;
        top: -13px;
        vertical-align: middle; }
        .dropdown .dropdown-menu > li .chip-image.person {
          height: 31px;
          width: 31px;
          border: 1px solid #cacaca;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
      .dropdown .dropdown-menu > li .one-line,
      .dropdown .dropdown-menu > li .two-line {
        pointer-events: none;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 48px); }
        .dropdown .dropdown-menu > li .one-line span,
        .dropdown .dropdown-menu > li .two-line span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .dropdown .dropdown-menu > li .two-line {
        margin-top: 6px; }
      .dropdown .dropdown-menu > li:hover {
        background: #f2f3f9; }
      .dropdown .dropdown-menu > li:last-child {
        border-bottom: none; }
      .dropdown .dropdown-menu > li.results-hidden {
        height: 0px !important;
        padding: 0px !important;
        border-bottom: none !important;
        margin: 0px !important; }
      .dropdown .dropdown-menu > li.result-usable {
        position: relative;
        background: #eff3fa; }
        .dropdown .dropdown-menu > li.result-usable::after {
          content: '';
          background: #638BCE;
          height: 100%;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 4px; }
      .dropdown .dropdown-menu > li.result-used {
        display: none; }
      .dropdown .dropdown-menu > li.use-email, .dropdown .dropdown-menu > li.new-tag {
        height: 0px !important;
        border-bottom: none !important;
        color: #777;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .dropdown .dropdown-menu > li.use-email .email,
        .dropdown .dropdown-menu > li.use-email .tag-name, .dropdown .dropdown-menu > li.new-tag .email,
        .dropdown .dropdown-menu > li.new-tag .tag-name {
          font-weight: 500;
          color: #638BCE;
          white-space: nowrap; }
        .dropdown .dropdown-menu > li.use-email.visible, .dropdown .dropdown-menu > li.new-tag.visible {
          height: 36px !important;
          border-bottom: 1px solid #d0d1de !important; }
      .dropdown .dropdown-menu > li.no-results {
        height: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border-bottom: none !important;
        color: #777;
        font-weight: 400;
        cursor: default; }
        .dropdown .dropdown-menu > li.no-results.visible {
          padding-top: 8px !important;
          padding-bottom: 8px !important;
          height: 36px !important;
          border-bottom: 1px solid #d0d1de !important; }
          .dropdown .dropdown-menu > li.no-results.visible:hover {
            background: #fff !important; }
      .dropdown .dropdown-menu > li.category {
        color: #777;
        font-weight: 500;
        cursor: default; }
        .dropdown .dropdown-menu > li.category:hover {
          background: #fff !important; }
        .dropdown .dropdown-menu > li.category.no-grants, .dropdown .dropdown-menu > li.category.no-requests, .dropdown .dropdown-menu > li.category.no-persons, .dropdown .dropdown-menu > li.category.no-tags {
          font-weight: 400;
          margin-top: 0px !important;
          height: 0px !important;
          border-bottom: none !important;
          color: #777;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropdown .dropdown-menu > li.category.no-grants.visible, .dropdown .dropdown-menu > li.category.no-requests.visible, .dropdown .dropdown-menu > li.category.no-persons.visible, .dropdown .dropdown-menu > li.category.no-tags.visible {
            height: 36px !important;
            border-bottom: 1px solid #d0d1de !important; }
      .dropdown .dropdown-menu > li.dropdown-search {
        padding: 0px !important; }
        .dropdown .dropdown-menu > li.dropdown-search .u-zoom {
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          position: absolute;
          left: 12px;
          top: 13px;
          font-size: 14px;
          color: #999;
          opacity: 0; }
        .dropdown .dropdown-menu > li.dropdown-search .dropdown-search-field {
          padding: 0px 20px 0px 36px;
          line-height: 44px;
          width: 100%;
          outline: none;
          color: #444;
          font-size: 13px;
          border: none; }
    .dropdown .dropdown-menu.visible {
      overflow-x: hidden;
      overflow-y: auto; }
      .dropdown .dropdown-menu.visible.multi-line > li {
        height: auto;
        padding: 8px 13px;
        line-height: 20px; }
      .dropdown .dropdown-menu.visible > li {
        border-bottom: 1px solid #d0d1de;
        height: 36px; }
        .dropdown .dropdown-menu.visible > li.dropdown-search {
          height: 44px; }
          .dropdown .dropdown-menu.visible > li.dropdown-search .u-zoom {
            opacity: 1; }
        .dropdown .dropdown-menu.visible > li:last-child {
          border-bottom: none; }
        .dropdown .dropdown-menu.visible > li.category {
          margin-top: 8px; }
        .dropdown .dropdown-menu.visible > li.image-result {
          height: 48px;
          line-height: 18px;
          border-bottom: 1px solid #cacaca; }

.dropdown-chips {
  padding-top: 8px; }
  .dropdown-chips .chip {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 18px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #638BCE;
    background: #e8eef8;
    color: #777;
    padding: 0px 28px 0px 8px;
    margin-bottom: 4px;
    font-weight: 500;
    cursor: default;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out; }
    .dropdown-chips .chip.rem {
      opacity: 0.6;
      border-color: #e39a87 !important;
      background: #f3e7e4 !important; }
      .dropdown-chips .chip.rem .count {
        background: #e39a87 !important; }
    .dropdown-chips .chip.delete {
      transform: scale(0.9);
      opacity: 0; }
    .dropdown-chips .chip:not(:last-child) {
      margin-right: 4px; }
    .dropdown-chips .chip > i {
      position: absolute;
      top: 4px;
      right: 8px;
      font-size: 11px;
      cursor: pointer;
      padding: 2px; }
      .dropdown-chips .chip > i:hover {
        color: #d03d18; }
    .dropdown-chips .chip .image-container {
      display: inline-block; }
    .dropdown-chips .chip > img {
      height: 16px;
      margin-right: 6px;
      position: relative;
      top: 3px; }
      .dropdown-chips .chip > img.person {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .dropdown-chips .chip .one-line,
    .dropdown-chips .chip .two-line {
      font-size: 0px;
      display: inline-block; }
    .dropdown-chips .chip .title {
      font-size: 13px;
      display: inline-block;
      position: relative;
      top: 2px; }
    .dropdown-chips .chip .count {
      background: #638BCE;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-topleft: 8px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      padding: 0px 6px;
      line-height: 16px;
      height: 16px;
      min-width: 16px;
      top: 3px;
      font-size: 11px;
      text-align: center;
      color: #fff;
      position: absolute;
      left: 8px;
      width: 32px;
      text-align: center; }
    .dropdown-chips .chip .line2 {
      display: none; }
    .dropdown-chips .chip.person {
      border: 1px solid #999;
      background: #f6f6f6; }
      .dropdown-chips .chip.person img {
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
    .dropdown-chips .chip.metric {
      color: #76798d;
      border: 1px solid #76798d;
      background: mix #76798d, #fff, 9%; }
      .dropdown-chips .chip.metric .count {
        background: #76798d; }
    .dropdown-chips .chip.metric-chip {
      border: 1px solid #999;
      background: #f6f6f6; }
      .dropdown-chips .chip.metric-chip .count {
        background: #cacaca; }

.overflow-dropdown {
  position: absolute;
  top: 8px;
  right: 8px; }
  .overflow-dropdown .card-overflow {
    display: block;
    background: rgba(250, 250, 250, 0.9);
    text-align: center;
    height: 20px;
    width: 20px;
    padding: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacaca;
    color: #777; }
    .overflow-dropdown .card-overflow i {
      vertical-align: top;
      position: relative;
      top: 3px;
      font-size: 11px;
      margin-right: 0px; }
    .overflow-dropdown .card-overflow:hover, .overflow-dropdown .card-overflow.current {
      color: #638BCE;
      border: 1px solid #638BCE; }

#header {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 55px;
  top: 0;
  background: #313f56;
  border-bottom: 2px solid #323160;
  position: fixed;
  z-index: 50; }
  #header .page-content {
    display: flex;
    justify-content: space-between;
    height: calc(100% + 2px);
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 24px; }
    #header .page-content > menu {
      display: flex;
      height: 100%; }
      #header .page-content > menu > li {
        height: 100%;
        color: white;
        font-weight: 500;
        font-size: 14px;
        border-left: 1px solid #323160;
        position: relative; }
        #header .page-content > menu > li:last-child {
          border-right: 1px solid #323160; }
        #header .page-content > menu > li:hover {
          background: linear-gradient(#313f56, #283346); }
          #header .page-content > menu > li:hover ul {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            opacity: 1;
            pointer-events: all; }
            #header .page-content > menu > li:hover ul > li {
              height: 36px; }
              #header .page-content > menu > li:hover ul > li.tile {
                height: 95px; }
                #header .page-content > menu > li:hover ul > li.tile .photo {
                  -webkit-transform: scale(1) translateX(0);
                  -moz-transform: scale(1) translateX(0);
                  -ms-transform: scale(1) translateX(0);
                  -o-transform: scale(1) translateX(0); }
        #header .page-content > menu > li.nav-tooltip.answer-bank::after {
          content: 'Answer Bank'; }
        #header .page-content > menu > li.nav-tooltip.search::after {
          content: 'Global Search'; }
        #header .page-content > menu > li.nav-tooltip:hover::before, #header .page-content > menu > li.nav-tooltip:hover::after {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          opacity: 1; }
        #header .page-content > menu > li.nav-tooltip::before {
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          -webkit-transform: translateY(-4px);
          -moz-transform: translateY(-4px);
          -ms-transform: translateY(-4px);
          -o-transform: translateY(-4px);
          content: '';
          display: block;
          border-right: 4px solid transparent;
          border-bottom: 5px solid rgba(0, 0, 0, 0.6);
          border-left: 4px solid transparent;
          position: absolute;
          left: calc(50% - 2px);
          bottom: -8px;
          z-index: -1;
          pointer-events: none;
          opacity: 0; }
        #header .page-content > menu > li.nav-tooltip::after {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          -webkit-transform: translateY(-4px);
          -moz-transform: translateY(-4px);
          -ms-transform: translateY(-4px);
          -o-transform: translateY(-4px);
          pointer-events: none;
          opacity: 0;
          display: block;
          position: absolute;
          bottom: -32px;
          width: 104px;
          line-height: 18px;
          font-size: 12px;
          font-weight: 500;
          padding: 3px 0px;
          left: calc(50% - 52px);
          background: rgba(0, 0, 0, 0.6);
          color: #fff;
          text-align: center;
          z-index: -1; }
        #header .page-content > menu > li > ul > li > a > i {
          margin-left: 6px;
          font-size: 14px;
          position: relative;
          top: -1px; }
        #header .page-content > menu > li > a {
          height: 100%;
          padding: 0px 24px 2px;
          color: inherit; }
          #header .page-content > menu > li > a.header-link-selected {
            background: #3b3a73;
            background: #2a3142; }
            #header .page-content > menu > li > a.header-link-selected::after {
              content: '';
              display: block;
              position: absolute;
              bottom: 2px;
              left: 0;
              width: 100%;
              height: 3px;
              background: #638BCE; }
          #header .page-content > menu > li > a:hover {
            cursor: pointer; }
          #header .page-content > menu > li > a .circle-back {
            font-size: 27px;
            position: relative;
            top: -1px; }
            #header .page-content > menu > li > a .circle-back::after {
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-transform: scale(0.9);
              -moz-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9);
              content: '';
              display: block;
              position: absolute;
              left: -2px;
              top: 2px;
              width: 28px;
              height: 28px;
              border: 3px solid #fff; }
        #header .page-content > menu > li#header-search {
          display: flex;
          align-items: center; }
          #header .page-content > menu > li#header-search form {
            display: none; }
            #header .page-content > menu > li#header-search form input {
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
              border: none; }
          #header .page-content > menu > li#header-search:hover {
            padding: 0 13px; }
            #header .page-content > menu > li#header-search:hover form {
              display: block; }
            #header .page-content > menu > li#header-search:hover a {
              padding: 0; }
              #header .page-content > menu > li#header-search:hover a i {
                -webkit-border-top-right-radius: 4px;
                -webkit-border-bottom-right-radius: 4px;
                -webkit-border-bottom-left-radius: 0px;
                -webkit-border-top-left-radius: 0px;
                -moz-border-radius-topright: 4px;
                -moz-border-radius-bottomright: 4px;
                -moz-border-radius-bottomleft: 0px;
                -moz-border-radius-topleft: 0px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 0px;
                border-top-left-radius: 0px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                margin-bottom: 0;
                padding: 1px 15px 3px 0;
                background: white;
                color: #283346; }
        #header .page-content > menu > li ul {
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -ms-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          -webkit-border-top-right-radius: 0;
          -webkit-border-bottom-right-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -webkit-border-top-left-radius: 0;
          -moz-border-radius-topright: 0;
          -moz-border-radius-bottomright: 6px;
          -moz-border-radius-bottomleft: 6px;
          -moz-border-radius-topleft: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
          border-top-left-radius: 0;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
          opacity: 0;
          pointer-events: none;
          position: absolute;
          right: 0;
          width: 210px;
          background-color: white; }
          #header .page-content > menu > li ul > li {
            -webkit-transition: height 300ms ease-in-out;
            -moz-transition: height 300ms ease-in-out;
            -ms-transition: height 300ms ease-in-out;
            -o-transition: height 300ms ease-in-out;
            float: none;
            padding: 0 15px;
            font-size: 13px;
            font-weight: 500;
            height: 0px;
            line-height: 36px;
            overflow: hidden; }
            #header .page-content > menu > li ul > li:not(:last-child) {
              border-bottom: 1px solid #d0d1de; }
            #header .page-content > menu > li ul > li:hover {
              background-color: rgba(99, 139, 206, 0.1); }
            #header .page-content > menu > li ul > li.tile {
              -webkit-box-shadow: inset 0px 4px 4px -3px rgba(0, 0, 0, 0.4);
              -moz-box-shadow: inset 0px 4px 4px -3px rgba(0, 0, 0, 0.4);
              box-shadow: inset 0px 4px 4px -3px rgba(0, 0, 0, 0.4);
              cursor: pointer;
              line-height: 20px;
              border-bottom: 2px solid #d0d1de;
              padding: 15px 10px 15px 45px;
              height: 0px; }
              #header .page-content > menu > li ul > li.tile .photo {
                -webkit-border-top-right-radius: 50%;
                -webkit-border-bottom-right-radius: 50%;
                -webkit-border-bottom-left-radius: 50%;
                -webkit-border-top-left-radius: 50%;
                -moz-border-radius-topright: 50%;
                -moz-border-radius-bottomright: 50%;
                -moz-border-radius-bottomleft: 50%;
                -moz-border-radius-topleft: 50%;
                border-top-right-radius: 50%;
                border-bottom-right-radius: 50%;
                border-bottom-left-radius: 50%;
                border-top-left-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -webkit-transform: scale(0.7) translateX(16px);
                -moz-transform: scale(0.7) translateX(16px);
                -ms-transform: scale(0.7) translateX(16px);
                -o-transform: scale(0.7) translateX(16px);
                width: 60px;
                height: 60px;
                left: -30px;
                position: absolute;
                text-align: center;
                display: block;
                overflow: hidden; }
                #header .page-content > menu > li ul > li.tile .photo .image {
                  border: none;
                  width: 60px;
                  height: 60px; }
                #header .page-content > menu > li ul > li.tile .photo .image::after {
                  font-size: 22px; }
              #header .page-content > menu > li ul > li.tile .name {
                font-size: 15px;
                margin: 5px 0 0;
                font-weight: 600; }
                #header .page-content > menu > li ul > li.tile .name em {
                  font-size: 12px;
                  color: #313f56;
                  display: block;
                  font-weight: 500;
                  font-style: normal; }
              #header .page-content > menu > li ul > li.tile .connections {
                font-size: 13px;
                color: #666;
                font-weight: 500; }
                #header .page-content > menu > li ul > li.tile .connections em {
                  -webkit-border-top-right-radius: 50%;
                  -webkit-border-bottom-right-radius: 50%;
                  -webkit-border-bottom-left-radius: 50%;
                  -webkit-border-top-left-radius: 50%;
                  -moz-border-radius-topright: 50%;
                  -moz-border-radius-bottomright: 50%;
                  -moz-border-radius-bottomleft: 50%;
                  -moz-border-radius-topleft: 50%;
                  border-top-right-radius: 50%;
                  border-bottom-right-radius: 50%;
                  border-bottom-left-radius: 50%;
                  border-top-left-radius: 50%;
                  -moz-background-clip: padding;
                  -webkit-background-clip: padding-box;
                  background-clip: padding-box;
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
                  text-align: center;
                  background: #638BCE;
                  color: #fff;
                  font-size: 12px;
                  display: inline-block;
                  font-style: normal;
                  margin-right: 3px; }
            #header .page-content > menu > li ul > li a {
              display: block; }
    #header .page-content .vertical-center {
      display: flex;
      align-items: center; }
    #header .page-content .page-header-icon {
      font-size: 28px;
      color: white;
      margin-bottom: 3px; }

#footer {
  width: 100%;
  background: #313e4e;
  color: #ccc;
  position: absolute;
  bottom: 0; }

.footer-inner {
  padding: 16px 24px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  text-align: center; }
  .footer-inner .powered-by {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    cursor: pointer;
    opacity: 0.8;
    width: 86px;
    height: 24px;
    margin-bottom: 12px; }
    .footer-inner .powered-by:hover {
      opacity: 1; }
  .footer-inner a {
    cursor: pointer;
    color: #ddd;
    font-weight: 500; }
    .footer-inner a:hover {
      text-decoration: underline; }
  .footer-inner ul li {
    display: inline-block;
    position: relative;
    margin: 4px 10px 0px; }
    .footer-inner ul li:not(:last-child)::after {
      display: block;
      width: 10px;
      position: absolute;
      content: ':';
      right: -16px;
      top: 0;
      color: #ccc;
      opacity: 0.7; }

.filter-button {
  width: 100%;
  position: fixed;
  top: 55px;
  z-index: 47;
  background: #e6e7ef;
  border-bottom: 1px solid #cacaca; }
  .filter-button:hover {
    background: #dfe2ee;
    border-bottom: 1px solid #638BCE; }
    .filter-button:hover .filter-inner::before,
    .filter-button:hover .filter-inner::after {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 1; }

.filter-inner {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 24px;
  position: relative;
  cursor: pointer; }
  .filter-inner::before {
    -webkit-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    content: '';
    display: block;
    border-right: 4px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.6);
    border-left: 4px solid transparent;
    position: absolute;
    left: calc(50% - 2px);
    bottom: -10px;
    z-index: -1;
    pointer-events: none;
    opacity: 0; }
  .filter-inner::after {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    content: 'Filter Results';
    pointer-events: none;
    opacity: 0;
    display: block;
    position: absolute;
    bottom: -34px;
    width: 104px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0px;
    left: calc(50% - 52px);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    z-index: -1; }
  .filter-inner .left-side .stream-icon {
    color: #3d627b;
    font-size: 18px;
    margin-right: 6px;
    position: relative;
    top: 2px; }
  .filter-inner .left-side .stream-title {
    font-weight: 500;
    color: #555;
    font-size: 14px; }
  .filter-inner .center {
    width: 300px;
    position: absolute;
    top: 14px;
    left: calc(50% - 150px);
    text-align: center;
    font-size: 13px;
    color: #3d627b; }
  .filter-inner .right-side {
    position: absolute;
    right: 24px;
    top: 14px;
    font-size: 13px;
    color: #777; }

.filter-dropdown {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -ms-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  opacity: 0;
  will-change: opacity;
  position: fixed;
  z-index: 60;
  top: 105px;
  width: 100%;
  height: calc(100vh - 105px);
  background: #f2f3f9;
  cursor: default;
  padding: 32px 0 64px;
  overflow: hidden;
  pointer-events: none; }
  .filter-dropdown.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    overflow-y: scroll; }
    .filter-dropdown.open > section {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0); }
  .filter-dropdown > section {
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    -o-transition: transform 500ms ease-out;
    -webkit-transform: translateY(-16px);
    -moz-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    -o-transform: translateY(-16px); }
  .filter-dropdown .filter-title {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #555;
    margin-bottom: 16px; }
  .filter-dropdown .updates-container {
    max-width: 1280px;
    padding: 0px 24px;
    margin: 0 auto 32px;
    position: relative; }
    .filter-dropdown .updates-container .dates-inner {
      position: absolute;
      z-index: 1;
      right: 24px;
      top: -6px;
      text-align: center; }
      .filter-dropdown .updates-container .dates-inner label {
        font-size: 13px;
        line-height: 34px;
        color: #555;
        font-weight: 500;
        margin: 0px 8px; }
      .filter-dropdown .updates-container .dates-inner input {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        outline: none;
        line-height: 32px;
        height: 32px;
        border: 1px solid #ddd;
        background: #fff;
        color: #444;
        font-size: 13px;
        padding: 0px 12px; }
    .filter-dropdown .updates-container .table-header,
    .filter-dropdown .updates-container .table-inner {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ddd;
      overflow: hidden;
      position: relative; }
      .filter-dropdown .updates-container .table-header.table-header,
      .filter-dropdown .updates-container .table-inner.table-header {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
        height: 36px;
        border-bottom: none;
        position: relative;
        z-index: 1; }
      .filter-dropdown .updates-container .table-header.table-inner,
      .filter-dropdown .updates-container .table-inner.table-inner {
        max-height: 160px;
        overflow-y: auto;
        background: #fff; }
      .filter-dropdown .updates-container .table-header .table-thead,
      .filter-dropdown .updates-container .table-header .table-row,
      .filter-dropdown .updates-container .table-inner .table-thead,
      .filter-dropdown .updates-container .table-inner .table-row {
        display: flex;
        color: #555;
        position: relative;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .filter-dropdown .updates-container .table-header .table-thead.table-thead,
        .filter-dropdown .updates-container .table-header .table-row.table-thead,
        .filter-dropdown .updates-container .table-inner .table-thead.table-thead,
        .filter-dropdown .updates-container .table-inner .table-row.table-thead {
          position: absolute;
          background: #f2f2f2;
          top: 0;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px; }
          .filter-dropdown .updates-container .table-header .table-thead.table-thead input,
          .filter-dropdown .updates-container .table-header .table-row.table-thead input,
          .filter-dropdown .updates-container .table-inner .table-thead.table-thead input,
          .filter-dropdown .updates-container .table-inner .table-row.table-thead input {
            cursor: pointer; }
        .filter-dropdown .updates-container .table-header .table-thead.table-row,
        .filter-dropdown .updates-container .table-header .table-row.table-row,
        .filter-dropdown .updates-container .table-inner .table-thead.table-row,
        .filter-dropdown .updates-container .table-inner .table-row.table-row {
          font-size: 13px;
          line-height: 18px;
          color: #444;
          cursor: pointer; }
          .filter-dropdown .updates-container .table-header .table-thead.table-row:hover,
          .filter-dropdown .updates-container .table-header .table-row.table-row:hover,
          .filter-dropdown .updates-container .table-inner .table-thead.table-row:hover,
          .filter-dropdown .updates-container .table-inner .table-row.table-row:hover {
            background: #f5fcf3; }
          .filter-dropdown .updates-container .table-header .table-thead.table-row.enabled,
          .filter-dropdown .updates-container .table-header .table-row.table-row.enabled,
          .filter-dropdown .updates-container .table-inner .table-thead.table-row.enabled,
          .filter-dropdown .updates-container .table-inner .table-row.table-row.enabled {
            background: #e1f5db !important; }
          .filter-dropdown .updates-container .table-header .table-thead.table-row:last-child,
          .filter-dropdown .updates-container .table-header .table-row.table-row:last-child,
          .filter-dropdown .updates-container .table-inner .table-thead.table-row:last-child,
          .filter-dropdown .updates-container .table-inner .table-row.table-row:last-child {
            border-bottom: none; }
          .filter-dropdown .updates-container .table-header .table-thead.table-row input,
          .filter-dropdown .updates-container .table-header .table-row.table-row input,
          .filter-dropdown .updates-container .table-inner .table-thead.table-row input,
          .filter-dropdown .updates-container .table-inner .table-row.table-row input {
            pointer-events: none; }
        .filter-dropdown .updates-container .table-header .table-thead > div,
        .filter-dropdown .updates-container .table-header .table-row > div,
        .filter-dropdown .updates-container .table-inner .table-thead > div,
        .filter-dropdown .updates-container .table-inner .table-row > div {
          flex: 0 0 30%;
          padding: 8px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .filter-dropdown .updates-container .table-header .table-thead > div:first-child,
          .filter-dropdown .updates-container .table-header .table-row > div:first-child,
          .filter-dropdown .updates-container .table-inner .table-thead > div:first-child,
          .filter-dropdown .updates-container .table-inner .table-row > div:first-child {
            flex: 0 0 3%; }
          .filter-dropdown .updates-container .table-header .table-thead > div:nth-child(2),
          .filter-dropdown .updates-container .table-header .table-row > div:nth-child(2),
          .filter-dropdown .updates-container .table-inner .table-thead > div:nth-child(2),
          .filter-dropdown .updates-container .table-inner .table-row > div:nth-child(2) {
            flex: 0 0 7%; }
  .filter-dropdown .tag-container {
    margin-bottom: 24px; }
    .filter-dropdown .tag-container .tag-type {
      display: inline-block;
      overflow: hidden;
      position: relative;
      height: 120px;
      width: calc(33% - 9px);
      margin: 0 6px 6px 3px;
      border-radius: 3px;
      border: 1px solid #ddd;
      background: #fff; }
      .filter-dropdown .tag-container .tag-type:after {
        height: 60px;
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.84) 80%);
        content: '';
        position: absolute;
        bottom: 0;
        pointer-events: none; }
      .filter-dropdown .tag-container .tag-type .header {
        display: block;
        background: #f2f2f2;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
        line-height: 32px;
        font-weight: 400; }
        .filter-dropdown .tag-container .tag-type .header span {
          color: #999;
          font-size: 13px;
          font-weight: 500;
          float: right;
          margin-right: 12px; }
        .filter-dropdown .tag-container .tag-type .header input {
          margin: 0 10px 0 12px; }
      .filter-dropdown .tag-container .tag-type .tags {
        position: relative;
        height: calc(100% - 32px);
        overflow-y: scroll;
        padding: 12px 0; }
        .filter-dropdown .tag-container .tag-type .tags li {
          line-height: 18px;
          padding: 0px 12px;
          font-size: 13px;
          color: #999; }
          .filter-dropdown .tag-container .tag-type .tags li label {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            width: calc(100% - 40px); }
            .filter-dropdown .tag-container .tag-type .tags li label input {
              margin-right: 8px; }
            .filter-dropdown .tag-container .tag-type .tags li label span {
              position: absolute;
              width: 36px;
              right: 12px;
              text-align: right; }
  .filter-dropdown .external-container, .filter-dropdown .tag-container {
    max-width: 1280px;
    padding: 0px 24px;
    margin: 0 auto 32px;
    position: relative; }
  .filter-dropdown .external-inner {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    background: #e1e2ee;
    padding: 24px 24px 16px;
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll; }
    .filter-dropdown .external-inner > article {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      display: inline-block;
      width: 30%;
      height: 88px;
      background: #fff;
      font-size: 0;
      margin-right: 16px;
      cursor: pointer;
      opacity: 0.8; }
      .filter-dropdown .external-inner > article:hover {
        opacity: 1; }
        .filter-dropdown .external-inner > article:hover .check-bar {
          background: #e5efe2; }
      .filter-dropdown .external-inner > article.enabled {
        opacity: 1; }
        .filter-dropdown .external-inner > article.enabled .check-bar {
          background: #c7e8bd !important; }
      .filter-dropdown .external-inner > article .external-card-inner {
        display: flex;
        align-items: flex-start;
        height: 100%; }
      .filter-dropdown .external-inner > article label {
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 32px;
        flex: 0 0 32px;
        height: 100%;
        background: #f2f2f2;
        border-right: 1px solid #ddd;
        text-align: center;
        position: relative;
        vertical-align: top;
        align-items: center;
        display: flex;
        pointer-events: none; }
        .filter-dropdown .external-inner > article label input[type="checkbox"] {
          left: calc(50% - 6px);
          top: calc(50% - 6px);
          position: absolute;
          pointer-events: none; }
      .filter-dropdown .external-inner > article .content {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 12px 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: top;
        position: relative;
        flex: 0 0 calc(100% - 32px); }
        .filter-dropdown .external-inner > article .content > span {
          display: block;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .filter-dropdown .external-inner > article .content .title {
          font-size: 14px;
          line-height: 20px;
          font-weight: 500;
          color: #555;
          margin-bottom: 2px; }
        .filter-dropdown .external-inner > article .content .source {
          font-size: 12px;
          line-height: 16px;
          font-weight: 500;
          color: #777; }
        .filter-dropdown .external-inner > article .content .date {
          margin-top: 4px;
          font-size: 14px;
          line-height: 20px;
          font-weight: 400;
          color: #999; }
        .filter-dropdown .external-inner > article .content .metric-icons {
          position: absolute;
          right: 16px;
          bottom: 2px;
          text-align: right; }
          .filter-dropdown .external-inner > article .content .metric-icons > li {
            display: inline-block;
            margin: 0px 4px;
            color: #76798d;
            font-size: 18px; }

.filter-save {
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out, transform 400ms ease-in-out, opacity 400ms linear;
  -moz-transition: background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out, transform 400ms ease-in-out, opacity 400ms linear;
  -ms-transition: background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out, transform 400ms ease-in-out, opacity 400ms linear;
  -o-transition: background 200ms ease-in-out, color 200ms ease-in-out, border 200ms ease-in-out, transform 400ms ease-in-out, opacity 400ms linear;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transform: translateY(16px);
  -moz-transform: translateY(16px);
  -ms-transform: translateY(16px);
  -o-transform: translateY(16px);
  -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 61;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  display: block;
  line-height: 40px;
  height: 40px;
  width: 100%;
  border: none;
  border-top: 1px solid #d0d1de;
  background: #eaeaf1;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform; }
  .filter-save.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    pointer-events: all; }

.section-title.fixed {
  position: fixed;
  top: 105px;
  left: 0;
  width: 100%;
  margin: 0;
  padding-top: 8px;
  z-index: 48;
  background: #fcfcff; }
  .section-title.fixed.summary {
    top: 55px; }
    .section-title.fixed.summary .normal-header {
      display: none; }
    .section-title.fixed.summary .summary-header {
      display: inline-block; }
  .section-title.fixed .section-title-inner {
    padding: 0px 24px; }
.section-title .section-title-inner {
  -webkit-transition: padding 500ms ease;
  -moz-transition: padding 500ms ease;
  -ms-transition: padding 500ms ease;
  -o-transition: padding 500ms ease;
  will-change: padding;
  max-width: 1280px;
  padding: 0px 16px 4px;
  margin: 0 auto;
  position: relative; }
  .section-title .section-title-inner.sidebar-panel-open {
    padding-left: 24px; }
    @media (max-width: 1880px) {
      .section-title .section-title-inner.sidebar-panel-open {
        padding-left: calc(324px - (100vw - 1280px)/2); } }
    @media (max-width: 1280px) {
      .section-title .section-title-inner.sidebar-panel-open {
        padding-left: 324px; } }
  .section-title .section-title-inner ul.view-mode li {
    padding-bottom: 0; }
  .section-title .section-title-inner .section-title-border {
    border-bottom: 2px solid #d0d1de;
    position: relative; }
    .section-title .section-title-inner .section-title-border::after {
      -webkit-box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.3);
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: -10px;
      height: 12px;
      width: 100%; }
.section-title h3 {
  display: inline-block;
  font-size: 18px;
  line-height: 44px;
  font-weight: 500;
  color: #555; }
  .section-title h3 i {
    margin-right: 8px; }
    .section-title h3 i.u-list-f {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      position: relative;
      top: 2px; }
  .section-title h3.summary-header {
    display: none; }
.section-title ul.view-mode {
  float: right;
  position: relative;
  position: relative;
  top: 9px; }
  .section-title ul.view-mode li {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
    color: #999;
    margin-left: 4px;
    font-weight: 500;
    padding: 0px 8px 4px;
    border-bottom: 2px solid transparent; }
    .section-title ul.view-mode li.selected {
      color: #444;
      pointer-events: none;
      border-bottom: 3px solid #3d627b; }
      .section-title ul.view-mode li.selected a {
        pointer-events: none; }
    .section-title ul.view-mode li:hover {
      color: #3d627b;
      border-bottom: 3px solid rgba(61, 98, 123, 0.5); }
.section-title .summary-view-container {
  position: relative; }
.section-title .summary-view {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  width: 200px;
  white-space: nowrap;
  position: absolute;
  z-index: 10;
  top: -16px;
  left: calc(50% - 100px);
  display: none; }
  .section-title .summary-view.summary {
    display: block;
    position: absolute;
    z-index: 49; }
  .section-title .summary-view li {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #888;
    line-height: 28px;
    cursor: pointer;
    border-bottom: 3px solid #cacaca; }
    .section-title .summary-view li:first-child {
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-right: none;
      margin-right: -4px; }
    .section-title .summary-view li.selected {
      color: #3d627b;
      border-bottom: 3px solid #3d627b;
      border-left: 1px solid #ddd;
      pointer-events: none; }
    .section-title .summary-view li i {
      margin-right: 5px;
      font-size: 15px;
      position: relative;
      top: 1px; }

.hero-chart {
  padding: 32px 0 16px; }
  .hero-chart .chart-screenshot {
    width: 100%;
    margin-bottom: 16px; }
  .hero-chart .chart-full {
    height: 280px; }
  .hero-chart .highlights {
    display: table;
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-top: 12px; }
    .hero-chart .highlights > li {
      display: table-cell;
      padding: 0px 8px;
      font-size: 13px;
      line-height: 18px;
      text-align: center; }
      .hero-chart .highlights > li.yellow > i {
        color: #ebe27c; }
      .hero-chart .highlights > li.green > i {
        color: #9cde87; }
      .hero-chart .highlights > li.orange > i {
        color: #ecb98a; }
      .hero-chart .highlights > li.skyblue > i {
        color: #a2d5fd; }
      .hero-chart .highlights > li.pink > i {
        color: #d39be8; }
      .hero-chart .highlights > li.lavender > i {
        color: #cbcfe2; }
      .hero-chart .highlights > li .title {
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .4px;
        display: inline-block;
        color: #555; }
      .hero-chart .highlights > li i {
        margin-right: 4px;
        position: relative;
        top: 1px;
        font-size: 14px; }
      @media (max-width: 1000px) {
        .hero-chart .highlights > li {
          font-size: 12px; } }

#chartBlocks {
  padding: 32px 0px; }
  #chartBlocks .chart-block {
    -webkit-transition: box-shadow 200ms ease, opacity 200ms ease, transform 200ms ease;
    -moz-transition: box-shadow 200ms ease, opacity 200ms ease, transform 200ms ease;
    -ms-transition: box-shadow 200ms ease, opacity 200ms ease, transform 200ms ease;
    -o-transition: box-shadow 200ms ease, opacity 200ms ease, transform 200ms ease;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    margin: 0px 24px 32px;
    position: relative; }
    #chartBlocks .chart-block.to-summary {
      cursor: move;
      z-index: 10; }
      #chartBlocks .chart-block.to-summary .block-title {
        cursor: move; }
    #chartBlocks .chart-block .overflow-dropdown {
      top: 6px; }
    #chartBlocks .chart-block .block-icon {
      -webkit-transform: scale(0.85);
      -moz-transform: scale(0.85);
      -ms-transform: scale(0.85);
      -o-transform: scale(0.85);
      -webkit-border-top-right-radius: 50%;
      -webkit-border-bottom-right-radius: 50%;
      -webkit-border-bottom-left-radius: 50%;
      -webkit-border-top-left-radius: 50%;
      -moz-border-radius-topright: 50%;
      -moz-border-radius-bottomright: 50%;
      -moz-border-radius-bottomleft: 50%;
      -moz-border-radius-topleft: 50%;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
      position: absolute;
      top: -12px;
      left: -16px;
      width: 56px;
      height: 56px;
      background: #fff;
      border: 1px solid #ddd; }
      #chartBlocks .chart-block .block-icon i {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        font-size: 56px;
        position: relative;
        top: -7px;
        left: 1px;
        color: #696b77; }
        #chartBlocks .chart-block .block-icon i.u-globe-f {
          top: -5px; }
    #chartBlocks .chart-block .block-title {
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 6px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      cursor: ns-resize;
      display: block;
      width: 100%;
      padding: 6px 24px 6px 48px;
      background: #f2f2f2;
      border-bottom: 1px solid #ddd;
      font-weight: 500;
      color: #76798d;
      font-size: 14px;
      line-height: 20px; }
    #chartBlocks .chart-block .body {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #fff;
      padding: 16px 16px 16px 36px;
      display: flex; }
      #chartBlocks .chart-block .body.for-split {
        display: block; }
      #chartBlocks .chart-block .body .pre-split {
        display: flex;
        position: relative; }
      #chartBlocks .chart-block .body article {
        display: block;
        padding: 8px; }
        #chartBlocks .chart-block .body article.legend {
          width: 25%; }
        #chartBlocks .chart-block .body article.chart, #chartBlocks .chart-block .body article.chart-half {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          position: relative;
          border: 1px solid transparent;
          height: 220px; }
          #chartBlocks .chart-block .body article.chart:hover, #chartBlocks .chart-block .body article.chart-half:hover {
            border: 1px solid #ddd;
            background: #fafafa; }
            #chartBlocks .chart-block .body article.chart:hover .button.add-to-summary, #chartBlocks .chart-block .body article.chart-half:hover .button.add-to-summary {
              display: block; }
          #chartBlocks .chart-block .body article.chart .button.add-to-summary, #chartBlocks .chart-block .body article.chart-half .button.add-to-summary {
            display: none;
            position: absolute;
            top: 8px;
            right: 8px;
            width: 24px;
            height: 24px;
            padding: 0px;
            padding-top: 3px; }
        #chartBlocks .chart-block .body article.chart {
          width: 50%; }
        #chartBlocks .chart-block .body article.chart-half {
          width: 25%;
          padding: 0; }
        #chartBlocks .chart-block .body article img {
          width: 100%; }
      #chartBlocks .chart-block .body .split {
        position: absolute;
        left: 12px;
        bottom: 0;
        cursor: pointer;
        opacity: 0.2; }
        #chartBlocks .chart-block .body .split:hover {
          opacity: 0.5; }
        #chartBlocks .chart-block .body .split img {
          width: 24px; }
      #chartBlocks .chart-block .body .close-split {
        position: absolute;
        bottom: -44px;
        left: -12px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 500;
        color: #777;
        letter-spacing: 0.5px;
        background: #fff;
        padding-right: 8px;
        display: none; }
        #chartBlocks .chart-block .body .close-split.visible {
          display: block; }
        #chartBlocks .chart-block .body .close-split i {
          position: relative;
          left: -8px;
          top: 1px;
          cursor: pointer; }
      #chartBlocks .chart-block .body .split-section {
        border-top: 1px solid #ddd;
        margin-top: 32px;
        padding-top: 32px;
        display: none; }
        #chartBlocks .chart-block .body .split-section.visible {
          display: flex; }
    @media (max-width: 900px) {
      #chartBlocks .chart-block .body,
      #chartBlocks .chart-block .split-section,
      #chartBlocks .chart-block .pre-split {
        flex-wrap: wrap; }
        #chartBlocks .chart-block .body .chart,
        #chartBlocks .chart-block .split-section .chart,
        #chartBlocks .chart-block .pre-split .chart {
          order: 1;
          flex: 0 0 100%; }
        #chartBlocks .chart-block .body .chart-half,
        #chartBlocks .chart-block .split-section .chart-half,
        #chartBlocks .chart-block .pre-split .chart-half {
          order: 1;
          flex: 0 0 50%; }
        #chartBlocks .chart-block .body .legend,
        #chartBlocks .chart-block .split-section .legend,
        #chartBlocks .chart-block .pre-split .legend {
          order: 2;
          flex: 0 0 50%; } }
  #chartBlocks .chart-block-ghost {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0px 24px 32px;
    height: 56px;
    background: rgba(61, 98, 123, 0.1);
    border: 2px dashed #9dafbd; }

#narrative,
#summary {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  width: 100%;
  vertical-align: top;
  padding: 0;
  margin-top: 8px;
  line-height: 24px;
  font-size: 15px;
  position: relative;
  white-space: normal; }
  #narrative#narrative,
  #summary#narrative {
    min-height: 2040px; }
  #narrative.hiding > article,
  #summary.hiding > article {
    opacity: 0 !important; }
  #narrative > article,
  #narrative .narrative-tile,
  #summary > article,
  #summary .narrative-tile {
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    background: #fff;
    width: 30%;
    position: absolute;
    padding: 16px 16px 0px; }
    #narrative > article .add-to-summary,
    #narrative .narrative-tile .add-to-summary,
    #summary > article .add-to-summary,
    #summary .narrative-tile .add-to-summary {
      position: absolute;
      top: 8px;
      right: 8px;
      width: 24px;
      height: 24px;
      padding: 0px;
      padding-top: 3px;
      border-color: #ddd; }
    #narrative > article section.clickable,
    #narrative .narrative-tile section.clickable,
    #summary > article section.clickable,
    #summary .narrative-tile section.clickable {
      margin: -16px -16px 0px;
      padding: 16px 16px 0px;
      cursor: pointer;
      border-bottom: 1px solid #cacaca;
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      #narrative > article section.clickable:hover,
      #narrative .narrative-tile section.clickable:hover,
      #summary > article section.clickable:hover,
      #summary .narrative-tile section.clickable:hover {
        background: #f3f6fb;
        border-bottom: 1px solid #638BCE; }
        #narrative > article section.clickable:hover::before, #narrative > article section.clickable:hover::after,
        #narrative .narrative-tile section.clickable:hover::before,
        #narrative .narrative-tile section.clickable:hover::after,
        #summary > article section.clickable:hover::before,
        #summary > article section.clickable:hover::after,
        #summary .narrative-tile section.clickable:hover::before,
        #summary .narrative-tile section.clickable:hover::after {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          opacity: 1; }
        #narrative > article section.clickable:hover .date,
        #narrative .narrative-tile section.clickable:hover .date,
        #summary > article section.clickable:hover .date,
        #summary .narrative-tile section.clickable:hover .date {
          color: #638BCE; }
        #narrative > article section.clickable:hover .description,
        #narrative .narrative-tile section.clickable:hover .description,
        #summary > article section.clickable:hover .description,
        #summary .narrative-tile section.clickable:hover .description {
          color: #638BCE; }
      #narrative > article section.clickable::before,
      #narrative .narrative-tile section.clickable::before,
      #summary > article section.clickable::before,
      #summary .narrative-tile section.clickable::before {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
        content: '';
        display: block;
        border-right: 4px solid transparent;
        border-top: 5px solid rgba(85, 85, 85, 0.9);
        border-left: 4px solid transparent;
        position: absolute;
        left: calc(50% - 2px);
        top: -10px;
        z-index: 0;
        pointer-events: none;
        opacity: 0; }
      #narrative > article section.clickable::after,
      #narrative .narrative-tile section.clickable::after,
      #summary > article section.clickable::after,
      #summary .narrative-tile section.clickable::after {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
        content: 'View Update';
        pointer-events: none;
        opacity: 0;
        display: block;
        position: absolute;
        top: -34px;
        width: 104px;
        line-height: 18px;
        font-size: 12px;
        font-weight: 500;
        padding: 3px 0px;
        left: calc(50% - 52px);
        background: rgba(85, 85, 85, 0.9);
        color: #fff;
        text-align: center;
        z-index: 0; }
    #narrative > article.hovered,
    #narrative .narrative-tile.hovered,
    #summary > article.hovered,
    #summary .narrative-tile.hovered {
      -webkit-box-shadow: 0 0px 8px 1px #638BCE;
      -moz-box-shadow: 0 0px 8px 1px #638BCE;
      box-shadow: 0 0px 8px 1px #638BCE; }
    #narrative > article.hover-lock,
    #narrative .narrative-tile.hover-lock,
    #summary > article.hover-lock,
    #summary .narrative-tile.hover-lock {
      -webkit-box-shadow: 0 0px 8px 1px #638BCE;
      -moz-box-shadow: 0 0px 8px 1px #638BCE;
      box-shadow: 0 0px 8px 1px #638BCE;
      cursor: pointer;
      z-index: 3;
      position: relative; }
      #narrative > article.hover-lock::after,
      #narrative .narrative-tile.hover-lock::after,
      #summary > article.hover-lock::after,
      #summary .narrative-tile.hover-lock::after {
        opacity: 1; }
    #narrative > article .date,
    #narrative .narrative-tile .date,
    #summary > article .date,
    #summary .narrative-tile .date {
      margin-bottom: 4px;
      margin-top: -8px;
      font-size: 12px;
      color: #777;
      font-weight: 500;
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out; }
    #narrative > article h2,
    #narrative .narrative-tile h2,
    #summary > article h2,
    #summary .narrative-tile h2 {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      font-weight: 500;
      font-size: 16px;
      color: #638BCE;
      line-height: 20px;
      margin-bottom: 12px; }
    #narrative > article .description,
    #narrative .narrative-tile .description,
    #summary > article .description,
    #summary .narrative-tile .description {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      font-size: 13px;
      line-height: 18px;
      color: #555;
      margin-bottom: 16px;
      display: block; }
      #narrative > article .description p:not(:last-child),
      #narrative .narrative-tile .description p:not(:last-child),
      #summary > article .description p:not(:last-child),
      #summary .narrative-tile .description p:not(:last-child) {
        margin-bottom: 12px; }
    #narrative > article .hero-image,
    #narrative .narrative-tile .hero-image,
    #summary > article .hero-image,
    #summary .narrative-tile .hero-image {
      width: 100%;
      margin-bottom: 12px; }
    #narrative > article .mini-button.full-width,
    #narrative .narrative-tile .mini-button.full-width,
    #summary > article .mini-button.full-width,
    #summary .narrative-tile .mini-button.full-width {
      margin-bottom: 16px; }
    #narrative > article .metrics,
    #narrative .narrative-tile .metrics,
    #summary > article .metrics,
    #summary .narrative-tile .metrics {
      margin: 0px -16px;
      width: calc(100% + 32px);
      padding: 0px 16px;
      background: #fafafa;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      #narrative > article .metrics li,
      #narrative .narrative-tile .metrics li,
      #summary > article .metrics li,
      #summary .narrative-tile .metrics li {
        padding: 10px 0 8px;
        font-size: 14px;
        font-weight: 500;
        color: #aaa;
        position: relative;
        cursor: default; }
        #narrative > article .metrics li:not(:first-child),
        #narrative .narrative-tile .metrics li:not(:first-child),
        #summary > article .metrics li:not(:first-child),
        #summary .narrative-tile .metrics li:not(:first-child) {
          border-top: 1px solid #d6d6d8; }
        #narrative > article .metrics li.metric-group,
        #narrative .narrative-tile .metrics li.metric-group,
        #summary > article .metrics li.metric-group,
        #summary .narrative-tile .metrics li.metric-group {
          border-top: none;
          padding-bottom: 0px;
          font-size: 0px; }
        #narrative > article .metrics li span,
        #narrative .narrative-tile .metrics li span,
        #summary > article .metrics li span,
        #summary .narrative-tile .metrics li span {
          font-size: 13px; }
        #narrative > article .metrics li.hover,
        #narrative .narrative-tile .metrics li.hover,
        #summary > article .metrics li.hover,
        #summary .narrative-tile .metrics li.hover {
          color: #638BCE !important; }
          #narrative > article .metrics li.hover > span,
          #narrative .narrative-tile .metrics li.hover > span,
          #summary > article .metrics li.hover > span,
          #summary .narrative-tile .metrics li.hover > span {
            color: #638BCE !important; }
        #narrative > article .metrics li > .u-tag-f,
        #narrative .narrative-tile .metrics li > .u-tag-f,
        #summary > article .metrics li > .u-tag-f,
        #summary .narrative-tile .metrics li > .u-tag-f {
          position: relative;
          top: 2px; }
        #narrative > article .metrics li .individual,
        #narrative .narrative-tile .metrics li .individual,
        #summary > article .metrics li .individual,
        #summary .narrative-tile .metrics li .individual {
          font-size: 0px;
          margin: 4px 0px 8px;
          padding-bottom: 8px;
          position: relative; }
          #narrative > article .metrics li .individual:last-child,
          #narrative .narrative-tile .metrics li .individual:last-child,
          #summary > article .metrics li .individual:last-child,
          #summary .narrative-tile .metrics li .individual:last-child {
            margin-bottom: 0px;
            border-bottom: 1px solid #cacaca; }
          #narrative > article .metrics li .individual .individual-left,
          #narrative .narrative-tile .metrics li .individual .individual-left,
          #summary > article .metrics li .individual .individual-left,
          #summary .narrative-tile .metrics li .individual .individual-left {
            position: absolute;
            width: 32px;
            height: 32px;
            background: #fff;
            color: #76798d;
            font-size: 25px;
            padding-top: 2px;
            text-align: center;
            -webkit-border-top-right-radius: 50%;
            -webkit-border-bottom-right-radius: 50%;
            -webkit-border-bottom-left-radius: 50%;
            -webkit-border-top-left-radius: 50%;
            -moz-border-radius-topright: 50%;
            -moz-border-radius-bottomright: 50%;
            -moz-border-radius-bottomleft: 50%;
            -moz-border-radius-topleft: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border-top-left-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            top: -6px;
            left: -10px; }
          #narrative > article .metrics li .individual .metric-name,
          #narrative .narrative-tile .metrics li .individual .metric-name,
          #summary > article .metrics li .individual .metric-name,
          #summary .narrative-tile .metrics li .individual .metric-name {
            background: #f0f0f0;
            font-size: 12px;
            line-height: 20px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            padding-left: 32px;
            color: #777;
            font-weight: 500; }
          #narrative > article .metrics li .individual .individual-right,
          #narrative .narrative-tile .metrics li .individual .individual-right,
          #summary > article .metrics li .individual .individual-right,
          #summary .narrative-tile .metrics li .individual .individual-right {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            padding: 6px 24px 0px 32px; }
          #narrative > article .metrics li .individual .value,
          #narrative .narrative-tile .metrics li .individual .value,
          #summary > article .metrics li .individual .value,
          #summary .narrative-tile .metrics li .individual .value {
            font-size: 15px;
            font-weight: 500;
            color: #555;
            line-height: 20px;
            display: block; }
            #narrative > article .metrics li .individual .value.positive,
            #narrative .narrative-tile .metrics li .individual .value.positive,
            #summary > article .metrics li .individual .value.positive,
            #summary .narrative-tile .metrics li .individual .value.positive {
              color: #9cde87; }
            #narrative > article .metrics li .individual .value.negative,
            #narrative .narrative-tile .metrics li .individual .value.negative,
            #summary > article .metrics li .individual .value.negative,
            #summary .narrative-tile .metrics li .individual .value.negative {
              color: #ecb98a; }
          #narrative > article .metrics li .individual .label,
          #narrative .narrative-tile .metrics li .individual .label,
          #summary > article .metrics li .individual .label,
          #summary .narrative-tile .metrics li .individual .label {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            display: block;
            color: #76798d;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            cursor: pointer; }
            #narrative > article .metrics li .individual .label i,
            #narrative .narrative-tile .metrics li .individual .label i,
            #summary > article .metrics li .individual .label i,
            #summary .narrative-tile .metrics li .individual .label i {
              margin: 0px 4px;
              position: relative;
              font-size: 11px;
              top: 1px; }
            #narrative > article .metrics li .individual .label:hover,
            #narrative .narrative-tile .metrics li .individual .label:hover,
            #summary > article .metrics li .individual .label:hover,
            #summary .narrative-tile .metrics li .individual .label:hover {
              color: #638BCE; }
        #narrative > article .metrics li span.right,
        #narrative .narrative-tile .metrics li span.right,
        #summary > article .metrics li span.right,
        #summary .narrative-tile .metrics li span.right {
          float: right;
          color: #777;
          font-weight: 500;
          font-size: 13px; }
          #narrative > article .metrics li span.right i,
          #narrative .narrative-tile .metrics li span.right i,
          #summary > article .metrics li span.right i,
          #summary .narrative-tile .metrics li span.right i {
            font-size: 13px;
            margin-right: 4px;
            margin-left: 12px; }
          #narrative > article .metrics li span.right.metric-type,
          #narrative .narrative-tile .metrics li span.right.metric-type,
          #summary > article .metrics li span.right.metric-type,
          #summary .narrative-tile .metrics li span.right.metric-type {
            color: #76798d; }
          #narrative > article .metrics li span.right i,
          #narrative .narrative-tile .metrics li span.right i,
          #summary > article .metrics li span.right i,
          #summary .narrative-tile .metrics li span.right i {
            position: relative;
            top: 1px; }
        #narrative > article .metrics li > .flock,
        #narrative > article .metrics li > .futil,
        #narrative .narrative-tile .metrics li > .flock,
        #narrative .narrative-tile .metrics li > .futil,
        #summary > article .metrics li > .flock,
        #summary > article .metrics li > .futil,
        #summary .narrative-tile .metrics li > .flock,
        #summary .narrative-tile .metrics li > .futil {
          font-size: 16px;
          width: 18px; }
      #narrative > article .metrics .update-dropdown,
      #narrative .narrative-tile .metrics .update-dropdown,
      #summary > article .metrics .update-dropdown,
      #summary .narrative-tile .metrics .update-dropdown {
        pointer-events: none;
        display: none;
        opacity: 0;
        position: absolute;
        bottom: 41px;
        background: #fff;
        width: 100%;
        padding: 4px 16px 8px;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cacaca;
        z-index: 5; }
        #narrative > article .metrics .update-dropdown.visible,
        #narrative .narrative-tile .metrics .update-dropdown.visible,
        #summary > article .metrics .update-dropdown.visible,
        #summary .narrative-tile .metrics .update-dropdown.visible {
          opacity: 1;
          display: block; }
        #narrative > article .metrics .update-dropdown .file,
        #narrative .narrative-tile .metrics .update-dropdown .file,
        #summary > article .metrics .update-dropdown .file,
        #summary .narrative-tile .metrics .update-dropdown .file {
          display: block;
          line-height: 18px;
          color: #777;
          margin-bottom: 4px; }
          #narrative > article .metrics .update-dropdown .file i,
          #narrative .narrative-tile .metrics .update-dropdown .file i,
          #summary > article .metrics .update-dropdown .file i,
          #summary .narrative-tile .metrics .update-dropdown .file i {
            margin-right: 8px; }
        #narrative > article .metrics .update-dropdown span,
        #narrative .narrative-tile .metrics .update-dropdown span,
        #summary > article .metrics .update-dropdown span,
        #summary .narrative-tile .metrics .update-dropdown span {
          float: none;
          display: inline-block; }
          #narrative > article .metrics .update-dropdown span.dropdown-title,
          #narrative .narrative-tile .metrics .update-dropdown span.dropdown-title,
          #summary > article .metrics .update-dropdown span.dropdown-title,
          #summary .narrative-tile .metrics .update-dropdown span.dropdown-title {
            font-weight: 500;
            color: #555;
            line-height: 18px; }
        #narrative > article .metrics .update-dropdown .chip,
        #narrative .narrative-tile .metrics .update-dropdown .chip,
        #summary > article .metrics .update-dropdown .chip,
        #summary .narrative-tile .metrics .update-dropdown .chip {
          overflow: hidden;
          width: 100%;
          padding: 0px 8px 4px 8px;
          display: block; }
          #narrative > article .metrics .update-dropdown .chip .image-container,
          #narrative .narrative-tile .metrics .update-dropdown .chip .image-container,
          #summary > article .metrics .update-dropdown .chip .image-container,
          #summary .narrative-tile .metrics .update-dropdown .chip .image-container {
            position: relative;
            top: 1px;
            vertical-align: middle;
            margin-right: 4px;
            text-align: center;
            width: 24px; }
            #narrative > article .metrics .update-dropdown .chip .image-container .chip-image,
            #narrative .narrative-tile .metrics .update-dropdown .chip .image-container .chip-image,
            #summary > article .metrics .update-dropdown .chip .image-container .chip-image,
            #summary .narrative-tile .metrics .update-dropdown .chip .image-container .chip-image {
              width: 16px;
              vertical-align: middle; }
          #narrative > article .metrics .update-dropdown .chip span:not(.count),
          #narrative .narrative-tile .metrics .update-dropdown .chip span:not(.count),
          #summary > article .metrics .update-dropdown .chip span:not(.count),
          #summary .narrative-tile .metrics .update-dropdown .chip span:not(.count) {
            vertical-align: top;
            width: calc(100% - 28px); }
          #narrative > article .metrics .update-dropdown .chip span.title.tag,
          #narrative .narrative-tile .metrics .update-dropdown .chip span.title.tag,
          #summary > article .metrics .update-dropdown .chip span.title.tag,
          #summary .narrative-tile .metrics .update-dropdown .chip span.title.tag {
            margin-left: 28px; }
          #narrative > article .metrics .update-dropdown .chip .count,
          #narrative .narrative-tile .metrics .update-dropdown .chip .count,
          #summary > article .metrics .update-dropdown .chip .count,
          #summary .narrative-tile .metrics .update-dropdown .chip .count {
            font-size: 12px;
            width: 24px; }

.update-window {
  height: 100%;
  width: 100%;
  position: fixed;
  padding: 40px;
  top: 0px;
  left: 0px;
  z-index: 51;
  display: none;
  opacity: 0;
  text-align: center; }
  .update-window .update-bg {
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0; }
  .update-window .update-detail {
    height: 100%;
    width: 100%;
    max-width: 1300px;
    background: #fff;
    z-index: 3;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.6);
    font-size: 0px;
    overflow-y: scroll;
    position: relative;
    text-align: left;
    margin: 0 auto; }
    .update-window .update-detail > h3 {
      z-index: 20;
      position: absolute;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      line-height: 48px;
      background: #e1e2ee;
      padding: 0px 56px 0px 48px;
      font-size: 18px;
      font-weight: 500;
      color: #555;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid #cacaca; }
      .update-window .update-detail > h3 .close-modal {
        position: absolute;
        z-index: 1005;
        top: 2px;
        right: 24px;
        color: #999;
        cursor: pointer; }
        .update-window .update-detail > h3 .close-modal .u-ex {
          font-size: 24px; }
        .update-window .update-detail > h3 .close-modal:hover {
          color: #555; }
      .update-window .update-detail > h3 .edit-modal {
        position: absolute;
        z-index: 1005;
        top: 0px;
        right: 56px;
        color: #999;
        cursor: pointer; }
        .update-window .update-detail > h3 .edit-modal .u-ex {
          font-size: 24px; }
        .update-window .update-detail > h3 .edit-modal:hover {
          color: #555; }
    .update-window .update-detail .inner {
      padding: 80px 24px 16px;
      overflow-y: auto;
      height: calc(100%);
      background: #fcfcff; }
    .update-window .update-detail h1 {
      font-size: 24px;
      line-height: 32px;
      font-weight: 500;
      margin-bottom: 8px;
      text-align: center;
      color: #444; }
    .update-window .update-detail .date {
      text-align: center;
      font-weight: 500;
      color: #555; }
      .update-window .update-detail .date .u-globe-f {
        font-size: 13px;
        position: relative;
        top: 1px; }
    .update-window .update-detail .privacy {
      text-align: center;
      font-size: 13px;
      font-weight: 500;
      color: #777; }
      .update-window .update-detail .privacy::after {
        content: '';
        margin: 16px auto 24px;
        width: 80px;
        background: #777;
        height: 2px;
        display: block; }
    .update-window .update-detail h4 {
      font-size: 15px;
      color: #555;
      font-weight: 500;
      line-height: 40px;
      border-bottom: 1px solid #cacaca; }
    .update-window .update-detail p {
      font-size: 15px;
      color: #444;
      line-height: 24px;
      margin-bottom: 16px; }
    .update-window .update-detail .square p {
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 8px; }
    .update-window .update-detail .update-detail-hero {
      max-width: 100%;
      max-height: 320px;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      margin: 0 auto;
      display: block;
      margin-bottom: 24px; }
    .update-window .update-detail .metric-cards {
      margin-bottom: 24px; }
      .update-window .update-detail .metric-cards .metric-card {
        border: 1px solid #ddd; }
        .update-window .update-detail .metric-cards .metric-card .value {
          font-size: 24px;
          line-height: 32px; }
    .update-window .update-detail .left-half {
      display: inline-block;
      width: 60%;
      vertical-align: top;
      padding-right: 48px;
      padding-left: 24px; }
      .update-window .update-detail .left-half .metric-card {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        background: #fff;
        font-size: 13px;
        position: relative;
        z-index: 2;
        margin-bottom: 16px;
        margin: 4px; }
        .update-window .update-detail .left-half .metric-card.full-width {
          margin-top: 28px;
          width: 100%;
          text-align: left;
          padding: 32px 24px 12px;
          line-height: 12px; }
          .update-window .update-detail .left-half .metric-card.full-width .value {
            display: block;
            margin-bottom: 2px; }
          .update-window .update-detail .left-half .metric-card.full-width .value-label {
            font-size: 12px;
            line-height: 16px;
            font-weight: 500;
            color: #76798d;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            padding-top: 3px;
            cursor: pointer;
            display: inline; }
            .update-window .update-detail .left-half .metric-card.full-width .value-label .count {
              display: inline-block;
              margin-left: 4px; }
              .update-window .update-detail .left-half .metric-card.full-width .value-label .count i {
                margin-right: 4px;
                position: relative;
                top: 1px; }
            .update-window .update-detail .left-half .metric-card.full-width .value-label:hover {
              color: #638BCE; }
          .update-window .update-detail .left-half .metric-card.full-width > ul {
            font-size: 0;
            margin: 0px 20px;
            display: flex; }
            .update-window .update-detail .left-half .metric-card.full-width > ul > li {
              line-height: 12px;
              flex: 1;
              padding: 8px 0px;
              width: calc(50% - 16px);
              vertical-align: top; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li:nth-child(odd) {
                margin-right: 16px; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li:nth-child(even) {
                margin-left: 16px; }
              .update-window .update-detail .left-half .metric-card.full-width > ul > li.last {
                margin: 0 !important; }
        .update-window .update-detail .left-half .metric-card .large-type {
          position: absolute;
          top: 0px;
          left: 0px;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          background: #76798d;
          color: #fff;
          margin-left: -16px;
          margin-top: -12px;
          width: 48px;
          height: 48px;
          font-size: 32px;
          z-index: 4;
          padding-top: 5px;
          text-align: center; }
        .update-window .update-detail .left-half .metric-card .value {
          font-size: 24px;
          line-height: 28px;
          font-weight: 500;
          color: #555; }
          .update-window .update-detail .left-half .metric-card .value.positive {
            color: #9cde87; }
          .update-window .update-detail .left-half .metric-card .value.neutral {
            color: #777; }
        .update-window .update-detail .left-half .metric-card .metric-details {
          position: absolute;
          top: 0px;
          width: 100%;
          margin-left: -24px;
          background: #f6f6f6;
          font-weight: 500;
          line-height: 18px;
          color: #76798d;
          padding: 3px 0px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border-bottom: 1px solid #ddd;
          font-size: 13px; }
          .update-window .update-detail .left-half .metric-card .metric-details .metric-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            display: block;
            text-align: left;
            margin-left: 44px; }
          .update-window .update-detail .left-half .metric-card .metric-details .view-tag {
            position: absolute;
            right: 8px;
            top: 4px; }
      .update-window .update-detail .left-half .task-assignees {
        padding-top: 4px;
        margin-bottom: 16px; }
        .update-window .update-detail .left-half .task-assignees p {
          margin: 0px; }
        .update-window .update-detail .left-half .task-assignees li {
          border-top: 1px solid #cacaca;
          padding: 4px 0px; }
          .update-window .update-detail .left-half .task-assignees li .whole-block {
            margin-bottom: 0px;
            width: 100%;
            padding: 8px 24px; }
          .update-window .update-detail .left-half .task-assignees li.assigner .whole-block {
            padding: 12px 0px 4px; }
            .update-window .update-detail .left-half .task-assignees li.assigner .whole-block.assignee {
              border-bottom: none; }
          .update-window .update-detail .left-half .task-assignees li .assignee-image {
            display: inline-block;
            vertical-align: top;
            width: 48px; }
            .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer {
              width: 15px;
              height: 15px;
              -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-transition: all 300ms ease-in-out;
              -moz-transition: all 300ms ease-in-out;
              -ms-transition: all 300ms ease-in-out;
              -o-transition: all 300ms ease-in-out;
              position: absolute;
              right: -7px;
              top: -7px;
              background: #fff;
              text-align: center;
              cursor: pointer;
              color: #777; }
              .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer:hover {
                color: #fff;
                background: #76798d; }
              .update-window .update-detail .left-half .task-assignees li .assignee-image .remove-answer i {
                margin-right: 0px;
                font-size: 10px;
                position: relative;
                top: -5px;
                left: 1px; }
            .update-window .update-detail .left-half .task-assignees li .assignee-image img {
              width: 36px;
              height: 36px;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
              border: 1px solid #999; }
          .update-window .update-detail .left-half .task-assignees li .assignee-details {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 248px); }
            .update-window .update-detail .left-half .task-assignees li .assignee-details .assignee-name {
              font-size: 13px;
              line-height: 20px;
              font-weight: 500; }
            .update-window .update-detail .left-half .task-assignees li .assignee-details .assignee-status {
              font-size: 12px;
              line-height: 16px;
              margin-top: 2px;
              font-weight: 500;
              color: #555; }
          .update-window .update-detail .left-half .task-assignees li .share-icons {
            display: inline-block;
            width: 200px;
            vertical-align: top;
            font-size: 18px;
            text-align: right; }
            .update-window .update-detail .left-half .task-assignees li .share-icons > li {
              border: none;
              display: inline-block;
              margin: 0px 4px; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li .share-icon {
                cursor: pointer; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li span.share-icon .u-mail {
                font-size: 20px; }
              .update-window .update-detail .left-half .task-assignees li .share-icons > li img.share-icon {
                width: 20px;
                height: 20px; }
    .update-window .update-detail .split-line {
      background: linear-gradient(270deg, #cfcfda 99%, #b2b2c4);
      position: absolute;
      height: 100%;
      width: 40%;
      top: 0px;
      pointer-events: none;
      left: 60%; }
    .update-window .update-detail .right-half {
      display: inline-block;
      width: 40%;
      vertical-align: top;
      padding: 0px 1% 0px calc(1.5% + 24px); }
      .update-window .update-detail .right-half > aside {
        -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-bottom: 20px;
        background: #fff;
        padding: 10px 20px;
        z-index: 2;
        position: relative; }
        .update-window .update-detail .right-half > aside.empty {
          text-align: center; }
        .update-window .update-detail .right-half > aside > .header {
          width: calc(100% + 40px);
          margin: -10px -20px 10px;
          background: #f6f6f6;
          border-bottom: 1px solid #ddd;
          color: #76798d;
          text-align: center;
          line-height: 40px;
          position: relative;
          font-size: 15px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        .update-window .update-detail .right-half > aside .add-button {
          margin: 8px 0px; }
        .update-window .update-detail .right-half > aside > ul > li {
          border-bottom: 1px solid #cacaca; }
          .update-window .update-detail .right-half > aside > ul > li.metric {
            padding: 6px 0px 4px; }
          .update-window .update-detail .right-half > aside > ul > li:last-child {
            border-bottom: none; }
          .update-window .update-detail .right-half > aside > ul > li .title {
            font-weight: 500;
            pointer-events: none; }
            .update-window .update-detail .right-half > aside > ul > li .title.left-side {
              float: left;
              margin-right: 8px; }
            .update-window .update-detail .right-half > aside > ul > li .title.tag {
              color: #638BCE; }
          .update-window .update-detail .right-half > aside > ul > li .line2 {
            font-weight: 500;
            color: #777;
            display: block;
            font-size: 12px;
            line-height: 14px; }
          .update-window .update-detail .right-half > aside > ul > li .image-container {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            pointer-events: none;
            position: relative;
            top: -3px; }
            .update-window .update-detail .right-half > aside > ul > li .image-container span {
              display: inline-block;
              font-size: 13px;
              height: 28px;
              width: 28px;
              margin-right: 12px;
              text-align: center;
              background: #638BCE;
              padding-top: 2px;
              color: #fff;
              font-weight: 500;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box;
              position: relative;
              top: -13px;
              vertical-align: middle; }
          .update-window .update-detail .right-half > aside > ul > li .chip-image {
            max-height: 28px;
            max-width: 28px;
            margin-right: 12px;
            position: relative;
            display: inline-block;
            top: -13px;
            vertical-align: middle; }
            .update-window .update-detail .right-half > aside > ul > li .chip-image.person {
              height: 31px;
              width: 31px;
              border: 1px solid #cacaca;
              -webkit-border-top-right-radius: 50%;
              -webkit-border-bottom-right-radius: 50%;
              -webkit-border-bottom-left-radius: 50%;
              -webkit-border-top-left-radius: 50%;
              -moz-border-radius-topright: 50%;
              -moz-border-radius-bottomright: 50%;
              -moz-border-radius-bottomleft: 50%;
              -moz-border-radius-topleft: 50%;
              border-top-right-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
              border-top-left-radius: 50%;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box; }
          .update-window .update-detail .right-half > aside > ul > li .one-line,
          .update-window .update-detail .right-half > aside > ul > li .two-line {
            font-size: 13px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: calc(100% - 104px); }
            .update-window .update-detail .right-half > aside > ul > li .one-line span,
            .update-window .update-detail .right-half > aside > ul > li .two-line span {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              pointer-events: all; }
              .update-window .update-detail .right-half > aside > ul > li .one-line span i,
              .update-window .update-detail .right-half > aside > ul > li .two-line span i {
                margin-right: 4px;
                position: relative; }
                .update-window .update-detail .right-half > aside > ul > li .one-line span i:not(.o-requests-alt),
                .update-window .update-detail .right-half > aside > ul > li .two-line span i:not(.o-requests-alt) {
                  top: 1px; }
            .update-window .update-detail .right-half > aside > ul > li .one-line a,
            .update-window .update-detail .right-half > aside > ul > li .two-line a {
              color: inherit;
              font-weight: 500; }
              .update-window .update-detail .right-half > aside > ul > li .one-line a:hover,
              .update-window .update-detail .right-half > aside > ul > li .two-line a:hover {
                text-decoration: underline; }
          .update-window .update-detail .right-half > aside > ul > li .two-line {
            margin-top: 6px; }
        .update-window .update-detail .right-half > aside .metric-type,
        .update-window .update-detail .right-half > aside .file-type {
          display: inline-block;
          font-size: 24px;
          color: #76798d;
          text-align: left;
          width: 40px;
          vertical-align: top;
          padding-top: 9px;
          padding-left: 4px; }
          .update-window .update-detail .right-half > aside .metric-type.file-type,
          .update-window .update-detail .right-half > aside .file-type.file-type {
            padding-top: 15px; }
        .update-window .update-detail .right-half > aside .view-all,
        .update-window .update-detail .right-half > aside .download {
          display: inline-block;
          color: #76798d;
          text-align: right;
          width: 64px;
          vertical-align: top;
          cursor: pointer;
          padding-top: 8px; }
          .update-window .update-detail .right-half > aside .view-all .button,
          .update-window .update-detail .right-half > aside .download .button {
            position: relative;
            padding: 3px 8px;
            min-width: 51px; }
            .update-window .update-detail .right-half > aside .view-all .button i,
            .update-window .update-detail .right-half > aside .download .button i {
              font-size: 15px;
              margin-right: 4px;
              position: relative;
              top: 2px; }
          .update-window .update-detail .right-half > aside .view-all.for-grant,
          .update-window .update-detail .right-half > aside .download.for-grant {
            padding-top: 16px; }
          .update-window .update-detail .right-half > aside .view-all.download,
          .update-window .update-detail .right-half > aside .download.download {
            padding-top: 16px; }

#summary {
  position: relative;
  z-index: 2;
  margin-top: -80px; }
  #summary .summary-stage {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    will-change: padding;
    font-size: 0;
    padding: 16px;
    min-height: 800px; }
    #summary .summary-stage.one-column .summary-cards {
      width: 100%;
      max-width: 800px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 0px; }
      #summary .summary-stage.one-column .summary-cards.right {
        margin-top: 0; }
        #summary .summary-stage.one-column .summary-cards.right > li:first-child {
          margin-top: 0px; }
      #summary .summary-stage.one-column .summary-cards .add-between.solo {
        display: none; }
    #summary .summary-stage:not(.edit) .summary-cards > li {
      margin-bottom: 24px; }
    #summary .summary-stage.edit:not(.one-column)::after {
      content: '';
      display: block;
      position: absolute;
      top: 18px;
      left: 50%;
      width: 1px;
      height: calc(100% - 18px);
      background: #ddd; }
    #summary .summary-stage.edit .summary-title input {
      display: block; }
    #summary .summary-stage.edit .summary-title h1,
    #summary .summary-stage.edit .summary-title h2 {
      display: none; }
    #summary .summary-stage.edit .summary-cards {
      min-height: 160px; }
      #summary .summary-stage.edit .summary-cards > li {
        -webkit-transition: transform 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out;
        -ms-transition: transform 200ms ease-in-out;
        -o-transition: transform 200ms ease-in-out;
        margin: 0px; }
        #summary .summary-stage.edit .summary-cards > li:first-child {
          margin-top: 12px; }
        #summary .summary-stage.edit .summary-cards > li:not(.no-drag):not(.editing) {
          cursor: move; }
          #summary .summary-stage.edit .summary-cards > li:not(.no-drag):not(.editing) .clickable {
            cursor: move; }
          #summary .summary-stage.edit .summary-cards > li:not(.no-drag):not(.editing):hover .title,
          #summary .summary-stage.edit .summary-cards > li:not(.no-drag):not(.editing):hover .clickable {
            background: #f2f2f2; }
        #summary .summary-stage.edit .summary-cards > li.new-summary-card::after {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 0px 1px 2px rgba(80, 147, 86, 0.8);
          -moz-box-shadow: 0px 0px 1px 2px rgba(80, 147, 86, 0.8);
          box-shadow: 0px 0px 1px 2px rgba(80, 147, 86, 0.8);
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          pointer-events: none; }
        #summary .summary-stage.edit .summary-cards > li.dragging {
          margin: 12px 0px; }
        #summary .summary-stage.edit .summary-cards > li.summary-card-placeholder {
          height: 40px;
          border: 2px dashed rgba(80, 147, 86, 0.4);
          background: rgba(80, 147, 86, 0.1);
          margin: 8px 0px; }
        #summary .summary-stage.edit .summary-cards > li .title .name, #summary .summary-stage.edit .summary-cards > li .title .subtitle, #summary .summary-stage.edit .summary-cards > li .clickable h2, #summary .summary-stage.edit .summary-cards > li .clickable > .date {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #summary .summary-stage.edit .summary-cards > li .title,
        #summary .summary-stage.edit .summary-cards > li .clickable {
          padding-left: 56px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
          #summary .summary-stage.edit .summary-cards > li .title .edit-icon-type,
          #summary .summary-stage.edit .summary-cards > li .clickable .edit-icon-type {
            display: block;
            position: absolute;
            left: 16px;
            top: 13px;
            font-size: 28px;
            color: #76798d; }
            #summary .summary-stage.edit .summary-cards > li .title .edit-icon-type.u-bubble,
            #summary .summary-stage.edit .summary-cards > li .clickable .edit-icon-type.u-bubble {
              -webkit-transform: scale(0.9);
              -moz-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9); }
            #summary .summary-stage.edit .summary-cards > li .title .edit-icon-type.u-note,
            #summary .summary-stage.edit .summary-cards > li .clickable .edit-icon-type.u-note {
              top: 10px; }
        #summary .summary-stage.edit .summary-cards > li .edit-summary-card {
          display: block; }
        #summary .summary-stage.edit .summary-cards > li .summary-card-content {
          display: none; }
        #summary .summary-stage.edit .summary-cards > li.narrative-tile.hovered {
          -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
        #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable {
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          -o-transition: none;
          background: #fafafa;
          display: flex;
          flex-wrap: wrap;
          padding: 6px 48px 6px 56px;
          cursor: default;
          border-bottom: 1px solid #ddd; }
          #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable h2 {
            flex: 0 0 100%;
            order: 1;
            line-height: 28px;
            margin: 0; }
          #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable .date {
            flex: 0 0 100%;
            order: 2;
            font-size: 12px;
            line-height: 16px;
            margin: 0; }
          #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable::before, #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable::after,
          #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable > img,
          #summary .summary-stage.edit .summary-cards > li.narrative-tile .clickable .description {
            display: none; }
        #summary .summary-stage.edit .summary-cards > li.editing .clickable,
        #summary .summary-stage.edit .summary-cards > li.editing .title {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
    #summary .summary-stage.edit .add-between {
      pointer-events: all; }
      #summary .summary-stage.edit .add-between:last-child {
        margin-top: 12px;
        height: 56px;
        opacity: 1; }
        #summary .summary-stage.edit .add-between:last-child::before, #summary .summary-stage.edit .add-between:last-child::after {
          display: none; }
        #summary .summary-stage.edit .add-between:last-child > div {
          height: 56px;
          opacity: 1;
          background: #f6f6f6;
          border: 1px dashed #cacaca; }
          #summary .summary-stage.edit .add-between:last-child > div:hover {
            background: rgba(80, 147, 86, 0.2);
            border: 1px dashed rgba(80, 147, 86, 0.4); }
          #summary .summary-stage.edit .add-between:last-child > div::before {
            display: none; }
          #summary .summary-stage.edit .add-between:last-child > div::after {
            display: block;
            position: relative;
            content: 'Add New';
            font-size: 15px;
            font-weight: 500;
            text-align: center;
            top: -8px;
            opacity: 0.5; }
    #summary .summary-stage.borderless:not(.edit) .summary-cards > li {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 1px solid transparent;
      background: none; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li.narrative-tile .clickable .date {
        margin-bottom: 0; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li.narrative-tile .clickable h2 {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        font-size: 18px;
        line-height: 32px;
        padding-bottom: 2px;
        border-bottom: 1px solid #bfbfbf; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li.narrative-tile.hovered {
        -webkit-box-shadow: 0 0px 8px 1px #638BCE;
        -moz-box-shadow: 0 0px 8px 1px #638BCE;
        box-shadow: 0 0px 8px 1px #638BCE; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li.editing {
        -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
        background: #fafafa;
        border: 1px solid #ddd; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li > .title {
        background: none;
        padding-left: 8px;
        border-bottom: 1px solid #bfbfbf; }
        #summary .summary-stage.borderless:not(.edit) .summary-cards > li > .title .name {
          font-size: 18px;
          margin-bottom: 2px; }
      #summary .summary-stage.borderless:not(.edit) .summary-cards > li .summary-card-content {
        padding: 12px; }
    #summary .summary-stage .summary-title {
      background: #fcfcff;
      padding: 16px 0px;
      margin-bottom: 16px;
      position: relative;
      z-index: 1; }
      #summary .summary-stage .summary-title h1,
      #summary .summary-stage .summary-title .change-summary-title {
        font-size: 28px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #333; }
      #summary .summary-stage .summary-title h2,
      #summary .summary-stage .summary-title .change-summary-subtitle {
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        color: #777; }
      #summary .summary-stage .summary-title .change-summary-title,
      #summary .summary-stage .summary-title .change-summary-subtitle {
        display: none;
        width: 100%;
        line-height: 48px;
        height: 48px;
        background: none;
        border: none;
        outline: none;
        border-bottom: 1px dotted #cacaca;
        border-color: #cacaca !important; }
        #summary .summary-stage .summary-title .change-summary-title:focus,
        #summary .summary-stage .summary-title .change-summary-subtitle:focus {
          background: #fafafa; }
        #summary .summary-stage .summary-title .change-summary-title:hover:not(:focus),
        #summary .summary-stage .summary-title .change-summary-subtitle:hover:not(:focus) {
          color: #999;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important; }
      #summary .summary-stage .summary-title .change-summary-subtitle {
        margin-top: 12px;
        height: 32px;
        line-height: 32px; }
  #summary .summary-cards {
    margin-top: 8px;
    padding-bottom: 120px;
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    #summary .summary-cards.left {
      padding-right: 16px; }
    #summary .summary-cards.right {
      padding-left: 16px; }
    #summary .summary-cards > li {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
      background: #fff;
      line-height: 18px;
      position: relative;
      margin: 8px 0px;
      z-index: 1;
      border: 1px solid #ddd;
      display: block;
      width: 100%; }
      #summary .summary-cards > li.narrative-tile {
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        width: 100% !important;
        padding: 0px; }
        #summary .summary-cards > li.narrative-tile .clickable {
          -webkit-transition: background 200ms ease-in-out;
          -moz-transition: background 200ms ease-in-out;
          -ms-transition: background 200ms ease-in-out;
          -o-transition: background 200ms ease-in-out;
          border-bottom: none;
          margin: 0px;
          padding-bottom: 16px; }
          #summary .summary-cards > li.narrative-tile .clickable .date {
            color: #76798d; }
          #summary .summary-cards > li.narrative-tile .clickable h2 {
            color: #555;
            font-size: 15px; }
          #summary .summary-cards > li.narrative-tile .clickable .edit-icon-type {
            display: none; }
          #summary .summary-cards > li.narrative-tile .clickable .description {
            margin-bottom: 0;
            font-size: 15px;
            line-height: 22px; }
          #summary .summary-cards > li.narrative-tile .clickable .description-backup {
            display: none; }
          #summary .summary-cards > li.narrative-tile .clickable:hover .date {
            color: #777; }
          #summary .summary-cards > li.narrative-tile .clickable:hover .description {
            color: #444; }
        #summary .summary-cards > li.narrative-tile .edit-buttons {
          margin: 0; }
      #summary .summary-cards > li .edit-summary-card {
        display: none;
        height: 24px;
        width: 24px;
        padding: 2px 0px 0px;
        position: absolute;
        right: 12px;
        top: 16px; }
        #summary .summary-cards > li .edit-summary-card .u-exw-f {
          display: none;
          position: relative;
          top: 2px; }
        #summary .summary-cards > li .edit-summary-card.active .u-exw-f {
          display: block; }
        #summary .summary-cards > li .edit-summary-card.active .u-pencil-f {
          display: none; }
      #summary .summary-cards > li .edit-buttons {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 8px 12px;
        text-align: right;
        background: #f6f6f6;
        border-top: 1px solid #ddd; }
        #summary .summary-cards > li .edit-buttons .button:not(.delete) {
          margin-left: 4px; }
        #summary .summary-cards > li .edit-buttons .delete {
          float: left; }
      #summary .summary-cards > li > .title {
        line-height: 24px;
        padding: 6px 48px 6px 24px;
        font-size: 15px;
        font-weight: 500;
        color: #555;
        background: #fafafa;
        border-bottom: 1px solid #ddd;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        #summary .summary-cards > li > .title .name {
          line-height: 28px;
          display: block; }
        #summary .summary-cards > li > .title .subtitle {
          display: block;
          color: #76798d;
          font-size: 12px;
          line-height: 16px; }
          #summary .summary-cards > li > .title .subtitle i {
            margin-right: 4px;
            position: relative;
            top: 1px; }
        #summary .summary-cards > li > .title .row {
          display: flex;
          align-items: center; }
          #summary .summary-cards > li > .title .row label {
            flex: 0 0 80px;
            margin-bottom: 4px;
            display: block;
            font-size: 13px;
            line-height: 28px;
            height: 28px; }
          #summary .summary-cards > li > .title .row .change-name {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            outline: none;
            border: 1px solid #cacaca;
            line-height: 28px;
            height: 28px;
            font-size: 13px;
            padding: 0px 8px;
            width: calc(100% - 8px); }
          #summary .summary-cards > li > .title .row .change-type {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #fff;
            border: 1px solid #cacaca;
            height: 28px;
            font-size: 13px;
            line-height: 28px;
            width: 100%;
            outline: none; }
      #summary .summary-cards > li .summary-card-content {
        font-size: 13px;
        padding: 16px; }
        #summary .summary-cards > li .summary-card-content > img {
          max-width: 100%; }
        #summary .summary-cards > li .summary-card-content .summary-chart {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out; }
          #summary .summary-cards > li .summary-card-content .summary-chart.hiding {
            opacity: 0; }
      #summary .summary-cards > li .edit-summary-card-content {
        display: none; }
        #summary .summary-cards > li .edit-summary-card-content.visible {
          display: block; }
        #summary .summary-cards > li .edit-summary-card-content .row {
          padding: 16px; }
          #summary .summary-cards > li .edit-summary-card-content .row:not(:last-child) {
            border-bottom: 1px solid #ddd; }
          #summary .summary-cards > li .edit-summary-card-content .row.flex {
            display: flex;
            flex-wrap: wrap;
            align-items: center; }
          #summary .summary-cards > li .edit-summary-card-content .row .left {
            flex: 0 0 30%; }
            #summary .summary-cards > li .edit-summary-card-content .row .left label {
              margin-bottom: 0; }
          #summary .summary-cards > li .edit-summary-card-content .row .right {
            flex: 0 0 70%; }
          #summary .summary-cards > li .edit-summary-card-content .row .full {
            flex: 0 0 100%; }
          #summary .summary-cards > li .edit-summary-card-content .row .expand-section {
            flex: 0 0 100%; }
          #summary .summary-cards > li .edit-summary-card-content .row label {
            font-size: 13px;
            line-height: 18px;
            margin-bottom: 8px;
            color: #555;
            font-weight: 500;
            display: block; }
          #summary .summary-cards > li .edit-summary-card-content .row .segmented-button {
            width: 100%; }
        #summary .summary-cards > li .edit-summary-card-content .metadata input {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          height: 32px;
          width: 100%;
          border: 1px solid #cacaca;
          outline: none;
          font-size: 13px;
          line-height: 32px;
          color: #444;
          padding: 0px 8px;
          margin-bottom: 12px; }
        #summary .summary-cards > li .edit-summary-card-content .metadata select {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          height: 32px;
          width: 100%;
          background: #fff;
          border: 1px solid #cacaca;
          font-size: 13px;
          line-height: 32px; }
        #summary .summary-cards > li .edit-summary-card-content .update-preview-text {
          display: none;
          width: 100%;
          margin-top: 16px; }
          #summary .summary-cards > li .edit-summary-card-content .update-preview-text .update-preview-area {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            height: 160px;
            width: 100%;
            border: 1px solid #cacaca;
            outline: none;
            font-size: 13px;
            line-height: 18px;
            color: #444;
            padding: 4px 8px; }
          #summary .summary-cards > li .edit-summary-card-content .update-preview-text.visible {
            display: block; }
        #summary .summary-cards > li .edit-summary-card-content .update-checkboxes {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          #summary .summary-cards > li .edit-summary-card-content .update-checkboxes label {
            display: block;
            flex: 0 0 50%;
            font-weight: 500;
            color: #555;
            cursor: pointer;
            margin: 0;
            line-height: 28px; }
            #summary .summary-cards > li .edit-summary-card-content .update-checkboxes label input {
              margin-right: 6px; }
        #summary .summary-cards > li .edit-summary-card-content .image-preview {
          -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          -webkit-border-top-right-radius: 6px;
          -webkit-border-bottom-right-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -webkit-border-top-left-radius: 6px;
          -moz-border-radius-topright: 6px;
          -moz-border-radius-bottomright: 6px;
          -moz-border-radius-bottomleft: 6px;
          -moz-border-radius-topleft: 6px;
          border-top-right-radius: 6px;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
          border-top-left-radius: 6px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          width: 96%;
          margin: 6px auto;
          border: 2px solid #ddd;
          background: #f4f4f4;
          height: 160px; }
          #summary .summary-cards > li .edit-summary-card-content .image-preview i {
            text-align: center;
            line-height: 150px;
            text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.4);
            font-size: 58px;
            color: #d9d9d9;
            width: 100%; }
        #summary .summary-cards > li .edit-summary-card-content .quote-area {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          height: 64px;
          width: 100%;
          border: 1px solid #cacaca;
          outline: none;
          font-size: 13px;
          line-height: 18px;
          color: #444;
          padding: 4px 8px;
          margin-bottom: 12px;
          display: block; }
        #summary .summary-cards > li .edit-summary-card-content .quote-byline {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          height: 32px;
          width: 100%;
          border: 1px solid #cacaca;
          outline: none;
          font-size: 13px;
          line-height: 32px;
          color: #444;
          padding: 0px 8px; }
      #summary .summary-cards > li h4 {
        font-size: 18px;
        color: #444;
        font-weight: 400;
        background: none;
        line-height: 28px;
        margin-bottom: 12px;
        padding-top: 0px;
        text-align: left;
        border: none; }
        #summary .summary-cards > li h4.quote {
          font-style: italic; }
        #summary .summary-cards > li h4 span {
          font-style: normal;
          display: block;
          font-size: 13px;
          line-height: 18px;
          color: #999;
          font-weight: 500;
          margin: 0px; }
      #summary .summary-cards > li .author {
        font-size: 13px;
        font-weight: 500;
        color: #555; }
    #summary .summary-cards .add-between {
      z-index: 0;
      width: 100%;
      position: relative;
      display: flex;
      align-items: center;
      height: 12px;
      cursor: pointer;
      pointer-events: none; }
      #summary .summary-cards .add-between::before {
        -webkit-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -ms-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -o-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: "\f005";
        font-family: 'futility';
        position: absolute;
        left: -12px;
        z-index: 5;
        font-size: 10px;
        color: #555;
        opacity: 0; }
      #summary .summary-cards .add-between::after {
        -webkit-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -ms-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -o-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        background: #fff;
        border: 2px solid #509356;
        left: -19px;
        z-index: 4;
        opacity: 0; }
      #summary .summary-cards .add-between:hover {
        z-index: 3; }
        #summary .summary-cards .add-between:hover::before, #summary .summary-cards .add-between:hover::after {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          opacity: 1; }
        #summary .summary-cards .add-between:hover .add-between-inner {
          opacity: 1; }
          #summary .summary-cards .add-between:hover .add-between-inner::before {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            opacity: 1; }
      #summary .summary-cards .add-between.in-use {
        pointer-events: none !important; }
      #summary .summary-cards .add-between .add-between-inner {
        opacity: 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -webkit-border-top-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        -moz-border-radius-topleft: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 100%;
        height: 8px;
        border: 1px dashed transparent;
        background: rgba(80, 147, 86, 0.2);
        border: 1px dashed rgba(80, 147, 86, 0.4); }
        #summary .summary-cards .add-between .add-between-inner::before {
          -webkit-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
          -moz-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
          -ms-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
          -o-transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
          -webkit-transform: translateX(4px);
          -moz-transform: translateX(4px);
          -ms-transform: translateX(4px);
          -o-transform: translateX(4px);
          content: '';
          display: block;
          position: absolute;
          top: 0px;
          border-top: 6px solid transparent;
          border-left: 10px solid #509356;
          border-bottom: 6px solid transparent;
          opacity: 0;
          z-index: 3; }

.sidebar-overlay {
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  will-change: opacity;
  z-index: 50;
  pointer-events: none; }
  .sidebar-overlay.open-large {
    opacity: 1;
    pointer-events: all; }

.sidebar-panel-button {
  -webkit-transition: transform 500ms ease, background 200ms ease-in-out, opacity 200ms ease-in-out;
  -moz-transition: transform 500ms ease, background 200ms ease-in-out, opacity 200ms ease-in-out;
  -ms-transition: transform 500ms ease, background 200ms ease-in-out, opacity 200ms ease-in-out;
  -o-transition: transform 500ms ease, background 200ms ease-in-out, opacity 200ms ease-in-out;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 50;
  left: -4px;
  top: 175px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #6587bf;
  font-size: 20px;
  text-align: center;
  padding-top: 2px;
  color: #fff;
  will-change: transform, opacity, background;
  display: block; }
  .sidebar-panel-button:hover {
    background: #476caa; }
  .sidebar-panel-button .u-gear-f {
    position: relative; }
  .sidebar-panel-button.disabled {
    opacity: 0.4;
    pointer-events: none;
    background: none !important;
    color: #888; }
    .sidebar-panel-button.disabled::after, .sidebar-panel-button.disabled::before {
      display: none; }
  .sidebar-panel-button.open {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px); }
  .sidebar-panel-button.open-large {
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px); }
  .sidebar-panel-button#summary-panel {
    top: 225px;
    background: #d767a6; }
    .sidebar-panel-button#summary-panel:hover {
      background: #cc3f8e; }

.sidebar-panel {
  -webkit-box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  will-change: transform;
  position: fixed;
  z-index: 51;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 300px;
  background: #fff; }
  .sidebar-panel.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); }
  .sidebar-panel.stream-panel {
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    -o-transform: translateX(-600px);
    width: 600px; }
    .sidebar-panel.stream-panel.open-large {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0); }
  .sidebar-panel .panel-header {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    line-height: 55px;
    padding: 0px 24px;
    height: 55px;
    font-size: 15px;
    font-weight: 500;
    background: #5e6570;
    color: #fff;
    position: relative;
    z-index: 1; }
    .sidebar-panel .panel-header .close-panel {
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -ms-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
      position: absolute;
      right: 24px;
      text-align: right;
      font-size: 18px;
      color: #fff;
      width: 24px; }
      .sidebar-panel .panel-header .close-panel:hover {
        opacity: 0.8; }
      .sidebar-panel .panel-header .close-panel i {
        position: relative;
        top: 1px; }
  .sidebar-panel .panel-tabs {
    background: #fff;
    background: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background: -moz-linear-gradient(bottom, #fff, #f2f2f2);
    background: -ms-linear-gradient(bottom, #fff, #f2f2f2);
    background: -o-linear-gradient(bottom, #fff, #f2f2f2);
    background: linear-gradient(to bottom, #fff, #f2f2f2);
    /* Standard syntax */
    -webkit-box-shadow: 0px 24px 12px -12px white;
    -moz-box-shadow: 0px 24px 12px -12px white;
    box-shadow: 0px 24px 12px -12px white;
    border-bottom: 1px solid #ddd;
    margin: 0px -24px;
    z-index: 10;
    top: 55px;
    position: fixed;
    padding-top: 10px;
    width: 100%; }
    .sidebar-panel .panel-tabs ul {
      margin-left: 24px;
      margin-bottom: -1px;
      width: calc(100% - 48px);
      font-size: 0;
      display: table; }
      .sidebar-panel .panel-tabs ul li {
        display: table-cell;
        padding: 0px 2px;
        border: none;
        margin: 0;
        height: 40px;
        vertical-align: bottom;
        width: 25%; }
        .sidebar-panel .panel-tabs ul li:first-child {
          padding-left: 0; }
        .sidebar-panel .panel-tabs ul li:last-child {
          padding-right: 0; }
        .sidebar-panel .panel-tabs ul li a {
          border: 1px solid #cacaca;
          border-bottom: 1px solid #ddd;
          width: 100%;
          display: inline-block;
          line-height: 30px;
          color: #777;
          font-weight: 500;
          background: #eee;
          text-align: center;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 0;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0;
          -moz-border-radius-bottomleft: 0;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          padding: 2px 8px 0;
          margin: 0;
          cursor: pointer; }
          .sidebar-panel .panel-tabs ul li a:hover {
            background: white;
            color: #555; }
          .sidebar-panel .panel-tabs ul li a.selected {
            background: white;
            border-bottom: 1px solid white;
            color: #638BCE; }
          .sidebar-panel .panel-tabs ul li a > i {
            font-size: 15px;
            display: block;
            position: relative;
            line-height: 18px; }
            .sidebar-panel .panel-tabs ul li a > i.u-eye {
              -webkit-transform: scale(1.25);
              -moz-transform: scale(1.25);
              -ms-transform: scale(1.25);
              -o-transform: scale(1.25); }
            .sidebar-panel .panel-tabs ul li a > i.u-reply-f {
              -webkit-transform: scaleX(-1);
              -moz-transform: scaleX(-1);
              -ms-transform: scaleX(-1);
              -o-transform: scaleX(-1); }
            .sidebar-panel .panel-tabs ul li a > i.u-amend-f {
              -webkit-transform: scale(0.9);
              -moz-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9);
              top: 1px; }
          .sidebar-panel .panel-tabs ul li a > span {
            font-size: 14px;
            line-height: 32px;
            display: block;
            text-align: center; }
            .sidebar-panel .panel-tabs ul li a > span i {
              margin: 0 6px 0 0; }
              .sidebar-panel .panel-tabs ul li a > span i.u-hamburger-f {
                position: relative;
                top: 1px; }
              .sidebar-panel .panel-tabs ul li a > span i.u-amend-f {
                -webkit-transform: scale(0.9);
                -moz-transform: scale(0.9);
                -ms-transform: scale(0.9);
                -o-transform: scale(0.9);
                position: relative;
                top: 1px; }
              .sidebar-panel .panel-tabs ul li a > span i.u-graph-bubble-f {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1); }
  .sidebar-panel .panel-content {
    padding: 76px 24px 20px;
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 55px); }
    .sidebar-panel .panel-content .tab-content {
      display: none; }
      .sidebar-panel .panel-content .tab-content.view-settings {
        display: block; }
        .sidebar-panel .panel-content .tab-content.view-settings .segmented-button span {
          margin-left: 0;
          display: block; }
        .sidebar-panel .panel-content .tab-content.view-settings .segmented-button .view-img {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
          margin: 12px 0px 4px;
          width: 80%;
          border: 1px solid #cacaca; }
      .sidebar-panel .panel-content .tab-content.version-settings .current-version, .sidebar-panel .panel-content .tab-content.export-settings .current-version {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: rgba(99, 139, 206, 0.1);
        border: 1px solid #ddd;
        padding: 12px 16px;
        margin-bottom: 12px; }
        .sidebar-panel .panel-content .tab-content.version-settings .current-version label, .sidebar-panel .panel-content .tab-content.export-settings .current-version label {
          font-size: 13px;
          margin-bottom: 4px; }
        .sidebar-panel .panel-content .tab-content.version-settings .current-version .current-version-name, .sidebar-panel .panel-content .tab-content.export-settings .current-version .current-version-name {
          font-weight: 500;
          color: #555;
          font-size: 15px;
          line-height: 20px;
          display: block;
          margin-bottom: 4px; }
        .sidebar-panel .panel-content .tab-content.version-settings .current-version .current-version-date, .sidebar-panel .panel-content .tab-content.export-settings .current-version .current-version-date {
          display: block;
          font-size: 12px;
          font-weight: 400;
          color: 3444;
          line-height: 18px; }
      .sidebar-panel .panel-content .tab-content h4.tab-title {
        font-weight: 500;
        color: #555;
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 36px;
        border-bottom: 1px solid #ddd; }
      .sidebar-panel .panel-content .tab-content .stream-select {
        width: 100%; }
        .sidebar-panel .panel-content .tab-content .stream-select > li {
          -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          position: relative;
          margin: 0 0 12px;
          border: 1px solid #cacaca;
          padding: 12px 24px 0;
          background: linear-gradient(0deg, #f0f0f0, #fafafa); }
          .sidebar-panel .panel-content .tab-content .stream-select > li.editing .stream-details {
            display: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.editing .edit-stream {
            display: block; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.selected {
            background: #799bd4;
            border: 1px solid #4c7ac7; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.selected .stream-title,
            .sidebar-panel .panel-content .tab-content .stream-select > li.selected .stream-title > .stream-icon {
              color: #fff; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.selected .stream-details li {
              background: rgba(0, 0, 0, 0.15);
              border-top: 1px solid rgba(0, 0, 0, 0.2);
              color: #fff; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.selected .edit-stream-button {
              border: 1px solid #fff;
              color: #fff;
              background: rgba(255, 255, 255, 0.2);
              opacity: 0.8; }
              .sidebar-panel .panel-content .tab-content .stream-select > li.selected .edit-stream-button:hover {
                opacity: 1; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.selected .edit-stream {
              background: #ecf1f9; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.blank {
            display: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.new-stream::after {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: 0px 0px 1px 2px rgba(80, 149, 86, 0.8);
            -moz-box-shadow: 0px 0px 1px 2px rgba(80, 149, 86, 0.8);
            box-shadow: 0px 0px 1px 2px rgba(80, 149, 86, 0.8);
            content: '';
            border: 1px solid #509556;
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            pointer-events: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream::before {
            display: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li::before {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            will-change: opacity;
            opacity: 0;
            content: '';
            display: block;
            position: absolute;
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            left: -1px;
            top: -1px;
            border: 2px solid #799bd4;
            z-index: 2;
            pointer-events: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li:hover:not(.selected):not(.editing) {
            cursor: pointer; }
            .sidebar-panel .panel-content .tab-content .stream-select > li:hover:not(.selected):not(.editing)::before {
              opacity: 1; }
            .sidebar-panel .panel-content .tab-content .stream-select > li:hover:not(.selected):not(.editing) .stream-title,
            .sidebar-panel .panel-content .tab-content .stream-select > li:hover:not(.selected):not(.editing) .stream-details li {
              color: #638BCE; }
          .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream {
            -webkit-opacity: 0.7;
            -moz-opacity: 0.7;
            opacity: 0.7;
            height: 62px;
            text-align: center; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream i {
              -webkit-transition: all 100ms ease-in-out;
              -moz-transition: all 100ms ease-in-out;
              -ms-transition: all 100ms ease-in-out;
              -o-transition: all 100ms ease-in-out;
              font-size: 30px;
              color: #999; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream .hover-show {
              -webkit-transition: all 100ms ease-in-out;
              -moz-transition: all 100ms ease-in-out;
              -ms-transition: all 100ms ease-in-out;
              -o-transition: all 100ms ease-in-out;
              opacity: 0;
              position: absolute;
              color: #777;
              font-weight: 400;
              width: 100%;
              text-align: center;
              top: 18px;
              left: 0;
              font-size: 15px; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream:hover i {
              opacity: 0; }
            .sidebar-panel .panel-content .tab-content .stream-select > li.add-new-stream:hover .hover-show {
              opacity: 1; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream {
            display: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream-button {
            display: block;
            height: 24px;
            width: 24px;
            padding: 2px 0px 0px;
            position: absolute;
            right: 12px;
            top: 12px; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream-button .u-exw-f {
              display: none;
              position: relative;
              top: 2px; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream-button.active .u-exw-f {
              display: block; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream-button.active .u-pencil-f {
              display: none; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .stream-title {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 12px;
            margin-right: 32px;
            margin-left: 24px;
            color: #444;
            font-weight: 500; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .stream-title .stream-icon {
              color: #76798d;
              position: absolute;
              left: 16px;
              font-size: 26px;
              margin-top: -2px; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .stream-title .stream-icon.default {
                opacity: 0.4; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details {
            position: relative;
            width: calc(100% + 48px);
            margin: 0px -24px;
            white-space: nowrap;
            display: table; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li {
              -webkit-transition: all 100ms ease-in-out;
              -moz-transition: all 100ms ease-in-out;
              -ms-transition: all 100ms ease-in-out;
              -o-transition: all 100ms ease-in-out;
              -webkit-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
              -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
              display: table-cell;
              vertical-align: top;
              height: 28px;
              width: 25%;
              text-align: center;
              background: rgba(119, 119, 119, 0.1);
              border-top: 1px solid #cacaca;
              color: #76798d;
              font-size: 13px;
              line-height: 28px;
              font-weight: 500; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li:first-child {
                -webkit-border-top-right-radius: 0px;
                -webkit-border-bottom-right-radius: 0px;
                -webkit-border-bottom-left-radius: 4px;
                -webkit-border-top-left-radius: 0px;
                -moz-border-radius-topright: 0px;
                -moz-border-radius-bottomright: 0px;
                -moz-border-radius-bottomleft: 4px;
                -moz-border-radius-topleft: 0px;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 0px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li:last-child {
                -webkit-border-top-right-radius: 0px;
                -webkit-border-bottom-right-radius: 4px;
                -webkit-border-bottom-left-radius: 0px;
                -webkit-border-top-left-radius: 0px;
                -moz-border-radius-topright: 0px;
                -moz-border-radius-bottomright: 4px;
                -moz-border-radius-bottomleft: 0px;
                -moz-border-radius-topleft: 0px;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 0px;
                border-top-left-radius: 0px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li span {
                display: inline-block;
                cursor: default; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li span > i {
                  margin-right: 6px; }
                  .sidebar-panel .panel-content .tab-content .stream-select > li .stream-details li span > i.u-power-f {
                    position: relative;
                    top: 1px; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream {
            display: none;
            padding: 24px 0;
            margin: 14px -24px -16px;
            background: #fff;
            border-top: 1px solid #ddd; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row {
              border-color: #cacaca;
              position: relative;
              padding-left: 24px;
              padding-right: 24px; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row:not(:last-child) {
                padding-bottom: 24px;
                margin-bottom: 16px; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row .segmented-button {
                width: 180px;
                float: right;
                position: absolute;
                top: -3px;
                right: 24px; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row .segmented-button > li {
                  padding: 3px 16px; }
                  .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row .segmented-button > li.selected {
                    background: #ddd; }
                  .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .row .segmented-button > li > span {
                    white-space: nowrap; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left {
              flex: 0 0 96px; }
              .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown {
                width: 80px;
                height: 64px;
                display: block; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .button {
                  height: 64px; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-button-title {
                  font-size: 26px;
                  line-height: 48px;
                  left: 18px; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-icon {
                  position: relative;
                  top: 16px; }
                .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu {
                  top: 64px; }
                  .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu .results {
                    padding: 0;
                    font-size: 32px;
                    display: flex; }
                    .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu .results:hover {
                      background: none; }
                    .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu .results .title {
                      flex: 0 0 16.666%;
                      text-align: center;
                      padding: 12px 0;
                      pointer-events: all;
                      color: #76798d; }
                      .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu .results .title:not(:last-child) {
                        border-right: 1px solid #ddd; }
                      .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .left .dropdown .dropdown-menu .results .title:hover {
                        background: #f2f3f9; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-stream .rename-stream .right {
              flex: 0 0 calc(100% - 96px); }
          .sidebar-panel .panel-content .tab-content .stream-select > li .external-cards .table-inner {
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
            -moz-box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
            box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
            background: rgba(68, 68, 68, 0.1);
            padding: 12px 16px;
            max-height: 160px; }
          .sidebar-panel .panel-content .tab-content .stream-select > li .edit-buttons {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 0px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            margin: 16px -24px 0;
            padding: 8px 24px 8px;
            text-align: right;
            background: #f6f6f6;
            border-top: 1px solid #ddd; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-buttons .button:not(.delete) {
              margin-left: 4px; }
            .sidebar-panel .panel-content .tab-content .stream-select > li .edit-buttons .delete {
              float: left; }
      .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream {
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        margin: 0 0 12px;
        border: 1px solid #cacaca;
        padding: 12px 24px 0;
        background: linear-gradient(0deg, #f0f0f0, #fafafa); }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream.internal {
          margin-top: 12px; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .remove-marketplace-stream-button {
          -webkit-transform: scale(0.8);
          -moz-transform: scale(0.8);
          -ms-transform: scale(0.8);
          -o-transform: scale(0.8);
          opacity: 0.6;
          display: block;
          height: 24px;
          width: 24px;
          padding: 2px 0px 0px;
          position: absolute;
          right: 12px;
          top: 12px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .remove-marketplace-stream-button .u-exw-f {
            position: relative;
            top: 2px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .remove-marketplace-stream-button:hover {
            opacity: 1; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-title {
          font-size: 16px;
          line-height: 24px;
          margin: 0px 32px 2px 24px;
          color: #444;
          font-weight: 500; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-title .stream-icon {
            color: #76798d;
            position: absolute;
            left: 16px;
            font-size: 26px;
            margin-top: -2px; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-title .stream-icon.default {
              opacity: 0.4; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-owner {
          font-size: 13px;
          line-height: 18px;
          font-weight: 400;
          color: #777;
          display: block;
          margin: 0px 32px 12px 24px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-owner a {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            color: #76798d;
            font-weight: 500; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-owner a:hover {
              color: #638BCE;
              text-decoration: underline; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 0px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          position: relative;
          width: calc(100% + 50px);
          margin: 0px -25px;
          white-space: nowrap;
          display: table;
          cursor: pointer;
          border-bottom: 1px solid #cacaca; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details:hover {
            background: rgba(99, 139, 206, 0.15); }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details:hover li {
              color: #638BCE; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details.expanded {
            -webkit-border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-top-left-radius: 0;
            -moz-border-radius-topright: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            -moz-border-radius-topleft: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details.expanded li {
              border-radius: 0px !important; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details.expanded::after {
              content: 'Hide Stream Details' !important; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            -webkit-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0.1);
            display: table-cell;
            vertical-align: top;
            height: 28px;
            width: 25%;
            text-align: center;
            background: rgba(119, 119, 119, 0.1);
            border-top: 1px solid #cacaca;
            color: #76798d;
            font-size: 13px;
            line-height: 28px;
            font-weight: 500; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li:first-child {
              -webkit-border-top-right-radius: 0px;
              -webkit-border-bottom-right-radius: 0px;
              -webkit-border-bottom-left-radius: 4px;
              -webkit-border-top-left-radius: 0px;
              -moz-border-radius-topright: 0px;
              -moz-border-radius-bottomright: 0px;
              -moz-border-radius-bottomleft: 4px;
              -moz-border-radius-topleft: 0px;
              border-top-right-radius: 0px;
              border-bottom-right-radius: 0px;
              border-bottom-left-radius: 4px;
              border-top-left-radius: 0px;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li:last-child {
              -webkit-border-top-right-radius: 0px;
              -webkit-border-bottom-right-radius: 4px;
              -webkit-border-bottom-left-radius: 0px;
              -webkit-border-top-left-radius: 0px;
              -moz-border-radius-topright: 0px;
              -moz-border-radius-bottomright: 4px;
              -moz-border-radius-bottomleft: 0px;
              -moz-border-radius-topleft: 0px;
              border-top-right-radius: 0px;
              border-bottom-right-radius: 4px;
              border-bottom-left-radius: 0px;
              border-top-left-radius: 0px;
              -moz-background-clip: padding;
              -webkit-background-clip: padding-box;
              background-clip: padding-box; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li span {
              display: inline-block; }
              .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li span > i {
                margin-right: 6px; }
                .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-details li span > i.u-power-f {
                  position: relative;
                  top: 1px; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table {
          margin: 16px 0 24px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-thead > div:first-child,
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-row > div:first-child {
            padding-left: 16px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-row:hover {
            background: #fff;
            cursor: default; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-thead > div,
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-row > div,
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-thead > div,
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-row > div {
            flex: 0 0 35%; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-thead > div:first-child,
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-row > div:first-child,
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-thead > div:first-child,
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-row > div:first-child {
              flex: 0 0 10%; }
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-thead > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-header .table-row > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-thead > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .marketplace-grants-table .table-inner .table-row > div:nth-child(2) {
              flex: 0 0 55%; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .expand-sources {
          margin-bottom: 24px; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .expand-sources .check-bar {
            display: none; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .expand-sources .content {
            flex: 0 0 100%; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .external .table-inner {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
          -moz-box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
          box-shadow: inset 0px 1px 8px rgba(68, 68, 68, 0.1);
          background: #ddd;
          padding: 12px 16px;
          max-height: 160px; }
        .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .close-expand {
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          width: 24px;
          height: 24px;
          position: absolute;
          left: calc(50% - 12px);
          bottom: -8px;
          padding-left: 0;
          padding-right: 0;
          border: 1px solid #cacaca; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .close-expand:hover {
            border: 1px solid #638BCE; }
          .sidebar-panel .panel-content .tab-content .marketplace-sources .marketplace-stream .stream-expand .close-expand i {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            position: relative;
            top: 3px; }
      .sidebar-panel .panel-content .tab-content .external-sources .external-card {
        background: #f0f0f0;
        background: -webkit-linear-gradient(top, #f0f0f0, #fafafa);
        background: -moz-linear-gradient(bottom, #f0f0f0, #fafafa);
        background: -ms-linear-gradient(bottom, #f0f0f0, #fafafa);
        background: -o-linear-gradient(bottom, #f0f0f0, #fafafa);
        background: linear-gradient(to bottom, #f0f0f0, #fafafa);
        /* Standard syntax */
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        border: 1px solid #ddd;
        cursor: default;
        opacity: 1;
        background: #fafafa;
        position: relative; }
        .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new {
          opacity: 0.7;
          height: 64px;
          text-align: center;
          cursor: pointer; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new:hover i {
            opacity: 0; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new:hover .hover-show {
            opacity: 1; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new .external-card-inner {
            display: block;
            padding: 12px; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new i {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            font-size: 30px;
            color: #999; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card.add-new .hover-show {
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -ms-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            opacity: 0;
            position: absolute;
            color: #777;
            font-weight: 400;
            width: 100%;
            text-align: center;
            top: 18px;
            left: 0;
            font-size: 15px; }
        .sidebar-panel .panel-content .tab-content .external-sources .external-card .remove-external-source-button {
          -webkit-transform: scale(0.8);
          -moz-transform: scale(0.8);
          -ms-transform: scale(0.8);
          -o-transform: scale(0.8);
          opacity: 0.6;
          display: block;
          height: 24px;
          width: 24px;
          padding: 2px 0px 0px;
          position: absolute;
          right: 12px;
          top: 10px;
          z-index: 1; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card .remove-external-source-button .u-exw-f {
            position: relative;
            top: 2px; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card .remove-external-source-button:hover {
            opacity: 1; }
        .sidebar-panel .panel-content .tab-content .external-sources .external-card .content {
          flex: 0 0 100%; }
          .sidebar-panel .panel-content .tab-content .external-sources .external-card .content .title {
            margin-right: 32px; }
      .sidebar-panel .panel-content .tab-content .external-card {
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: 88px;
        background: #fff;
        font-size: 0;
        margin-right: 16px;
        cursor: pointer;
        opacity: 0.8; }
        .sidebar-panel .panel-content .tab-content .external-card:hover {
          opacity: 1; }
          .sidebar-panel .panel-content .tab-content .external-card:hover .check-bar {
            background: #e5efe2; }
        .sidebar-panel .panel-content .tab-content .external-card.enabled {
          opacity: 1; }
          .sidebar-panel .panel-content .tab-content .external-card.enabled .check-bar {
            background: #c7e8bd !important; }
        .sidebar-panel .panel-content .tab-content .external-card .external-card-inner {
          display: flex;
          align-items: flex-start;
          height: 100%; }
        .sidebar-panel .panel-content .tab-content .external-card label {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          width: 32px;
          flex: 0 0 32px;
          height: 100%;
          background: #f2f2f2;
          border-right: 1px solid #ddd;
          text-align: center;
          position: relative;
          vertical-align: top;
          align-items: center;
          display: flex;
          pointer-events: none; }
          .sidebar-panel .panel-content .tab-content .external-card label input[type="checkbox"] {
            left: calc(50% - 6px);
            top: calc(50% - 6px);
            position: absolute;
            pointer-events: none; }
        .sidebar-panel .panel-content .tab-content .external-card .content {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 4px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 0px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          padding: 12px 16px;
          text-overflow: ellipsis;
          overflow: hidden;
          vertical-align: top;
          position: relative;
          flex: 0 0 calc(100% - 32px); }
          .sidebar-panel .panel-content .tab-content .external-card .content > span {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
          .sidebar-panel .panel-content .tab-content .external-card .content .title {
            font-size: 14px;
            line-height: 20px;
            font-weight: 500;
            color: #555;
            margin-bottom: 2px; }
          .sidebar-panel .panel-content .tab-content .external-card .content .source {
            font-size: 12px;
            line-height: 16px;
            font-weight: 500;
            color: #777; }
          .sidebar-panel .panel-content .tab-content .external-card .content .date {
            margin-top: 4px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            color: #999; }
          .sidebar-panel .panel-content .tab-content .external-card .content .metric-icons {
            position: absolute;
            right: 16px;
            bottom: 2px;
            text-align: right; }
            .sidebar-panel .panel-content .tab-content .external-card .content .metric-icons > li {
              display: inline-block;
              margin: 0px 4px;
              color: #76798d;
              font-size: 18px; }
      .sidebar-panel .panel-content .tab-content .marketplace-search {
        margin-bottom: 16px; }
      .sidebar-panel .panel-content .tab-content .tiles {
        font-size: 0; }
        .sidebar-panel .panel-content .tab-content .tiles > li {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          -webkit-border-top-right-radius: 6px;
          -webkit-border-bottom-right-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -webkit-border-top-left-radius: 6px;
          -moz-border-radius-topright: 6px;
          -moz-border-radius-bottomright: 6px;
          -moz-border-radius-bottomleft: 6px;
          -moz-border-radius-topleft: 6px;
          border-top-right-radius: 6px;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
          border-top-left-radius: 6px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          display: inline-block;
          width: 176px;
          height: 176px;
          position: relative;
          border: 1px solid #ccc;
          margin: 0 0px 16px;
          padding: 0 12px;
          background: #fafafa;
          vertical-align: top; }
          .sidebar-panel .panel-content .tab-content .tiles > li:nth-child(3n + 2) {
            margin: 0px 12px; }
          .sidebar-panel .panel-content .tab-content .tiles > li.subscribed {
            background: #f0f7ed;
            border-color: #79b567; }
            .sidebar-panel .panel-content .tab-content .tiles > li.subscribed .unsubscribe-button {
              display: block; }
              .sidebar-panel .panel-content .tab-content .tiles > li.subscribed .unsubscribe-button:hover {
                background: #5f9d4c; }
            .sidebar-panel .panel-content .tab-content .tiles > li.subscribed .tile-details {
              border-top: 1px solid #79b567;
              background: #79b567;
              color: #fff;
              font-weight: 500; }
            .sidebar-panel .panel-content .tab-content .tiles > li.subscribed .tile-icon {
              color: #598a4a; }
          .sidebar-panel .panel-content .tab-content .tiles > li:hover:not(.subscribed) {
            background: #f5fcf3;
            border-color: #abc9a2;
            cursor: pointer; }
            .sidebar-panel .panel-content .tab-content .tiles > li:hover:not(.subscribed) .tile-details {
              background: #8bc074;
              color: #fff; }
          .sidebar-panel .panel-content .tab-content .tiles > li .unsubscribe-button {
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 23px;
            height: 24px;
            text-align: center;
            padding-top: 2px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 8px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 8px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 8px;
            border-top-left-radius: 0px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #acbfa6;
            color: #fff;
            font-size: 13px; }
          .sidebar-panel .panel-content .tab-content .tiles > li .tile-name-container {
            display: flex;
            align-items: center;
            height: 40px;
            margin: 8px 0 0; }
            .sidebar-panel .panel-content .tab-content .tiles > li .tile-name-container .tile-name {
              text-align: center;
              width: 100%;
              font-size: 14px;
              font-weight: 500;
              line-height: 18px;
              color: #31589a;
              display: block; }
          .sidebar-panel .panel-content .tab-content .tiles > li .tile-icon {
            font-size: 48px;
            color: #737e91;
            text-align: center;
            width: 100%;
            height: 64px;
            position: relative;
            top: 18px; }
          .sidebar-panel .panel-content .tab-content .tiles > li .tile-details {
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            color: #76798d;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            white-space: nowrap;
            border-top: 1px solid #cacaca;
            background: #f6f6f6; }
            .sidebar-panel .panel-content .tab-content .tiles > li .tile-details em {
              font-style: normal;
              margin: 0px 6px; }
              .sidebar-panel .panel-content .tab-content .tiles > li .tile-details em:first-child {
                margin-left: 0; }
              .sidebar-panel .panel-content .tab-content .tiles > li .tile-details em:last-child {
                margin-right: 0; }
            .sidebar-panel .panel-content .tab-content .tiles > li .tile-details i {
              font-size: 13px;
              margin-right: 4px; }
              .sidebar-panel .panel-content .tab-content .tiles > li .tile-details i.u-power-f {
                position: relative;
                top: 1px; }
          .sidebar-panel .panel-content .tab-content .tiles > li .tile-owner {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 0px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            color: #777;
            font-size: 13px;
            line-height: 28px;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            left: 0;
            bottom: 34;
            position: absolute; }
            .sidebar-panel .panel-content .tab-content .tiles > li .tile-owner i {
              position: relative;
              top: 1px;
              margin-right: 6px; }
      .sidebar-panel .panel-content .tab-content .subscribers-table.private .table-header,
      .sidebar-panel .panel-content .tab-content .subscribers-table.private .table-inner {
        opacity: 0.4;
        pointer-events: none; }
        .sidebar-panel .panel-content .tab-content .subscribers-table.private .table-header .table-row.enabled,
        .sidebar-panel .panel-content .tab-content .subscribers-table.private .table-inner .table-row.enabled {
          background: #eee !important; }
      .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-thead > div,
      .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-row > div,
      .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-thead > div,
      .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-row > div {
        flex: 0 0 35%; }
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-thead > div:nth-child(2),
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-row > div:nth-child(2),
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-thead > div:nth-child(2),
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-row > div:nth-child(2) {
          flex: 0 0 35%; }
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-thead > div:first-child,
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-row > div:first-child,
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-thead > div:first-child,
        .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-row > div:first-child {
          flex: 0 0 30%; }
          .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-thead > div:first-child > span,
          .sidebar-panel .panel-content .tab-content .subscribers-table .table-header .table-row > div:first-child > span,
          .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-thead > div:first-child > span,
          .sidebar-panel .panel-content .tab-content .subscribers-table .table-inner .table-row > div:first-child > span {
            margin-left: 6px; }
      .sidebar-panel .panel-content .tab-content .table-header,
      .sidebar-panel .panel-content .tab-content .table-inner {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        overflow: hidden;
        position: relative; }
        .sidebar-panel .panel-content .tab-content .table-header.table-header,
        .sidebar-panel .panel-content .tab-content .table-inner.table-header {
          -webkit-border-top-right-radius: 4px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          -moz-border-radius-topleft: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-left-radius: 4px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
          height: 36px;
          border-bottom: none;
          position: relative;
          z-index: 1; }
        .sidebar-panel .panel-content .tab-content .table-header.table-inner,
        .sidebar-panel .panel-content .tab-content .table-inner.table-inner {
          max-height: 125px;
          overflow-y: auto;
          background: #fff;
          transform: translate3d(0px, 0px, 0px); }
        .sidebar-panel .panel-content .tab-content .table-header .table-thead,
        .sidebar-panel .panel-content .tab-content .table-header .table-row,
        .sidebar-panel .panel-content .tab-content .table-inner .table-thead,
        .sidebar-panel .panel-content .tab-content .table-inner .table-row {
          display: flex;
          color: #555;
          position: relative;
          width: 100%;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-thead,
          .sidebar-panel .panel-content .tab-content .table-header .table-row.table-thead,
          .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-thead,
          .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-thead {
            position: absolute;
            background: #f2f2f2;
            top: 0;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-thead input,
            .sidebar-panel .panel-content .tab-content .table-header .table-row.table-thead input,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-thead input,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-thead input {
              cursor: pointer; }
          .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-row,
          .sidebar-panel .panel-content .tab-content .table-header .table-row.table-row,
          .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-row,
          .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-row {
            font-size: 13px;
            line-height: 18px;
            color: #444;
            cursor: pointer; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-row:hover,
            .sidebar-panel .panel-content .tab-content .table-header .table-row.table-row:hover,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-row:hover,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-row:hover {
              background: #f5fcf3; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-row.enabled,
            .sidebar-panel .panel-content .tab-content .table-header .table-row.table-row.enabled,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-row.enabled,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-row.enabled {
              background: #e1f5db !important; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-row:last-child,
            .sidebar-panel .panel-content .tab-content .table-header .table-row.table-row:last-child,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-row:last-child,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-row:last-child {
              border-bottom: none; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead.table-row input,
            .sidebar-panel .panel-content .tab-content .table-header .table-row.table-row input,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead.table-row input,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row.table-row input {
              pointer-events: none; }
          .sidebar-panel .panel-content .tab-content .table-header .table-thead > div,
          .sidebar-panel .panel-content .tab-content .table-header .table-row > div,
          .sidebar-panel .panel-content .tab-content .table-inner .table-thead > div,
          .sidebar-panel .panel-content .tab-content .table-inner .table-row > div {
            flex: 0 0 calc(33% - 22px);
            padding: 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead > div:first-child,
            .sidebar-panel .panel-content .tab-content .table-header .table-row > div:first-child,
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead > div:first-child,
            .sidebar-panel .panel-content .tab-content .table-inner .table-row > div:first-child {
              flex: 0 0 32px; }
            .sidebar-panel .panel-content .tab-content .table-header .table-thead > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .table-header .table-row > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .table-inner .table-thead > div:nth-child(2),
            .sidebar-panel .panel-content .tab-content .table-inner .table-row > div:nth-child(2) {
              flex: 0 0 40px; }
    .sidebar-panel .panel-content .row:not(:last-child) {
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 12px; }
    .sidebar-panel .panel-content .row.flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
    .sidebar-panel .panel-content .row .left,
    .sidebar-panel .panel-content .row .right {
      flex: 0 0 50%; }
    .sidebar-panel .panel-content .row label {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      color: #555;
      display: block;
      margin-bottom: 12px; }
      .sidebar-panel .panel-content .row label.check-label {
        float: right;
        margin-bottom: 0; }
        .sidebar-panel .panel-content .row label.check-label input {
          margin: 0 4px; }
      .sidebar-panel .panel-content .row label.inline-label {
        display: inline-block; }
    .sidebar-panel .panel-content .row .help-text {
      font-size: 13px;
      line-height: 18px;
      display: block;
      font-weight: 400;
      color: #444;
      margin: -8px 0 12px; }
    .sidebar-panel .panel-content .row .dropdown {
      width: 100%; }
    .sidebar-panel .panel-content .row .segmented-button {
      width: 100%; }
      .sidebar-panel .panel-content .row .segmented-button > li {
        text-align: center;
        width: 50%; }
      .sidebar-panel .panel-content .row .segmented-button.export-file > li {
        width: auto; }
        .sidebar-panel .panel-content .row .segmented-button.export-file > li span {
          margin-left: 0; }
          .sidebar-panel .panel-content .row .segmented-button.export-file > li span i {
            display: block;
            font-size: 18px;
            margin: 0 0 6px; }
    .sidebar-panel .panel-content .row .side-panel-field {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: inset 1px 1px 1px rgba(80, 80, 80, 0.1);
      -moz-box-shadow: inset 1px 1px 1px rgba(80, 80, 80, 0.1);
      box-shadow: inset 1px 1px 1px rgba(80, 80, 80, 0.1);
      height: 32px;
      line-height: 32px;
      font-size: 13px;
      color: #444;
      border: 1px solid #cacaca;
      padding: 0px 8px;
      width: 100%;
      outline: none; }
    .sidebar-panel .panel-content .row .button-field {
      display: flex;
      align-items: center; }
      .sidebar-panel .panel-content .row .button-field input {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        flex: 0 0 75%; }
      .sidebar-panel .panel-content .row .button-field .button {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        flex: 0 0 25%;
        padding-top: 6px;
        padding-bottom: 6px;
        background: #fafafa;
        border: 1px solid #cacaca;
        border-left: none !important;
        position: relative; }
        .sidebar-panel .panel-content .row .button-field .button::before {
          -webkit-transition: all 100ms ease-in-out;
          -moz-transition: all 100ms ease-in-out;
          -ms-transition: all 100ms ease-in-out;
          -o-transition: all 100ms ease-in-out;
          content: '';
          display: block;
          position: absolute;
          left: -1px;
          top: 0;
          height: 100%;
          width: 1px;
          background: #638BCE;
          opacity: 0;
          pointer-events: none; }
        .sidebar-panel .panel-content .row .button-field .button:hover {
          border: 1px solid #638BCE; }
          .sidebar-panel .panel-content .row .button-field .button:hover::before {
            opacity: 1; }

/*# sourceMappingURL=main.css.map */