@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(//fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
@import url(../groovy/directive/emojiDeclara/assets/emoji.min.css);
@import url(../../../bower_components/pdfjs/web/viewer.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid, .search-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .search-container:before, .container-fluid:after, .search-container:after {
    content: " ";
    display: table; }
  .container-fluid:after, .search-container:after {
    clear: both; }

.row, .settingsGroupModal .memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader, #readerNavigation .journeyNavigation .navItem, .journeyForumWrapper .journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .journeyQuestion {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .settingsGroupModal .memberRow:before, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader:before, #readerNavigation .journeyNavigation .navItem:before, .journeyForumWrapper .journeyConversationTopBar:before, .journeyForumWrapper .journeyQuestionsList .journeyQuestion:before, .row:after, .settingsGroupModal .memberRow:after, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader:after, #readerNavigation .journeyNavigation .navItem:after, .journeyForumWrapper .journeyConversationTopBar:after, .journeyForumWrapper .journeyQuestionsList .journeyQuestion:after {
    content: " ";
    display: table; }
  .row:after, .settingsGroupModal .memberRow:after, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader:after, #readerNavigation .journeyNavigation .navItem:after, .journeyForumWrapper .journeyConversationTopBar:after, .journeyForumWrapper .journeyQuestionsList .journeyQuestion:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .groupBanner .bannerContainer .metric, .collectionBanner .bannerContainer .leftContainer .iconContainer,
.journeyBanner .bannerContainer .leftContainer .iconContainer, .col-lg-1, .col-xs-2, .settingsGroupModal .memberRow .roleCell, #readerNavigation .journeyNavigation .navItem .iconCol, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .col-sm-2, .collectionBanner .bannerContainer .leftContainer .iconContainer,
.journeyBanner .bannerContainer .leftContainer .iconContainer, .col-md-2, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .col-lg-2, .col-xs-3, .groupBanner .bannerContainer .metric, .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .rightBtn, .col-sm-3, .col-md-3, .groupContentView .activityFacetsView, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .col-lg-3, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .col-xs-4, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .actions, .col-sm-4, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .journeyForumWrapper .journeyConversationTopBar .conversationTitle, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .title, .col-sm-8, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .col-md-8, .groupContentView .activityView, .groupBanner .bannerContainer .name, .col-lg-8, .col-xs-9, .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long, .col-sm-9, .col-md-9, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .col-lg-9, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .col-xs-10, #readerNavigation .journeyNavigation .navItem .itemTitle, .col-sm-10, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .col-lg-11, .col-xs-12, .sectionHeader .subHeading, .groupContentView .activityFacetsView, .groupContentView .activityView, .groupBanner .bannerContainer .name, .settingsGroupModal .memberRow .nameCell, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .subHeading, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .settingsGroupModal .memberRow .roleCell, #readerNavigation .journeyNavigation .navItem .iconCol, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .col-xs-3, .groupBanner .bannerContainer .metric, .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .rightBtn, .col-xs-4, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .actions, .col-xs-5, .col-xs-6, .journeyForumWrapper .journeyConversationTopBar .conversationTitle, .col-xs-7, .col-xs-8, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .title, .col-xs-9, .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long, .col-xs-10, #readerNavigation .journeyNavigation .navItem .itemTitle, .col-xs-11, .col-xs-12, .sectionHeader .subHeading, .groupContentView .activityFacetsView, .groupContentView .activityView, .groupBanner .bannerContainer .name, .settingsGroupModal .memberRow .nameCell, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .subHeading, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2, .settingsGroupModal .memberRow .roleCell, #readerNavigation .journeyNavigation .navItem .iconCol, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic {
  width: 16.6666666667%; }

.col-xs-3, .groupBanner .bannerContainer .metric, .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .rightBtn {
  width: 25%; }

.col-xs-4, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .actions {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6, .journeyForumWrapper .journeyConversationTopBar .conversationTitle {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .title {
  width: 66.6666666667%; }

.col-xs-9, .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long {
  width: 75%; }

.col-xs-10, #readerNavigation .journeyNavigation .navItem .itemTitle {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12, .sectionHeader .subHeading, .groupContentView .activityFacetsView, .groupContentView .activityView, .groupBanner .bannerContainer .name, .settingsGroupModal .memberRow .nameCell, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .subHeading, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer, .col-sm-3, .col-sm-4, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .collectionBanner .bannerContainer .rightContainer,
  .journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .actionButtonContainer,
  .journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
  .journeyBanner .bannerContainer .actionButtonContainer.collections, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
  .journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .name,
  .journeyBanner .bannerContainer .name, .col-sm-9, .col-sm-10, .collectionBanner .bannerContainer .leftContainer .nameContainer,
  .journeyBanner .bannerContainer .leftContainer .nameContainer, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2, .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .collectionBanner .bannerContainer .rightContainer,
  .journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .actionButtonContainer,
  .journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
  .journeyBanner .bannerContainer .actionButtonContainer.collections {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
  .journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .name,
  .journeyBanner .bannerContainer .name {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10, .collectionBanner .bannerContainer .leftContainer .nameContainer,
  .journeyBanner .bannerContainer .leftContainer .nameContainer {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .groupBanner .bannerContainer .metric, .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer, .col-md-2, .collectionBanner .bannerContainer .actionButtonContainer,
  .journeyBanner .bannerContainer .actionButtonContainer, .col-md-3, .groupContentView .activityFacetsView, .collectionBanner .bannerContainer .actionButtonContainer.collections,
  .journeyBanner .bannerContainer .actionButtonContainer.collections, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .groupContentView .activityView, .groupBanner .bannerContainer .name, .col-md-9, .collectionBanner .bannerContainer .name,
  .journeyBanner .bannerContainer .name, .col-md-10, .col-md-11, .collectionBanner .bannerContainer .leftContainer .nameContainer,
  .journeyBanner .bannerContainer .leftContainer .nameContainer, .col-md-12 {
    float: left; }
  .col-md-1, .groupBanner .bannerContainer .metric, .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer {
    width: 8.3333333333%; }
  .col-md-2, .collectionBanner .bannerContainer .actionButtonContainer,
  .journeyBanner .bannerContainer .actionButtonContainer {
    width: 16.6666666667%; }
  .col-md-3, .groupContentView .activityFacetsView, .collectionBanner .bannerContainer .actionButtonContainer.collections,
  .journeyBanner .bannerContainer .actionButtonContainer.collections {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8, .groupContentView .activityView, .groupBanner .bannerContainer .name {
    width: 66.6666666667%; }
  .col-md-9, .collectionBanner .bannerContainer .name,
  .journeyBanner .bannerContainer .name {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11, .collectionBanner .bannerContainer .leftContainer .nameContainer,
  .journeyBanner .bannerContainer .leftContainer .nameContainer {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2, .groupContentView .activityView {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

@-ms-viewport {
  width: device-width; }

.visible-xs, .mobile .sideNavColumnContainer .close, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
  display: none !important; }

.visible-sm, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
  display: none !important; }

.visible-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs, .mobile .sideNavColumnContainer .close, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
    display: block !important; }
  table.visible-xs, .mobile .sideNavColumnContainer table.close, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions table.actionLink.smallScreens {
    display: table !important; }
  tr.visible-xs, .mobile .sideNavColumnContainer tr.close, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions tr.actionLink.smallScreens {
    display: table-row !important; }
  th.visible-xs, .mobile .sideNavColumnContainer th.close, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions th.actionLink.smallScreens,
  td.visible-xs,
  .mobile .sideNavColumnContainer td.close,
  .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions td.actionLink.smallScreens {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
    display: block !important; }
  table.visible-sm, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions table.actionLink.smallScreens {
    display: table !important; }
  tr.visible-sm, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions tr.actionLink.smallScreens {
    display: table-row !important; }
  th.visible-sm, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions th.actionLink.smallScreens,
  td.visible-sm,
  .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions td.actionLink.smallScreens {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink.smallScreens {
    display: block !important; }
  table.visible-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions table.actionLink.smallScreens {
    display: table !important; }
  tr.visible-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions tr.actionLink.smallScreens {
    display: table-row !important; }
  th.visible-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions th.actionLink.smallScreens,
  td.visible-md,
  .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions td.actionLink.smallScreens {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs, .groupActionsNav ul li.action-item .description, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer, .collectionBanner .bannerContainer .rightContainer,
  .journeyBanner .bannerContainer .rightContainer, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink:not(.smallScreens), .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .separator {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm, .groupActionsNav ul li.action-item .description, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink:not(.smallScreens), .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .separator {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md, .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .actionLink:not(.smallScreens), .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .separator {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right, .mobile .sideNavColumnContainer .dropdown-menu.close {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu, .mobile .sideNavColumnContainer .close > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

/* Museo Sans Rounded */
@font-face {
  font-family: 'MuseoSansRounded100';
  src: url("../fonts/MuseoSansRounded-100-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-100-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded300';
  src: url("../fonts/MuseoSansRounded-300-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-300-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded500';
  src: url("../fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-500-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded700';
  src: url("../fonts/MuseoSansRounded-700-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded900';
  src: url("../fonts/MuseoSansRounded-900-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-900-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Rooney */
@font-face {
  font-family: 'RooneyBoldItalic';
  src: url("../fonts/Rooney Bold Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyBold';
  src: url("../fonts/Rooney Bold-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLightItalic';
  src: url("../fonts/Rooney Light Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Light Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLight';
  src: url("../fonts/Rooney Light-webfont.woff2") format("woff2"), url("../fonts/Rooney Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body, html {
  font-size: 10px;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  color: #3b3d40;
  letter-spacing: .02em; }

strong {
  font-family: "MuseoSansRounded700", "Arial", sans-serif; }

em {
  font-style: italic; }

sup {
  font-size: 50%;
  vertical-align: top; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .2em;
  line-height: 1.2;
  color: #3b3d40; }

h1 {
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 3.9rem;
  line-height: 1.2; }

h2 {
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  font-size: 3rem;
  color: #a5b5b5;
  letter-spacing: 0; }
  h2.pageTitle {
    text-align: center;
    margin: 4rem 0 3rem;
    padding-bottom: 3.5rem;
    border-bottom: solid 1px rgba(149, 166, 166, 0.3); }

h3 {
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 2rem; }

h4 {
  margin-bottom: .4em;
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 1.4; }

h5 {
  margin-bottom: .3em;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.5rem; }

h6 {
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  font-size: 1.1rem;
  color: #6f7d7d;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

a {
  text-decoration: none;
  color: #26b099;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }
  a:visited {
    color: #745084; }
  a:focus {
    outline: none; }

*:focus {
  outline: none; }

p, article {
  font-size: 1.8rem;
  max-width: 60rem;
  line-height: 1.6;
  font-weight: 400; }

figcaption {
  font-size: 1.4rem;
  font-style: italic; }

small {
  display: inline-block;
  font-size: 1.1rem;
  color: #95a6a6; }

ul, ol {
  font-size: 1.8rem;
  font-weight: 400; }
  ul li, ol li {
    margin-bottom: 0; }
  article ul, ul.list, article ol, ol.list {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    padding-left: 2rem; }
    article ul li, ul.list li, article ol li, ol.list li {
      line-height: 1.7; }
      article ul li p, ul.list li p, article ol li p, ol.list li p {
        font-size: 1.8rem; }

ul {
  list-style-type: none; }
  article ul li:before, ul.list li:before {
    content: '\2022';
    font-family: arial;
    width: 1rem;
    margin-left: -2rem;
    margin-right: 1rem;
    display: inline-block;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.3rem;
    height: 1rem;
    vertical-align: text-top; }
  article ul ul li:before, ul.list ul li:before {
    content: '\25E6'; }
  article ul ul ul li:before, ul.list ul ul li:before {
    content: '\25a0';
    font-size: 1.1rem;
    line-height: 2.1rem; }

ol {
  list-style-type: none; }
  article ol, ol.list {
    counter-reset: list; }
    article ol li, ol.list li {
      vertical-align: baseline; }
      article ol li:before, ol.list li:before {
        content: counters(list, "") ".";
        counter-increment: list;
        width: 2rem;
        margin-left: -2rem;
        margin-right: 1rem;
        text-align: right;
        font-size: 1.4rem;
        display: inline-block;
        vertical-align: baseline; }
    article ol ol li:before, ol.list ol li:before {
      content: counter(list, lower-latin) "."; }
    article ol ol ol li:before, ol.list ol ol li:before {
      content: counter(list, lower-roman) "."; }

blockquote {
  blockquote: 2.5rem;
  font-style: italic;
  padding-left: 1.5rem;
  border-left: solid 2px #F6B821; }

p.caption {
  color: #95a6a6;
  font-size: 1.5rem;
  font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.textTag {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #95a6a6;
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  font-size: 1rem;
  color: #95a6a6;
  text-transform: uppercase;
  vertical-align: middle; }
  .textTag.red {
    background-color: #f65950;
    border-color: #f65950;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    color: #ffffff; }

.icon-d3-insight {
  position: relative;
  height: 15px;
  width: 18px;
  display: inline-block;
  font-family: 'icomoon'; }
  .icon-d3-insight:before, .icon-d3-insight:after {
    content: "\e63c";
    /* Outline */
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    color: #fad72f;
    z-index: 1; }
  .icon-d3-insight:after {
    content: "\e63b";
    /* Inside */
    color: #fef1b3;
    z-index: 1; }

.icon-d3-heart {
  position: relative;
  height: 15px;
  width: 18px;
  display: inline-block;
  font-family: 'icomoon'; }
  .icon-d3-heart:before, .icon-d3-heart:after {
    content: "\e65c";
    /* Outline */
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    color: #ffffff;
    z-index: 1; }
  .icon-d3-heart:after {
    content: "\e65b";
    /* Inside */
    color: #f65950;
    z-index: 1; }

.icon-d3-video {
  position: relative;
  display: inline-block; }
  .icon-d3-video:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.62);
    font-family: 'icomoon';
    content: "\e65f";
    /* Inside */
    color: #ffffff;
    z-index: 1; }

.prettyprint-container {
  padding: 10px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2f4f4;
  border: 1px solid #eceeee; }
  .prettyprint-container span {
    font-size: 1.3rem; }

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint {
  background-color: #f2f4f4;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important; }

.pln {
  color: #333; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #cccccc; }

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
  padding-left: 1em;
  background-color: #f2f4f4;
  list-style-type: decimal; }

@media screen {
  /* string content */
  .str {
    color: #183691; }
  /* keyword */
  .kwd {
    color: #a71d5d; }
  /* comment */
  .com {
    color: #969896; }
  /* type name */
  .typ {
    color: #0086b3; }
  /* literal value */
  .lit {
    color: #0086b3; }
  /* punctuation */
  .pun {
    color: #333; }
  /* lisp open bracket */
  .opn {
    color: #333; }
  /* lisp close bracket */
  .clo {
    color: #333; }
  /* markup tag name */
  .tag {
    color: #000080; }
  /* markup attribute name */
  .atn {
    color: #795da3; }
  /* markup attribute value */
  .atv {
    color: #183691; }
  /* declaration */
  .dec {
    color: #333; }
  /* variable name */
  .var {
    color: #008080; }
  /* function name */
  .fun {
    color: #900; } }

label {
  display: inline-block;
  margin-bottom: .9rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.3rem; }

input[type="text"], textarea,
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 4.2rem;
  margin-bottom: 2rem;
  padding: .6rem 1.2rem;
  background: #ffffff;
  border: solid 1px #dde4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  font-size: 1.3rem; }
  input[type="text"].large, textarea.large,
  input[type="email"].large,
  input[type="url"].large,
  input[type="password"].large,
  input[type="search"].large {
    font-size: 1.7em; }
  input[type="text"].canBePublic, textarea.canBePublic,
  input[type="email"].canBePublic,
  input[type="url"].canBePublic,
  input[type="password"].canBePublic,
  input[type="search"].canBePublic {
    width: 80%; }
  input[type="text"].error, textarea.error, input[type="text"].invalid, textarea.invalid, input[type="text"].ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid,
  input[type="email"].error,
  input[type="email"].invalid,
  input[type="email"].ng-dirty.ng-invalid,
  input[type="url"].error,
  input[type="url"].invalid,
  input[type="url"].ng-dirty.ng-invalid,
  input[type="password"].error,
  input[type="password"].invalid,
  input[type="password"].ng-dirty.ng-invalid,
  input[type="search"].error,
  input[type="search"].invalid,
  input[type="search"].ng-dirty.ng-invalid {
    border-color: #f65950; }
  input[type="text"]:focus, textarea:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus {
    border-color: #29c896;
    outline: none; }
  input[type="text"][readonly], textarea[readonly],
  input[type="email"][readonly],
  input[type="url"][readonly],
  input[type="password"][readonly],
  input[type="search"][readonly] {
    opacity: 0.75; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input[type="text"].tagger, textarea.tagger {
  width: 80%;
  margin-right: 5%; }

textarea {
  height: 5.74em;
  padding: 1.2rem;
  line-height: 1.3; }

.buttons {
  text-align: right; }

.taggerList li {
  display: inline-block;
  margin: 0 10px 10px 0;
  background-color: #f2f4f4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .taggerList li:before {
    content: ''; }

.checkbox,
.radio {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  border: solid 2px #dde4e4;
  vertical-align: middle;
  overflow: hidden; }
  .checkbox input,
  .radio input {
    visibility: hidden; }
    .checkbox input:checked,
    .radio input:checked {
      background: #26b099; }
      .checkbox input:checked label,
      .radio input:checked label {
        color: #ffffff; }
    .checkbox input:checked + label:after,
    .radio input:checked + label:after {
      opacity: 1; }
  .checkbox label,
  .radio label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    background-color: #ffffff;
    text-transform: none; }
    .checkbox label:after,
    .radio label:after {
      position: absolute;
      opacity: 0;
      content: "\e609";
      width: 16px;
      height: 16px;
      top: 0;
      left: 0;
      padding: 3px 2px 2px;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      -o-border-radius: 1px;
      border-radius: 1px;
      background: #26b099;
      font-family: 'icomoon';
      font-size: 1em;
      color: #ffffff; }
    .checkbox label:hover:after,
    .radio label:hover:after {
      opacity: 0.3; }

.checkbox + label {
  width: calc(100% - 30px);
  margin-top: 3px;
  vertical-align: top;
  line-height: 1.3; }

.radioInput {
  display: inline-block;
  margin-right: 20px; }
  .radioInput .radio {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .radioInput label {
    margin-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 20px;
    vertical-align: bottom; }
    .radioInput label:after {
      content: '';
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      border: solid 2px #ffffff; }

.select {
  background: #ffffff;
  border: solid 1px #dde4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  height: 4rem;
  margin-right: 10px;
  overflow: hidden;
  position: relative; }
  .select:after {
    content: "\e612";
    font-family: 'icomoon';
    color: #dde4e4;
    font-size: 1em;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    height: 1em;
    width: 1em;
    z-index: 1; }
  .select select {
    display: block;
    width: calc(100% + 17px);
    height: 4rem;
    padding: 0.5rem 0 0.5rem 1.2rem;
    background: none transparent;
    border: none;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem; }
    .select select:focus {
      outline: 0 none; }

.button,
button,
input[type="button"] {
  height: 32px;
  margin: 0 auto;
  padding: 0 2.5rem;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #29c896;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1rem;
  color: #29c896;
  text-transform: uppercase;
  line-height: 32px;
  letter-spacing: .12em;
  cursor: pointer; }
  .button[disabled], .button.disabled,
  button[disabled],
  button.disabled,
  input[type="button"][disabled],
  input[type="button"].disabled {
    opacity: 0.3;
    background: #ffffff;
    border: solid 1px #95a6a6;
    color: #95a6a6; }
  .button:hover,
  button:hover,
  input[type="button"]:hover {
    background-color: #eaf2f2; }
    .button:hover[disabled], .button:hover.disabled,
    button:hover[disabled],
    button:hover.disabled,
    input[type="button"]:hover[disabled],
    input[type="button"]:hover.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      background-color: #eceeee; }
  .button:active,
  button:active,
  input[type="button"]:active {
    background-color: #def6ef; }
  .button:focus,
  button:focus,
  input[type="button"]:focus {
    outline: none; }
  .button.action,
  button.action,
  input[type="button"].action {
    background: #2bc5ab;
    border: solid 1px #2bc5ab;
    color: #ffffff; }
    .button.action[disabled], .button.action.disabled,
    button.action[disabled],
    button.action.disabled,
    input[type="button"].action[disabled],
    input[type="button"].action.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      background-color: #95a6a6;
      color: #ffffff; }
    .button.action:hover,
    button.action:hover,
    input[type="button"].action:hover {
      background-color: #26b099;
      border: solid 1px #26b099; }
      .button.action:hover[disabled], .button.action:hover.disabled,
      button.action:hover[disabled],
      button.action:hover.disabled,
      input[type="button"].action:hover[disabled],
      input[type="button"].action:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        background-color: #95a6a6;
        color: #ffffff; }
    .button.action:active,
    button.action:active,
    input[type="button"].action:active {
      background-color: #219b87;
      border: solid 1px #219b87; }
  .button.negative,
  button.negative,
  input[type="button"].negative {
    background: #f65950;
    border: solid 1px #f65950;
    color: #ffffff; }
    .button.negative[disabled], .button.negative.disabled,
    button.negative[disabled],
    button.negative.disabled,
    input[type="button"].negative[disabled],
    input[type="button"].negative.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      opacity: 0.2;
      background-color: #f65950;
      border: solid 1px #f65950;
      color: #ffffff; }
    .button.negative:hover,
    button.negative:hover,
    input[type="button"].negative:hover {
      background-color: #ed180c;
      border: solid 1px #ed180c; }
      .button.negative:hover[disabled], .button.negative:hover.disabled,
      button.negative:hover[disabled],
      button.negative:hover.disabled,
      input[type="button"].negative:hover[disabled],
      input[type="button"].negative:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        opacity: 0.2;
        background-color: #f65950;
        border: solid 1px #f65950;
        color: #ffffff; }
    .button.negative:active,
    button.negative:active,
    input[type="button"].negative:active {
      background-color: #d54c44;
      border: solid 1px #d54c44; }
  .button.transparent,
  button.transparent,
  input[type="button"].transparent {
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px rgba(255, 255, 255, 0.3);
    color: #ffffff; }
    .button.transparent[disabled], .button.transparent.disabled,
    button.transparent[disabled],
    button.transparent.disabled,
    input[type="button"].transparent[disabled],
    input[type="button"].transparent.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      opacity: 0.2;
      background-color: rgba(255, 255, 255, 0.3);
      border: solid 1px rgba(255, 255, 255, 0.3);
      color: #ffffff; }
    .button.transparent:hover,
    button.transparent:hover,
    input[type="button"].transparent:hover {
      background-color: rgba(255, 255, 255, 0.4);
      border: solid 1px rgba(255, 255, 255, 0.4);
      border: solid 1px #ffffff; }
      .button.transparent:hover[disabled], .button.transparent:hover.disabled,
      button.transparent:hover[disabled],
      button.transparent:hover.disabled,
      input[type="button"].transparent:hover[disabled],
      input[type="button"].transparent:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        opacity: 0.2;
        background-color: rgba(255, 255, 255, 0.3);
        border: solid 1px rgba(255, 255, 255, 0.3);
        color: #ffffff; }
    .button.transparent:active,
    button.transparent:active,
    input[type="button"].transparent:active {
      background-color: rgba(255, 255, 255, 0.5);
      border: solid 1px rgba(255, 255, 255, 0.5);
      border: solid 1px #ffffff; }
  .button.clear, .button.clear[disabled]:hover,
  button.clear,
  button.clear[disabled]:hover,
  input[type="button"].clear,
  input[type="button"].clear[disabled]:hover {
    background: transparent none;
    border: solid 1px #ffffff;
    color: #ffffff; }
    .button.clear:hover, .button.clear[disabled]:hover:hover,
    button.clear:hover,
    button.clear[disabled]:hover:hover,
    input[type="button"].clear:hover,
    input[type="button"].clear[disabled]:hover:hover {
      background-color: transparent; }
    .button.clear:active, .button.clear[disabled]:active, .button.clear[disabled]:hover:active, .button.clear[disabled]:hover[disabled]:active,
    button.clear:active,
    button.clear[disabled]:active,
    button.clear[disabled]:hover:active,
    button.clear[disabled]:hover[disabled]:active,
    input[type="button"].clear:active,
    input[type="button"].clear[disabled]:active,
    input[type="button"].clear[disabled]:hover:active,
    input[type="button"].clear[disabled]:hover[disabled]:active {
      background-color: transparent; }
    .button.clear.action, .button.clear[disabled]:hover.action,
    button.clear.action,
    button.clear[disabled]:hover.action,
    input[type="button"].clear.action,
    input[type="button"].clear[disabled]:hover.action {
      font-size: 2em;
      color: #26b099; }
      .button.clear.action:hover, .button.clear[disabled]:hover.action:hover,
      button.clear.action:hover,
      button.clear[disabled]:hover.action:hover,
      input[type="button"].clear.action:hover,
      input[type="button"].clear[disabled]:hover.action:hover {
        color: #29c896; }
      .button.clear.action:active, .button.clear[disabled]:hover.action:active,
      button.clear.action:active,
      button.clear[disabled]:hover.action:active,
      input[type="button"].clear.action:active,
      input[type="button"].clear[disabled]:hover.action:active {
        color: #26b099; }
  .button.clearIcon,
  button.clearIcon,
  input[type="button"].clearIcon {
    height: auto;
    padding: 0;
    background: transparent none;
    border: none; }
    .button.clearIcon:hover,
    button.clearIcon:hover,
    input[type="button"].clearIcon:hover {
      background-color: transparent; }
    .button.clearIcon:active, .button.clearIcon[disabled]:active,
    button.clearIcon:active,
    button.clearIcon[disabled]:active,
    input[type="button"].clearIcon:active,
    input[type="button"].clearIcon[disabled]:active {
      background-color: transparent; }
  .button.large,
  button.large,
  input[type="button"].large {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 4rem;
    letter-spacing: 0.1em; }
  .button.small,
  button.small,
  input[type="button"].small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    padding: 0 1.2rem;
    font-size: .8rem;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 0.12em; }
    .button.small i,
    .button.small [class^="icon-"],
    .button.small [class*=" icon-"],
    button.small i,
    button.small [class^="icon-"],
    button.small [class*=" icon-"],
    input[type="button"].small i,
    input[type="button"].small [class^="icon-"],
    input[type="button"].small [class*=" icon-"] {
      padding-right: .5em;
      color: #29c896;
      font-size: inherit;
      line-height: inherit;
      vertical-align: middle; }
  .button i,
  .button [class^="icon-"],
  .button [class*=" icon-"],
  button i,
  button [class^="icon-"],
  button [class*=" icon-"],
  input[type="button"] i,
  input[type="button"] [class^="icon-"],
  input[type="button"] [class*=" icon-"] {
    padding-right: .5em;
    color: #29c896;
    font-size: 1.3rem;
    line-height: 32px;
    vertical-align: middle;
    letter-spacing: 0; }
  .button[class^="icon-"], .button[class*=" icon-"], .button.action[class^="icon-"], .button.action[class*=" icon-"],
  button[class^="icon-"],
  button[class*=" icon-"],
  button.action[class^="icon-"],
  button.action[class*=" icon-"],
  input[type="button"][class^="icon-"],
  input[type="button"][class*=" icon-"],
  input[type="button"].action[class^="icon-"],
  input[type="button"].action[class*=" icon-"] {
    border: none;
    font-size: 2rem;
    color: #c9d7d7;
    letter-spacing: 0; }
    .button[class^="icon-"]:hover, .button[class*=" icon-"]:hover, .button.action[class^="icon-"]:hover, .button.action[class*=" icon-"]:hover,
    button[class^="icon-"]:hover,
    button[class*=" icon-"]:hover,
    button.action[class^="icon-"]:hover,
    button.action[class*=" icon-"]:hover,
    input[type="button"][class^="icon-"]:hover,
    input[type="button"][class*=" icon-"]:hover,
    input[type="button"].action[class^="icon-"]:hover,
    input[type="button"].action[class*=" icon-"]:hover {
      color: #acc1c1; }
    .button[class^="icon-"]:active, .button[class^="icon-"][disabled]:active, .button[class*=" icon-"]:active, .button[class*=" icon-"][disabled]:active, .button.action[class^="icon-"]:active, .button.action[class^="icon-"][disabled]:active, .button.action[class*=" icon-"]:active, .button.action[class*=" icon-"][disabled]:active,
    button[class^="icon-"]:active,
    button[class^="icon-"][disabled]:active,
    button[class*=" icon-"]:active,
    button[class*=" icon-"][disabled]:active,
    button.action[class^="icon-"]:active,
    button.action[class^="icon-"][disabled]:active,
    button.action[class*=" icon-"]:active,
    button.action[class*=" icon-"][disabled]:active,
    input[type="button"][class^="icon-"]:active,
    input[type="button"][class^="icon-"][disabled]:active,
    input[type="button"][class*=" icon-"]:active,
    input[type="button"][class*=" icon-"][disabled]:active,
    input[type="button"].action[class^="icon-"]:active,
    input[type="button"].action[class^="icon-"][disabled]:active,
    input[type="button"].action[class*=" icon-"]:active,
    input[type="button"].action[class*=" icon-"][disabled]:active {
      color: #95a6a6; }
  .button.action [class^="icon-"],
  .button.action [class*=" icon-"],
  button.action [class^="icon-"],
  button.action [class*=" icon-"],
  input[type="button"].action [class^="icon-"],
  input[type="button"].action [class*=" icon-"] {
    color: #ffffff; }
  .button.icon-x,
  button.icon-x,
  input[type="button"].icon-x {
    font-size: 1.3rem;
    color: #c9d7d7; }

a.button {
  display: inline-block; }
  a.button:hover {
    text-decoration: none; }
  a.button:visited {
    color: #29c896; }
  a.button.action:visited {
    color: #ffffff; }

a.negative {
  color: #f65950; }

.circleButton {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  border: solid 1px #95a6a6;
  border-radius: 50%;
  cursor: pointer; }
  .circleButton:hover {
    background: #ffffff; }
  .circleButton i {
    font-size: 1.9rem;
    color: #95a6a6; }

.declaraModal button,
.declaraModal .button,
.declaraModal input[type="button"] {
  float: right;
  margin: 0 0 0 .8rem; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #26b099; }

input:focus + .slider {
  box-shadow: 0 0 1px #26b099; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.triangle-up {
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid; }

.triangle-down {
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid; }

.u-ellipsis, .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .pdfMenu_titleSection, .pdfMenu_titleSection_description, .groupBanner .bannerContainer .metric .subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

.u-align-center {
  text-align: center; }

.u-selectable {
  cursor: pointer; }

footer {
  z-index: 0; }

/* Use @extend to append these to an existing class */
.clearfix:after, .declaraModal .declaraModal-wrapper:after, .declaraModal .declaraModal-wrapper .declaraModal-content:after, .declaraModal .declaraModal-wrapper .buttonBar:after, .siteContainer .content:after, .interests:after, nav.topNav .nav-right:after, nav.topNav .nav-left:after, .loginView .header:after, .loginView .buttons:after, .feedContainer:after, .feedContainer .columnMain .feedBlock:after, .profileHeader .profileInfoContainer:after, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails:after, .profileHeader .profileSubNav ul:after, #imageModal .buttonBar:after, .profileView .profileSections .profileSection .profileInsightView:after,
.profileView .profileSections .profileSection .profileFollowersView:after,
.profileView .profileSections .profileSection .profileFollowingView:after, .profileView .profileSections .profileSection .profileInsightView .userInsightCard:after, .chromeExtLink.tile .buttonBlock:after, .tileContent:after, .postDetail-source .contentQualityBar:after, .teamTile .tileContent:after, .contentTile:after, .contentTile .tileContent:after, .contentTile .tileContent .contentDetails:after, .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer:after, .contentTile .tileContent .contentDetails .snippet:after, .contentTile .tileContent .contentDetails .contentBottom:after, .masonryContentTile:after, .masonryContentTile .tileContent:after, .insightTile:after, .insightTile .tileContent:after, .insightTile .tileContent .contentDetails:after, .discussionTile:after, .discussionTile .tileContent:after, .discussionTile .tileContent .contentTop:after, .discussionTile .tileContent .contentTop .contentDetails:after, .discussionTile .tileContent .discussionContainer .lastComment:after, .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar:after, .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer:after, .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .questionContainer:after, .discussionTile .tileContent .discussionContainer .userCommentContainer:after, .privateConversationContainer .conversationBubble:after, .groupPage__activity .groupContent:after, .groupPage__content .groupContent:after, .relatedCollectionsContainer:after, .collectionDetailPage:after, .mobile .followerDirective .userTileContainer .userTile:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both; }

.img-responsive, .postItemPage .postItem .postDetail-body img {
  display: block;
  height: auto;
  max-width: 100%; }

.object-centered, .circleButton i, .declaraModal .declaraModal-wrapper, nav.topNav .nav-right .navItemContainer a.navItemLink i,
nav.topNav .nav-right .navItemContainer button.importButton i, .mobile nav.topNav .mobileBucket a.groups i, .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton i,
.postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton i,
.postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton i, .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper .actionEmailShare i, .groupView .groupContent .emptyMessage .messageBox .messageText {
  /* This will center any object horizontally and vertically.
Parent must be position:relative. */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* Bootstrap Stuffs */
.container, .container-fluid, .search-container {
  padding: 0; }

.row, .settingsGroupModal .memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader, #readerNavigation .journeyNavigation .navItem, .journeyForumWrapper .journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .journeyQuestion {
  margin: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .groupBanner .bannerContainer .metric, .collectionBanner .bannerContainer .leftContainer .iconContainer,
.journeyBanner .bannerContainer .leftContainer .iconContainer, .col-lg-1, .col-xs-2, .settingsGroupModal .memberRow .roleCell, #readerNavigation .journeyNavigation .navItem .iconCol, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .col-sm-2, .collectionBanner .bannerContainer .leftContainer .iconContainer,
.journeyBanner .bannerContainer .leftContainer .iconContainer, .col-md-2, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .col-lg-2, .col-xs-3, .groupBanner .bannerContainer .metric, .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .rightBtn, .col-sm-3, .col-md-3, .groupContentView .activityFacetsView, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .col-lg-3, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .col-xs-4, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .actions, .col-sm-4, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .journeyForumWrapper .journeyConversationTopBar .conversationTitle, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .title, .col-sm-8, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .col-md-8, .groupContentView .activityView, .groupBanner .bannerContainer .name, .col-lg-8, .col-xs-9, .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long, .col-sm-9, .col-md-9, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .col-lg-9, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .col-xs-10, #readerNavigation .journeyNavigation .navItem .itemTitle, .col-sm-10, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .col-lg-11, .col-xs-12, .sectionHeader .subHeading, .groupContentView .activityFacetsView, .groupContentView .activityView, .groupBanner .bannerContainer .name, .settingsGroupModal .memberRow .nameCell, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .subHeading, .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn, .collectionBanner .bannerContainer .leftContainer,
.journeyBanner .bannerContainer .leftContainer, .collectionBanner .bannerContainer .leftContainer .nameContainer,
.journeyBanner .bannerContainer .leftContainer .nameContainer, .collectionBanner .bannerContainer .rightContainer,
.journeyBanner .bannerContainer .rightContainer, .collectionBanner .bannerContainer .name,
.journeyBanner .bannerContainer .name, .collectionBanner .bannerContainer .actionButtonContainer,
.journeyBanner .bannerContainer .actionButtonContainer, .collectionBanner .bannerContainer .actionButtonContainer.collections,
.journeyBanner .bannerContainer .actionButtonContainer.collections, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

.pull-right, .mobile .sideNavColumnContainer .close {
  float: right; }

.pull-left {
  float: left; }

/* Tooltips */
.tooltip {
  font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.declaraModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .declaraModal.deleteModal .declaraModal-button {
    border: none;
    color: #f65950; }
    .declaraModal.deleteModal .declaraModal-button.action {
      background-color: #3b3d40;
      color: #ffffff; }
  .declaraModal.verticalScroll .declaraModal-wrapper .declaraModal-content {
    overflow-x: hidden;
    overflow-y: auto; }
  .declaraModal.editModal .declaraModal-button {
    border: none;
    color: #f65950; }
    .declaraModal.editModal .declaraModal-button.action {
      background-color: #3b3d40;
      color: #ffffff; }
  .declaraModal p {
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .declaraModal .declaraModal-wrapper {
    width: 580px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content {
      padding: 25px 35px 20px;
      background: #ffffff;
      border: solid 1px #eceeee;
      max-height: 98vh;
      overflow: visible;
      overflow: auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
      .declaraModal .declaraModal-wrapper .declaraModal-content h3 {
        margin: 0 -36px 20px;
        padding: 0 36px 20px;
        border-bottom: solid 1px #D3DBDB;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 2rem;
        text-transform: capitalize; }
    .declaraModal .declaraModal-wrapper .declaraModal-close {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: .8rem;
      cursor: pointer; }
    .declaraModal .declaraModal-wrapper .buttonBar {
      margin-top: 15px; }

.declaraModal-formItem {
  width: 100%;
  margin: 50px 0;
  position: relative; }

.declaraModal-label {
  font-size: 3.2rem;
  font-weight: 100;
  color: white;
  text-transform: none;
  margin-bottom: 15px;
  letter-spacing: 2px; }

input.declaraModal-input {
  width: 100%;
  height: initial;
  border: none;
  font-size: 2em;
  line-height: 2em;
  padding-left: 1em; }

.declaraModal-textarea {
  width: 100%;
  height: 150px;
  border: none;
  padding-left: 1em;
  font-size: 2em; }

.declaraModal-successText {
  width: 100%;
  color: white;
  font-weight: 100;
  text-align: center;
  font-size: 5.6rem; }

.errorFlag {
  background-color: #f65950;
  color: #ffffff;
  position: absolute;
  top: calc(100% + 8px);
  padding: 15px;
  font-size: 1.8rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 1; }
  .errorFlag:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 14px solid #f65950; }

@media screen and (max-width: 767px) {
  .declaraModal .declaraModal-wrapper {
    width: 100%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 10px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content {
      width: 100%;
      padding: 1.5rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content h3 {
        margin: 0 -16px 10px;
        padding: 0 16px 10px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content button {
        margin-bottom: 0;
        padding: 0 15px; }
    .declaraModal .declaraModal-wrapper .declaraModal-close {
      top: 20px;
      right: 20px;
      height: 30px;
      width: 30px;
      font-size: 15px;
      line-height: 30px;
      text-align: center; }
    .declaraModal .declaraModal-wrapper #zenbox_tab {
      top: 75% !important; }
  .mobile .declaraModal {
    height: 100vh;
    width: 100vw; } }

body.modal-open {
  overflow: hidden; }

.alertBar {
  display: block;
  padding: 1rem 0;
  background-color: #f65950;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.5rem;
  text-align: center;
  color: #ffffff;
  line-height: 1.3em; }
  .alertBar span {
    display: inline-block;
    margin: 1rem 0 1rem 1rem;
    vertical-align: middle; }
  .alertBar strong {
    font-family: "MuseoSansRounded900", "Arial", sans-serif;
    letter-spacing: 0.05em;
    cursor: pointer; }
  .alertBar .buttonBlock {
    display: inline-block;
    margin: 0 2rem; }
  .alertBar button {
    width: 100px;
    margin: 0 .25rem;
    vertical-align: middle; }
    .alertBar button.transparent {
      background: rgba(255, 255, 255, 0.3);
      border: solid 1px rgba(255, 255, 255, 0.3);
      color: #ffffff;
      border: solid 1px #ffffff; }

.confirmBar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5rem 0;
  background: #fef1b3;
  font-size: 1.4rem;
  color: #95a6a6;
  text-align: center; }
  .confirmBar .confirmBar-content {
    position: relative;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
    line-height: 2.1rem; }
  .confirmBar i {
    display: inline-block;
    padding-right: 1.5rem;
    font-size: 2.4rem;
    color: #fad72f;
    vertical-align: middle; }
  .confirmBar div {
    padding: .5rem 0; }
  .confirmBar a {
    color: #3b3d40; }

.icon-facebook-square {
  color: #3b5998; }

.icon-twitter-square {
  color: #00aced; }

.icon-linkedin-square {
  color: #007bb6; }

.icon-email-square {
  color: #29c896; }

/* Mixin for font color + transparent bg */
/* Insight quote mixins */
/* Question mixins */
/* Global tile styles */
/* Teams icon styles */
p {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }

/** filters **/
.grayscale, .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar div.idle {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); }

.sepia {
  -webkit-filter: sepia(100%);
  -moz-filter: sepia(100%);
  filter: sepia(100%); }

.line-single {
  clear: both;
  overflow: hidden;
  white-space: nowrap; }

.line-double {
  font-size: 1.5rem;
  line-height: 1.8rem;
  height: 3.6rem;
  overflow: hidden; }

.online-indicator, .journeyForumWrapper .journeyConversationContainer .userCommentContainer ul.onlineAvatars li.onlineAvatar .active:after, .journeyForumWrapper .journeyConversationContainer .userCommentContainer ul.onlineAvatars li.onlineAvatar .idle:after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: -2px;
  right: -1px;
  z-index: 121;
  border-radius: 50%;
  content: " ";
  opacity: 0.8;
  z-index: 0; }

tags-input.declaraTags {
  margin-bottom: 2rem;
  text-align: left; }
  tags-input.declaraTags .tags {
    max-height: 40vh;
    overflow-y: scroll;
    min-height: 4rem;
    padding: .5rem 1.2rem;
    border: solid 1px #dde4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: initial; }
    tags-input.declaraTags .tags.focused {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    tags-input.declaraTags .tags .input {
      width: 100% !important;
      /* I had to */
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.3rem;
      color: #95a6a6; }
      tags-input.declaraTags .tags .input.invalid-tag {
        color: #f65950; }
  tags-input.declaraTags.tagsList .tags {
    border: none; }
  tags-input.declaraTags .autocomplete .rightMark {
    position: absolute;
    right: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #26b099; }
  tags-input.declaraTags .autocomplete .suggestion-item {
    padding: .5rem 1.2rem;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    color: #95a6a6; }
    tags-input.declaraTags .autocomplete .suggestion-item.selected {
      background-color: #fef1b3;
      color: #95a6a6; }
      tags-input.declaraTags .autocomplete .suggestion-item.selected .rightMark {
        color: #ffffff; }
    tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template {
      float: none; }
      tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template .curatorAvatar {
        float: none;
        margin: 0 1rem 0 0;
        vertical-align: middle; }
      tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template span {
        float: none;
        vertical-align: middle; }

tags-input.declaraContentTags {
  margin-bottom: 2rem;
  text-align: left; }
  tags-input.declaraContentTags .tags {
    max-height: 40vh;
    overflow-y: scroll;
    min-height: 4rem;
    padding: .5rem 1.2rem;
    border: solid 1px #dde4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: initial; }
    tags-input.declaraContentTags .tags.focused {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    tags-input.declaraContentTags .tags .input {
      width: 100% !important;
      /* I had to */
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.3rem;
      color: #95a6a6; }
      tags-input.declaraContentTags .tags .input.invalid-tag {
        color: #f65950; }
  tags-input.declaraContentTags.tagsList {
    display: block; }
    tags-input.declaraContentTags.tagsList .tags {
      border: none; }

.tagsDiv .tagContainer, .tag-list .tagContainer {
  background: #ffffff;
  border-radius: 0;
  padding: 10px 10px 0 10px;
  margin: 0;
  overflow-x: scroll;
  -webkit-transition: max-height 0.2s;
  -ms-transition: max-height 0.2s;
  -moz-transition: max-height 0.2s;
  -o-transition: max-height 0.2s;
  transition: max-height 0.2s;
  -ms-overflow-style: none;
  /* IE */ }
  .tagsDiv .tagContainer::-webkit-scrollbar, .tag-list .tagContainer::-webkit-scrollbar {
    display: none;
    /* Windows Chrome fix */ }
  .tagsDiv .tagContainer.collapsed, .tag-list .tagContainer.collapsed {
    max-height: 42px;
    white-space: nowrap; }
  .tagsDiv .tagContainer.expanded, .tag-list .tagContainer.expanded {
    max-height: 106px; }

.tagsDiv .moreLess, .tag-list .moreLess {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 20px;
  text-align: center; }
  .tagsDiv .moreLess:hover span, .tag-list .moreLess:hover span {
    opacity: 0.8; }
  .tagsDiv .moreLess span, .tag-list .moreLess span {
    top: 5px;
    position: relative;
    font-size: 1.2rem;
    display: inline;
    background: #95a6a6;
    opacity: 0.4;
    color: white;
    border-radius: 0px 0px 4px 4px;
    height: 8px;
    padding: 4px 12px;
    -webkit-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .tagsDiv .moreLess span i, .tag-list .moreLess span i {
      -webkit-transition: transform 0.2s;
      -ms-transition: transform 0.2s;
      -moz-transition: transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      display: inline-block; }
  .tagsDiv .moreLess.up span i, .tag-list .moreLess.up span i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .tagsDiv .moreLess.down span i, .tag-list .moreLess.down span i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.tagsDiv .userTag, .tagsDiv .tag, .tagsDiv .facet, .tagsDiv .tag-item, .tag-list .userTag, .tag-list .tag, .tag-list .facet, .tag-list .tag-item {
  background: #f2f4f4;
  margin: 0 5px 10px 0;
  font-size: 1.0rem;
  border: 1px solid #eceeee;
  border-radius: 3px;
  vertical-align: middle;
  color: #3b3d40;
  cursor: pointer;
  padding: 5px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: ease, all, 0.2s;
  -ms-transition: ease, all, 0.2s;
  -moz-transition: ease, all, 0.2s;
  -o-transition: ease, all, 0.2s;
  transition: ease, all, 0.2s; }
  .tagsDiv .userTag.selected, .tagsDiv .tag.selected, .tagsDiv .facet.selected, .tagsDiv .tag-item.selected, .tag-list .userTag.selected, .tag-list .tag.selected, .tag-list .facet.selected, .tag-list .tag-item.selected {
    background: #95a6a6;
    color: #ffffff; }
  .tagsDiv .userTag.special, .tagsDiv .tag.special, .tagsDiv .facet.special, .tagsDiv .tag-item.special, .tag-list .userTag.special, .tag-list .tag.special, .tag-list .facet.special, .tag-list .tag-item.special {
    background-color: #ffffff;
    border-color: #f65950;
    color: #f65950; }
    .tagsDiv .userTag.special i, .tagsDiv .tag.special i, .tagsDiv .facet.special i, .tagsDiv .tag-item.special i, .tag-list .userTag.special i, .tag-list .tag.special i, .tag-list .facet.special i, .tag-list .tag-item.special i {
      color: #f65950; }
  .tagsDiv .userTag.readonly, .tagsDiv .tag.readonly, .tagsDiv .facet.readonly, .tagsDiv .tag-item.readonly, .tag-list .userTag.readonly, .tag-list .tag.readonly, .tag-list .facet.readonly, .tag-list .tag-item.readonly {
    cursor: default; }
  .tagsDiv .userTag .remove-button, .tagsDiv .tag .remove-button, .tagsDiv .facet .remove-button, .tagsDiv .tag-item .remove-button, .tag-list .userTag .remove-button, .tag-list .tag .remove-button, .tag-list .facet .remove-button, .tag-list .tag-item .remove-button {
    margin: 0 .5rem 0 1rem;
    color: #95a6a6; }

.content-tags, .active-facets {
  display: inline-block;
  -webkit-animation-duration: .2s;
  -ms-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 5px 10px 10px 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: transparent;
  font-size: 1.2rem; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  tags-input.declaraTags .tags .tag-item .tag-template {
    width: 250px !important; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-03-09, 16:41:41
    Author     : chm
*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 1440px) {
    .container {
      width: 1410px; } }

@media (min-width: 1440px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.3333333333%; }
  .col-xl-2 {
    width: 16.6666666667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.3333333333%; }
  .col-xl-5 {
    width: 41.6666666667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.3333333333%; }
  .col-xl-8 {
    width: 66.6666666667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.3333333333%; }
  .col-xl-11 {
    width: 91.6666666667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.3333333333%; }
  .col-xl-pull-2 {
    right: 16.6666666667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.3333333333%; }
  .col-xl-pull-5 {
    right: 41.6666666667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.3333333333%; }
  .col-xl-pull-8 {
    right: 66.6666666667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.3333333333%; }
  .col-xl-pull-11 {
    right: 91.6666666667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.3333333333%; }
  .col-xl-push-2 {
    left: 16.6666666667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.3333333333%; }
  .col-xl-push-5 {
    left: 41.6666666667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.3333333333%; }
  .col-xl-push-8 {
    left: 66.6666666667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.3333333333%; }
  .col-xl-push-11 {
    left: 91.6666666667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%; }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%; }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%; }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%; }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

.visible-xl {
  display: none !important; }

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important; }

@media (min-width: 1200px) and (max-width: 1439px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (min-width: 1440px) {
  .visible-xl {
    display: block !important; }
  table.visible-xl {
    display: table !important; }
  tr.visible-xl {
    display: table-row !important; }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important; } }

@media (min-width: 1440px) {
  .visible-xl-block {
    display: block !important; } }

@media (min-width: 1440px) {
  .visible-xl-inline {
    display: inline !important; } }

@media (min-width: 1440px) {
  .visible-xl-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1440px) {
  .hidden-lg {
    display: none !important; } }

.sectionHeader {
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  color: #95a6a6;
  padding-bottom: 1rem;
  margin: 1rem 0; }
  .sectionHeader p {
    font-size: 1.5rem; }
  .sectionHeader span {
    line-height: 2rem; }
  .sectionHeader .headerAction {
    color: #26b099;
    font-size: 0.9rem;
    line-height: 2.3;
    cursor: pointer;
    text-align: right; }
  .sectionHeader .separator {
    text-align: center; }
  .sectionHeader .subHeading {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    padding-top: 0.7rem;
    text-transform: capitalize;
    color: #95a6a6; }

md-progress-circular .md-gap {
  border-bottom-color: #dde4e4 !important;
  border-top-color: #dde4e4 !important; }

md-progress-circular .md-left .md-half-circle {
  border-left-color: #dde4e4 !important;
  border-top-color: #dde4e4 !important; }

md-progress-circular .md-right .md-half-circle {
  border-right-color: #dde4e4 !important;
  border-top-color: #dde4e4 !important; }

/* Museo Sans Rounded */
@font-face {
  font-family: 'MuseoSansRounded100';
  src: url("../fonts/MuseoSansRounded-100-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-100-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded300';
  src: url("../fonts/MuseoSansRounded-300-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-300-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded500';
  src: url("../fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-500-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded700';
  src: url("../fonts/MuseoSansRounded-700-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded900';
  src: url("../fonts/MuseoSansRounded-900-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-900-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Rooney */
@font-face {
  font-family: 'RooneyBoldItalic';
  src: url("../fonts/Rooney Bold Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyBold';
  src: url("../fonts/Rooney Bold-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLightItalic';
  src: url("../fonts/Rooney Light Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Light Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLight';
  src: url("../fonts/Rooney Light-webfont.woff2") format("woff2"), url("../fonts/Rooney Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%; }

body {
  background-color: #eceeee;
  background-image: none;
  overflow-y: hidden; }
  body.mobile {
    background-color: #c9d7d7; }
  body.whitePage {
    background-color: #ffffff; }

.siteContainer {
  width: 100vw;
  min-height: 100%;
  padding-top: 56px; }
  .siteContainer.flexLayout {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: row;
    flex-direction: -webkit-row;
    align-items: -webkit-stretch;
    align-items: stretch; }
    .siteContainer.flexLayout .content {
      flex: 1 1;
      -webkit-flex: 1 1;
      -ms-flex: 1 1;
      -moz-flex: 1 1;
      -o-flex: 1 1;
      flex: 1 1; }
  .siteContainer.noTopPadding {
    padding-top: 0; }
  .mobile .siteContainer {
    min-width: 320px;
    padding-top: calc(40px + 58px); }
    .mobile .siteContainer.noTopPadding {
      padding-top: 40px; }
    .mobile .siteContainer .content {
      top: 0;
      position: absolute;
      width: 100vw;
      height: 100vh;
      -webkit-overflow-scrolling: touch; }
      .mobile .siteContainer .content .postItemPage {
        margin-top: 40px; }
  .mobile .siteContainer.flexLayout {
    /* No flex layout @ mobile */
    display: block; }
  .siteContainer .content {
    height: calc(100vh - 56px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .siteContainer .content.fixedTop {
      overflow-y: hidden; }
  .siteContainer .fullScreen, .siteContainer .loggedOut {
    max-width: 100vw; }
  .siteContainer .content.loggedOut.showVisitorSubNav {
    margin-top: 56px; }
  .siteContainer .content.loggedOut.fullScreen {
    height: 100vh;
    overflow: scroll; }
  .siteContainer .content.loggedOut.showVisitorSubNav {
    margin-top: 56px; }
  @media screen and (max-width: 1088px) {
    .siteContainer .fullScreen, .siteContainer .loggedOut {
      max-width: 100vw; } }
  @media screen and (max-width: 767px) {
    .siteContainer .siteContainer {
      background-color: red; }
    .siteContainer .content {
      max-width: 100vw; }
    .siteContainer .fullScreen, .siteContainer .loggedOut {
      max-width: 100vw; } }

.divider {
  display: block;
  width: 80%;
  color: #ffffff;
  text-align: center;
  margin: 2rem auto;
  text-transform: uppercase;
  line-height: 2rem;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: 300; }
  .divider:before, .divider:after {
    content: '';
    display: inline-block;
    height: 1px;
    margin-right: 1rem;
    background-color: #ffffff;
    width: 40%;
    vertical-align: middle; }
  .divider:after {
    margin-right: 0;
    margin-left: 1rem; }

.appleDownload {
  background: transparent url(/common/imgs/home/app_download.png) 0 0 no-repeat;
  background-size: contain;
  height: 53px;
  width: 177px;
  display: inline-block;
  text-indent: -999rem;
  overflow: hidden;
  letter-spacing: -0.1rem;
  margin-bottom: 20px; }
  .appleDownload.androidDownload {
    background: transparent url(/common/imgs/home/android_download.png) 0 0 no-repeat; }

textarea {
  resize: none; }

@media screen and (max-width: 767px) {
  /* LOGGED OUT */ }

nav.topNav .notificationsMenu,
nav.topNav .profileOptions {
  position: absolute;
  font-size: 1.8em;
  z-index: 20;
  border: solid 1px #dde4e4;
  border-bottom: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  nav.topNav .notificationsMenu .emptyMessage,
  nav.topNav .profileOptions .emptyMessage {
    text-align: left;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 20px;
    width: 420px; }

nav.topNav .profileOptions {
  top: calc(100% + 10px);
  right: -68px;
  background-color: #f2f4f4;
  font-size: 1em;
  width: 190px; }
  nav.topNav .profileOptions:before {
    margin-right: 1em; }
  nav.topNav .profileOptions a {
    color: #3b3d40;
    display: block;
    float: none;
    text-align: center;
    float: none;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border-bottom: solid 1px #eceeee; }
    nav.topNav .profileOptions a:last-child {
      border-bottom: 0 none; }
    nav.topNav .profileOptions a:hover, nav.topNav .profileOptions a:visited:hover {
      color: #29c896; }
    nav.topNav .profileOptions a:visited {
      color: #3b3d40; }
  nav.topNav .profileOptions .menuArrow {
    left: 93px;
    right: auto; }

nav.topNav .menuClear {
  z-index: 1;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2); }

nav.topNav .notificationsMenu {
  top: calc(100% + 13px);
  right: -39px;
  background: #ffffff;
  text-align: left;
  width: 450px; }
  nav.topNav .notificationsMenu .notificationScrollParent {
    overflow: auto;
    max-height: 500px; }
    nav.topNav .notificationsMenu .notificationScrollParent .notificationScrollContent {
      overflow: hidden; }
  nav.topNav .notificationsMenu h6.notificationsMenuTitle {
    height: 60px;
    border-bottom: solid 1px #dde4e4;
    font-size: 1.2rem;
    text-align: center;
    line-height: 60px;
    letter-spacing: 0.15em; }
  nav.topNav .notificationsMenu .conversationsMenuTitle {
    width: 100%; }
    nav.topNav .notificationsMenu .conversationsMenuTitle .title {
      margin-left: 25%; }
    nav.topNav .notificationsMenu .conversationsMenuTitle a {
      font-size: 1.1rem;
      margin: 3px 5px 0px 0px;
      color: #26b099;
      text-transform: none;
      letter-spacing: 1.2px; }
    nav.topNav .notificationsMenu .conversationsMenuTitle .markAllAnchor {
      right: 15px; }
  nav.topNav .notificationsMenu .notificationsMenuFooter {
    height: 60px;
    border-bottom: 0 none;
    font-size: 1rem;
    line-height: 60px;
    text-align: center; }
  nav.topNav .notificationsMenu .notificationTotalBubble {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: #f65950;
    color: white;
    height: 20px;
    margin-left: 0.5em;
    line-height: 20px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

nav.topNav .menuAvatarOverlay {
  height: 50px !important;
  width: 40px;
  position: absolute;
  top: -50px;
  left: 84px;
  border: none !important; }

nav.topNav .menuArrow {
  position: absolute;
  top: -8px;
  right: 41px;
  overflow: hidden;
  width: 25px;
  height: 8px; }
  nav.topNav .menuArrow:after {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    width: 15px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #f2f4f4;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    content: "\00a0"; }

@media screen and (max-height: 700px) {
  nav.topNav .notificationsMenu .notificationScrollParent {
    max-height: 100vh; } }

@media screen and (max-width: 768px) {
  nav.topNav .notificationsMenu {
    top: 100%; }
    nav.topNav .notificationsMenu .notificationScrollParent {
      width: 100%;
      right: 0;
      left: 0; }
    nav.topNav .notificationsMenu .menuArrow {
      display: none; }
    nav.topNav .notificationsMenu .emptyMessage {
      font-size: 1.5rem;
      width: 100%;
      text-align: center; } }

.interests {
  width: 100%;
  text-align: center; }
  .interests.final .interest {
    cursor: default; }
  .interests .interest {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 8px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer; }
    .interests .interest:after {
      content: '\e609';
      font-family: 'icomoon';
      font-size: 0rem;
      text-align: center;
      line-height: 160px;
      display: block;
      height: 0;
      width: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0;
      background-color: rgba(59, 61, 64, 0.8);
      color: #ffffff;
      z-index: 2;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden;
      -webkit-transition: height 0.2s, width 0.2s, font-size 0.2s;
      -ms-transition: height 0.2s, width 0.2s, font-size 0.2s;
      -moz-transition: height 0.2s, width 0.2s, font-size 0.2s;
      -o-transition: height 0.2s, width 0.2s, font-size 0.2s;
      transition: height 0.2s, width 0.2s, font-size 0.2s; }
    .interests .interest.active:after {
      opacity: 1;
      height: 100%;
      width: 100%;
      font-size: 3.2rem; }
    .interests .interest img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      height: 100%;
      width: 100%;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
    .interests .interest h4 {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 19px;
      font-size: 1.5rem;
      line-height: 1.3;
      z-index: 3;
      color: #ffffff;
      text-align: center;
      text-shadow: 0 0 3px #3b3d40; }
    .interests .interest.lowPriority {
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
      width: auto;
      height: auto;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background-color: #f2f4f4;
      padding: 7px 12px; }
      .interests .interest.lowPriority img {
        display: none; }
      .interests .interest.lowPriority h4 {
        font-family: 'MuseoSansRounded500';
        font-size: 1.3rem;
        line-height: 1.3;
        z-index: 5;
        text-align: center;
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        color: #3b3d40;
        text-shadow: none; }
      .interests .interest.lowPriority:after {
        content: '';
        font-family: 'icomoon';
        font-size: 0rem;
        text-align: center;
        line-height: 32px;
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 0;
        background-color: rgba(59, 61, 64, 0.7);
        color: #ffffff;
        z-index: 2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden; }
      .interests .interest.lowPriority.active h4 {
        color: #ffffff; }
      .interests .interest.lowPriority.active:after {
        opacity: 1;
        height: 100%;
        width: 100%;
        font-size: 2rem; }
    .interests .interest.interest_0 {
      background-color: #e8cd6f; }
    .interests .interest.interest_1 {
      background-color: #97dfdf; }
    .interests .interest.interest_2 {
      background-color: #6b7f9e; }
    .interests .interest.interest_3 {
      background-color: #fa764f; }
    .interests .interest.interest_4 {
      background-color: #324b5f; }

#google_translate_element {
  display: none; }

.skiptranslate {
  display: none; }

body {
  top: 0 !important; }

.goog-tooltip {
  display: none !important; }

.goog-tooltip:hover {
  display: none !important; }

.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

/* LOGGED IN */
nav.topNav {
  position: fixed;
  top: 0;
  z-index: 100;
  display: block;
  min-width: 500px;
  width: 100%;
  height: 56px;
  background-color: #3b3d40; }
  nav.topNav .navContain {
    background-color: #3b3d40;
    width: 100%;
    height: 56px;
    position: relative;
    z-index: 2; }
  nav.topNav .mobileBucket {
    display: none;
    z-index: 1; }
  nav.topNav a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: uppercase;
    height: 56px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.25em;
    line-height: 54px; }
    nav.topNav a span {
      border-bottom: solid 1px transparent;
      padding-bottom: 1px; }
    nav.topNav a, nav.topNav a:visited {
      color: #dde4e4;
      text-decoration: none; }
    nav.topNav a:hover {
      color: #ffffff;
      text-decoration: none; }
    nav.topNav a.active {
      color: #ffffff; }
      nav.topNav a.active span {
        border-color: #29c896; }
      nav.topNav a.active:hover {
        color: #ffffff; }
    nav.topNav a.active.groups {
      background-color: #dde4e4; }
      nav.topNav a.active.groups i {
        color: #29c896; }
    nav.topNav a.feed, nav.topNav a.discover {
      padding-left: 1.4rem;
      padding-right: 1.4rem; }
    nav.topNav a.discover .icon-search {
      display: none; }
    nav.topNav a i {
      overflow: hidden;
      display: inline-block;
      vertical-align: text-bottom; }
  nav.topNav .login {
    height: 56px;
    line-height: 56px;
    display: inline-block;
    float: left; }
    nav.topNav .login .navLogin {
      margin-right: 2em;
      display: inline-block; }
    nav.topNav .login a, nav.topNav .login a:hover {
      border-left: solid 1px #95a6a6;
      float: none; }
  nav.topNav a.button.action.feedback {
    display: block;
    position: fixed;
    top: 50%;
    right: -52px;
    color: white;
    background-color: #d4aa55;
    border-color: #d4aa55;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    text-decoration: none; }
  nav.topNav .nav-right {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    float: right; }
    nav.topNav .nav-right .cglr-logo-container {
      position: relative;
      display: inline-block;
      margin: 11px 10px 0;
      vertical-align: top; }
      nav.topNav .nav-right .cglr-logo-container .cglr-logo {
        width: 32px;
        height: 32px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-image: url(/resources/logo/cglr_logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border: 1px solid grey;
        cursor: pointer; }
    nav.topNav .nav-right .navItemContainer {
      position: relative;
      display: inline-block;
      margin: 11px 10px 0;
      vertical-align: top;
      /* Search */
      /* Conversations & Notifications */
      /* Profile */
      /* Import Content */
      /* LOGGED OUT */ }
      nav.topNav .nav-right .navItemContainer a.navItemLink.active {
        box-shadow: 0 0 0 2px #29c896; }
      nav.topNav .nav-right .navItemContainer a.navItemLink,
      nav.topNav .nav-right .navItemContainer button.importButton {
        width: 32px;
        height: 32px;
        background: rgba(149, 166, 166, 0.25);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        nav.topNav .nav-right .navItemContainer a.navItemLink i,
        nav.topNav .nav-right .navItemContainer button.importButton i {
          margin-left: 2px;
          padding: 0;
          font-size: 1.6rem;
          color: #eceeee; }
          nav.topNav .nav-right .navItemContainer a.navItemLink i:hover,
          nav.topNav .nav-right .navItemContainer button.importButton i:hover {
            color: #ffffff; }
      nav.topNav .nav-right .navItemContainer.search .searchLabel {
        display: none; }
      nav.topNav .nav-right .navItemContainer.conversations a.navItemLink.groupLink i, nav.topNav .nav-right .navItemContainer.group a.navItemLink.groupLink i, nav.topNav .nav-right .navItemContainer.notifications a.navItemLink.groupLink i {
        margin-left: 1px;
        font-size: 1.9rem; }
      nav.topNav .nav-right .navItemContainer.conversations a.navItemLink.notificationsLink, nav.topNav .nav-right .navItemContainer.group a.navItemLink.notificationsLink, nav.topNav .nav-right .navItemContainer.notifications a.navItemLink.notificationsLink {
        line-height: 3.5rem; }
      nav.topNav .nav-right .navItemContainer.conversations .notificationCountBubble, nav.topNav .nav-right .navItemContainer.group .notificationCountBubble, nav.topNav .nav-right .navItemContainer.notifications .notificationCountBubble {
        position: absolute;
        top: -3px;
        left: 19px;
        height: 20px;
        padding: 0 7px;
        line-height: 21px;
        background-color: #f65950;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px;
        border-radius: 11px;
        color: #f2f4f4;
        font-size: 1.1rem;
        text-align: center;
        z-index: 2;
        letter-spacing: 0; }
      nav.topNav .nav-right .navItemContainer.profile {
        margin: 11px 4px 0; }
        nav.topNav .nav-right .navItemContainer.profile.showHideProfileOptions {
          padding-left: .7rem;
          padding-right: .7rem; }
          nav.topNav .nav-right .navItemContainer.profile.showHideProfileOptions i {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            margin: 0;
            font-size: 1.2rem; }
        nav.topNav .nav-right .navItemContainer.profile a {
          float: none; }
      nav.topNav .nav-right .navItemContainer.import {
        margin-right: 30px; }
        nav.topNav .nav-right .navItemContainer.import button.importButton {
          position: relative;
          padding: 0;
          background: #29c896; }
          nav.topNav .nav-right .navItemContainer.import button.importButton i {
            margin: 1px 0 0;
            font-size: 1.3rem;
            color: #ffffff; }
      nav.topNav .nav-right .navItemContainer.loggedOutHeading {
        margin: 0 18px 0 19px; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading button {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: .24em; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading span {
          color: #dde4e4; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin {
          display: inline-block;
          height: 5.6rem;
          padding-left: 27px;
          vertical-align: middle;
          font-size: 1.3rem; }
          nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin a,
          nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin span {
            display: inline-block;
            vertical-align: middle;
            padding-left: 0; }
            nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin a span,
            nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin span span {
              color: #29c896;
              letter-spacing: normal;
              text-transform: none; }
  nav.topNav .nav-left {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    float: left;
    padding-left: 1.6rem; }
    nav.topNav .nav-left a {
      float: left; }
  .mobile nav.topNav {
    min-width: 320px;
    height: 40px; }
    .mobile nav.topNav div.navController {
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 40px; }
      .mobile nav.topNav div.navController.inScroll {
        margin-top: -50px; }
    .mobile nav.topNav .navContain {
      min-width: 320px;
      height: 40px; }
      .mobile nav.topNav .navContain a, .mobile nav.topNav .navContain a:visited {
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        color: #ffffff;
        letter-spacing: 0;
        font-size: 14px;
        text-transform: none;
        height: 40px;
        line-height: 40px; }
      .mobile nav.topNav .navContain a.feed {
        padding-left: 1rem;
        padding-right: 1rem; }
      .mobile nav.topNav .navContain .nav-left .conversations .notificationsLink,
      .mobile nav.topNav .navContain .nav-left .search,
      .mobile nav.topNav .navContain .nav-right .conversations .notificationsLink,
      .mobile nav.topNav .navContain .nav-right .search {
        display: none; }
      .mobile nav.topNav .navContain .nav-right .navItemContainer {
        margin: 6px 0 0;
        position: static; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.notifications {
          margin-right: 15px; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading {
          margin: 0; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading .returningLogin a, .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading .returningLogin {
            height: auto;
            line-height: 1;
            font-family: "MuseoSansRounded500", "Arial", sans-serif;
            font-size: 14px;
            letter-spacing: 0; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.import {
          margin-right: 2rem; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer.import button.importButton i {
            font-size: 1.1rem;
            padding-right: 1px;
            padding-bottom: 1px; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer a.navItemLink, .mobile nav.topNav .navContain .nav-right .navItemContainer button.importButton {
          height: 27px;
          width: 27px; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer a.navItemLink i, .mobile nav.topNav .navContain .nav-right .navItemContainer button.importButton i {
            font-size: 1.4rem;
            margin-left: 0; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.search .searchBar.active {
          width: 200px; }
      .mobile nav.topNav .navContain .nav-left {
        padding-left: 0;
        width: auto; }
        .mobile nav.topNav .navContain .nav-left .navItemContainer.search {
          display: none; }
    .mobile nav.topNav .notificationsMenu {
      width: 100vw;
      right: 0;
      left: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .mobile nav.topNav .notificationsMenu a, .mobile nav.topNav .notificationsMenu a:visited {
        height: auto;
        font-size: 1.2rem;
        color: #26b099;
        line-height: 1.2; }
      .mobile nav.topNav .notificationsMenu .markAllAnchor {
        right: 5px;
        margin: 0;
        font-size: 1rem; }
      .mobile nav.topNav .notificationsMenu h6.notificationsMenuTitle {
        height: 40px;
        line-height: 40px; }
    .mobile nav.topNav .conversations {
      position: static; }
      .mobile nav.topNav .conversations .notificationsMenu {
        right: 0;
        top: 98px; }
    .mobile nav.topNav div.notificationBaseCard {
      width: 100%;
      padding: 10px 40px 10px 10px;
      font-size: 1.2rem; }
      .mobile nav.topNav div.notificationBaseCard .notification-time {
        top: 4px; }
      .mobile nav.topNav div.notificationBaseCard .profileAvatar {
        margin-left: 0; }
      .mobile nav.topNav div.notificationBaseCard .notificationText {
        width: calc(100% - 47px); }
        .mobile nav.topNav div.notificationBaseCard .notificationText a.userName {
          display: block;
          color: #3b3d40; }
        .mobile nav.topNav div.notificationBaseCard .notificationText .notificationMainText {
          width: 100%; }
      .mobile nav.topNav div.notificationBaseCard .indicators {
        right: -20px; }
    .mobile nav.topNav.loggedOut .navContain .nav-right .navItemContainer .returningLogin {
      height: 40px;
      padding-left: 1rem;
      line-height: 40px; }
      .mobile nav.topNav.loggedOut .navContain .nav-right .navItemContainer .returningLogin .alreadyMember {
        display: none; }
    .mobile nav.topNav .mobileBucket {
      clear: both;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      overflow: hidden;
      height: 58px;
      -webkit-transform: translate(0, -116px);
      -moz-transform: translate(0, -116px);
      -ms-transform: translate(0, -116px);
      -o-transform: translate(0, -116px);
      transform: translate(0, -116px);
      -webkit-transition: transform 0.7s;
      -ms-transition: transform 0.7s;
      -moz-transition: transform 0.7s;
      -o-transition: transform 0.7s;
      transition: transform 0.7s;
      background-color: #eceeee;
      text-align: center; }
      .mobile nav.topNav .mobileBucket .search {
        background: #c9d7d7; }
      .mobile nav.topNav .mobileBucket.vis {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
      .mobile nav.topNav .mobileBucket.noShow {
        display: none; }
      .mobile nav.topNav .mobileBucket a {
        color: #95a6a6;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        line-height: 20px;
        height: auto;
        letter-spacing: 0;
        font-size: 11px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        padding: 8px 0 0; }
        .mobile nav.topNav .mobileBucket a span {
          display: inline-block;
          margin: 0 auto;
          border-bottom: solid 3px transparent; }
        .mobile nav.topNav .mobileBucket a.groups i {
          position: absolute;
          top: 22px;
          width: 27px;
          height: 27px; }
          .mobile nav.topNav .mobileBucket a.groups i:before, .mobile nav.topNav .mobileBucket a.groups i:after {
            width: 25px;
            height: 25px;
            font-size: 2.2rem; }
        .mobile nav.topNav .mobileBucket a.groups span {
          padding-top: 26px; }
        .mobile nav.topNav .mobileBucket a i {
          display: block;
          height: 26px;
          padding-top: 2px; }
          .mobile nav.topNav .mobileBucket a i:before, .mobile nav.topNav .mobileBucket a i:after {
            font-size: 2.2rem; }
        .mobile nav.topNav .mobileBucket a.active:hover {
          color: #95a6a6; }
        .mobile nav.topNav .mobileBucket a.active span {
          border-color: #29c896; }
        .mobile nav.topNav .mobileBucket a:hover {
          color: #95a6a6; }
  nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content {
    background: #009F8D url(/common/imgs/home/section6.png) 50% 100% no-repeat;
    background-size: 80%;
    padding-bottom: 220px;
    padding-left: 45px;
    padding-right: 45px;
    border-color: #009F8D; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content h4 {
      text-align: center;
      color: #3B3D40;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content p {
      color: #ffffff;
      font-size: 31px;
      line-height: 1.2; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content a {
      margin: 0 auto 20px;
      display: block; }

@media screen and (max-width: 991px) {
  nav.topNav .navContain {
    min-width: 775px; } }

body > #zenbox_tab {
  display: none !important; }

.header .declaraLogo {
  margin-top: 10px;
  margin-left: 8px; }

.declaraLogo {
  width: 116px;
  height: 3.3rem;
  background: transparent url(/resources/logo/Logo.png) 50% 100% no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  vertical-align: middle;
  float: left;
  opacity: 0.8; }

.mobile .declaraLogo {
  height: 2.5rem !important;
  margin-top: 8px; }

.mobile .header .declaraLogo {
  margin-top: 16px; }

.facets {
  width: 100%;
  height: 35px;
  background-color: #ffffff; }
  .facets ul {
    display: inline-block;
    -webkit-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s; }
    .facets ul li {
      position: relative;
      display: inline-block;
      margin: 0 10px; }
      .facets ul li:first-child {
        margin-left: 0; }
      .facets ul li:last-child {
        margin-right: 0; }
      .facets ul li a {
        display: block; }
        .facets ul li a:hover h6 {
          border-bottom: solid 3px #29c896; }
        .facets ul li a h6 {
          display: inline-block;
          margin-bottom: 0;
          border-bottom: solid 3px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1rem;
          line-height: 32px;
          text-transform: uppercase;
          letter-spacing: -.01em; }
          .facets ul li a h6.selected {
            border-bottom: solid 3px #29c896;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }

.mobileBucket .search, .discoverDetailView .search, .searchContainer .search {
  text-align: center;
  width: 100%; }
  .mobileBucket .search .navItemLink, .mobileBucket .search .searchLabel, .discoverDetailView .search .navItemLink, .discoverDetailView .search .searchLabel, .searchContainer .search .navItemLink, .searchContainer .search .searchLabel {
    display: none; }

.search .searchBar {
  -webkit-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
  width: 0;
  overflow: hidden;
  text-align: left; }
  nav .search .searchBar {
    position: absolute;
    top: -11px;
    right: 0; }
  .mobileBucket .search .searchBar,
  .discoverDetailView .search .searchBar,
  .searchContainer .search .searchBar {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    width: 90%;
    position: static; }
  .search .searchBar.active {
    width: 250px; }
  .search .searchBar form {
    padding-top: 1rem; }
    .search .searchBar form div.input {
      display: block;
      margin: 0;
      position: relative;
      vertical-align: top; }
      .search .searchBar form div.input button.icon-search {
        position: absolute;
        top: 9px;
        left: 12px;
        font-size: 1.6em; }
      .search .searchBar form div.input input {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 3.4rem;
        padding-left: 3rem; }
      .search .searchBar form div.input .icon-x {
        display: none; }

.subNavContainer {
  width: 100%;
  height: 12.6rem;
  background: #ffffff;
  text-align: center;
  position: fixed;
  top: 5.6rem;
  z-index: 1;
  padding-top: 34px;
  -webkit-box-shadow: 1px 0 2px #95a6a6;
  -moz-box-shadow: 1px 0 2px #95a6a6;
  box-shadow: 1px 0 2px #95a6a6; }
  .subNavContainer .subNav {
    max-width: 630px;
    margin: 0 auto;
    font-size: 0; }
  .subNavContainer a {
    display: inline-block;
    font-size: 1rem;
    color: #dde4e4;
    text-transform: uppercase;
    vertical-align: top;
    height: 9.2rem;
    text-align: center;
    border-bottom: solid 2px transparent;
    width: 20%; }
    .subNavContainer a strong, .subNavContainer a span {
      display: block;
      border-right: solid 1px #eceeee; }
    .subNavContainer a:last-child strong, .subNavContainer a:last-child span {
      border-right: 0 none; }
    .subNavContainer a strong {
      font-size: 2rem; }
    .subNavContainer a span {
      height: 33px;
      width: 100%; }
    .subNavContainer a:visited {
      color: #dde4e4; }
    .subNavContainer a:hover, .subNavContainer a:visited:hover {
      text-decoration: none;
      color: #29c896; }
    .subNavContainer a.active, .subNavContainer a.active:visited {
      color: #3b3d40;
      border-bottom: solid 2px #29c896; }

@media screen and (max-width: 840px) {
  .subNavContainer {
    top: 11.2rem; } }

.enter-form {
  /** heading with line */ }
  .enter-form h1 {
    font-size: 5.2vw; }
  .enter-form h2 {
    font-size: 2.6vh; }
  .enter-form h3 {
    font-size: 2.2rem;
    color: white;
    font-weight: 300; }
  .enter-form h4 {
    color: white;
    font-size: 1.8rem; }
  .enter-form p {
    font-size: 2vmin; }
  .enter-form .context-container.error .context-header,
  .enter-form .invitation-context-container.error .context-header {
    background-color: rgba(255, 0, 0, 0.3); }
  .enter-form .context-container.error .context-text,
  .enter-form .invitation-context-container.error .context-text {
    background-color: rgba(255, 0, 0, 0.2); }
  .enter-form .context-container .context-header,
  .enter-form .invitation-context-container .context-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 15px 15px 15px 15px;
    font-size: 1.4rem;
    color: white;
    text-transform: uppercase; }
    .enter-form .context-container .context-header span,
    .enter-form .invitation-context-container .context-header span {
      font-size: 1.4rem;
      color: white;
      text-transform: uppercase; }
  .enter-form .context-container .context-text,
  .enter-form .invitation-context-container .context-text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 15px; }
    .enter-form .context-container .context-text p,
    .enter-form .invitation-context-container .context-text p {
      margin-bottom: 2rem; }
  .enter-form .line {
    margin: 20px 0;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    text-align: center; }
    .enter-form .line:before, .enter-form .line:after {
      background-color: #fff;
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 50%; }
    .enter-form .line:before {
      right: 0.5em;
      margin-left: -50%; }
    .enter-form .line:after {
      left: 0.5em;
      margin-right: -50%; }
  .enter-form .input-lg {
    height: 4.8rem;
    font-size: 1.8rem;
    color: #555; }
    .enter-form .input-lg::-webkit-input-placeholder {
      font-size: 1.8rem;
      font-style: normal; }
    .enter-form .input-lg:-moz-placeholder {
      /* Firefox 18- */
      font-size: 1.8rem;
      font-style: normal; }
    .enter-form .input-lg::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 1.8rem;
      font-style: normal; }
    .enter-form .input-lg:-ms-input-placeholder {
      font-size: 1.8rem;
      font-style: normal; }
  .enter-form form button[disabled] {
    background-color: #26b099;
    cursor: default; }
  .enter-form form input.bottom-form-field,
  .enter-form form button.next {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .enter-form form input.email,
  .enter-form form input.top-form-field {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .enter-form form input.email[disabled],
    .enter-form form input.top-form-field[disabled] {
      background-color: #eceeee; }
  .enter-form form input.password,
  .enter-form form input.middle-form-field {
    border-radius: 0;
    margin: 0; }
  .enter-form form .showButton input {
    width: 90%;
    float: left;
    border-radius: 4px 0px 0px 0px;
    border-right-width: 0; }
  .enter-form form .showButton button {
    width: 10%;
    float: right;
    margin: 0;
    border-radius: 0px 5px 0px 0px;
    border: none;
    height: 4.8rem;
    padding: 0;
    padding-left: 6px;
    background-color: #eceeee; }
    .enter-form form .showButton button:hover {
      background-color: #f2f4f4; }
    .enter-form form .showButton button i {
      color: black; }
  .enter-form input,
  .enter-form button {
    width: 100%;
    height: 4.6rem;
    border-radius: 4px;
    margin: 0; }
  .enter-form .message {
    width: 100%;
    height: 3.4rem;
    margin: 0;
    border: 1px solid #eceeee;
    background-color: #ebcccc;
    color: #a94442;
    font-size: 1.5rem;
    padding: 10px; }
  .enter-form .login-option {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 0 15px 0; }
    @media (min-width: 768px) {
      .enter-form .login-option {
        float: left;
        width: 66.6666666667%; } }
    @media (min-width: 768px) {
      .enter-form .login-option {
        margin-left: 16.6666666667%; } }
    @media (min-width: 992px) {
      .enter-form .login-option {
        float: left;
        width: 50%; } }
    @media (min-width: 992px) {
      .enter-form .login-option {
        margin-left: 25%; } }
    @media (min-width: 1200px) {
      .enter-form .login-option {
        float: left;
        width: 33.3333333333%; } }
    @media (min-width: 1200px) {
      .enter-form .login-option {
        margin-left: 33.3333333333%; } }
  .enter-form .avatarUpload {
    background-color: white; }

.spinner {
  margin: 50px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.spinner > div {
  background-color: #eeeeee;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
  background-color: #43ac6a; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  background-color: #F04124; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
  background-color: #008cba; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background-color: #E99002; }

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.button-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.hidden, .search-container .search-content.directory-view .tagFacets {
  display: none; }

.socialLogin button {
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  padding: 0 0 0 16px;
  height: 41px;
  line-height: 41px;
  text-align: left;
  border-radius: 2px;
  margin-bottom: 2rem;
  border: 0 none;
  font-size: 1.4rem; }
  .socialLogin button *[class*='icon'] {
    width: 24px;
    font-size: 23px; }
  .socialLogin button:hover {
    border: 0 none; }
  .socialLogin button.linkedin {
    background-color: #007bb6;
    border-color: #007bb6; }
    .socialLogin button.linkedin:hover {
      background-color: #0071a7; }
    .socialLogin button.linkedin:active {
      background-color: #006a9d; }
  .socialLogin button.twitter {
    background-color: #00aced;
    border-color: #00aced; }
    .socialLogin button.twitter:hover {
      background-color: #00a1de; }
    .socialLogin button.twitter:active {
      background-color: #0099d4; }
  .socialLogin button.facebook {
    background-color: #3b5998;
    border-color: #3b5998; }
    .socialLogin button.facebook:hover {
      background-color: #37538d; }
    .socialLogin button.facebook:active {
      background-color: #344e86; }

.iframe {
  width: 100vw;
  height: 100vh; }

.loginView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  overflow: auto; }
  .loginView h1, .loginView h5 {
    color: #ffffff;
    font-weight: 400;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    margin-bottom: 4rem;
    text-align: center; }
  .loginView h2 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 3.6vh; }
  .loginView h3 {
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .loginView .forgotLink {
    color: #29c896;
    text-transform: none;
    letter-spacing: 0;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 4rem;
    height: 4rem; }
  .loginView .header {
    background-color: #3b3d40;
    position: relative;
    z-index: 5;
    margin-bottom: 40px;
    height: 56px; }
    .loginView .header .right {
      float: right;
      color: #ffffff;
      line-height: 56px;
      margin: 0 36px 0 0; }
      .loginView .header .right span {
        margin-right: 10px;
        font-size: 1.1rem; }
      .loginView .header .right .button {
        background: rgba(255, 255, 255, 0.3);
        border: 0 none;
        font-weight: 400;
        font-size: 1rem;
        color: #ffffff; }
  .loginView form .passwordFields {
    width: 100%; }
  .loginView form .checkbox + label {
    margin-top: -5px; }
  .loginView form .validateField {
    position: relative; }
    .loginView form .validateField .aside.msg {
      bottom: 100%;
      top: auto;
      right: 0;
      left: auto;
      color: #3b3d40;
      background-color: #fef1f0;
      border: solid 1px #f65950;
      min-height: 10px;
      padding: 5px; }
      .loginView form .validateField .aside.msg:after {
        content: '';
        display: block;
        height: 10px;
        background-color: #fef1f0;
        width: 10px;
        position: absolute;
        top: auto;
        bottom: -6px;
        right: 14px;
        border: solid 1px #f65950;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  .loginView form.createForm .input input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
  .loginView .large-button {
    height: 4rem;
    font-size: 1.5rem; }
  .loginView .input {
    margin: 0;
    position: relative; }
    .loginView .input i {
      position: absolute;
      right: 1rem;
      top: 1.5rem;
      height: 1rem;
      width: 2rem; }
      .loginView .input i.icon-check {
        color: #29c896; }
      .loginView .input i.icon-alert {
        color: #f65950;
        font-size: 1.7rem;
        height: 1.7rem; }
  .loginView .buttons button, .loginView .buttons .button {
    display: inline-block;
    width: 32%;
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0; }
    .loginView .buttons button.action, .loginView .buttons .button.action {
      float: right;
      width: 66%; }
  .loginView .loginContent h1 {
    text-align: center;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .loginView .loginContent h2 {
    clear: both; }
  .loginView .loginContent .loginBox {
    /*width: 70rem;*/
    padding: 42px 46px;
    margin: 0 auto;
    background-color: #f2f4f4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
  .loginView .loginForm {
    width: 28rem;
    display: inline-block;
    border-left: solid 1px #95a6a6;
    margin-left: 5rem;
    padding-left: 5rem; }
    .loginView .loginForm .action {
      width: 100%;
      margin-top: 2rem; }
  .loginView .socialOption {
    display: inline-block;
    width: 27rem;
    vertical-align: top; }
    .loginView .socialOption button {
      width: 100%;
      margin-bottom: 1.2rem; }
    .loginView .socialOption + .divider {
      display: none;
      color: #95a6a6; }
      .loginView .socialOption + .divider:before, .loginView .socialOption + .divider:after {
        background-color: #95a6a6; }
  .loginView.verifyView .header {
    margin-bottom: 2rem; }
  .loginView.verifyView .loginContent.alertMsg {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 1.5rem;
    width: 70rem;
    margin: auto; }
    .loginView.verifyView .loginContent.alertMsg i {
      color: #fef1b3;
      margin-right: 1rem;
      font-size: 1.5rem; }
    .loginView.verifyView .loginContent.alertMsg p {
      background-color: transparent;
      max-width: none;
      padding: 0;
      text-align: center;
      margin: 0 0 2rem;
      color: #ffffff; }
    .loginView.verifyView .loginContent.alertMsg button {
      width: 60%;
      display: block;
      margin: 0 auto; }
  .loginView .missing p, .loginView .existing p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.3rem; }
  .loginView .missing .loginContent .loginBox, .loginView .existing .loginContent .loginBox {
    width: 50rem;
    text-align: center; }
  .loginView .missing button, .loginView .existing button {
    display: inline-block;
    width: auto; }
  .loginView .large-font {
    margin-bottom: 4rem; }
  .loginView .large-font,
  .loginView .large-font::-webkit-input-placeholder {
    font-size: 2rem;
    height: 5rem; }
  .loginView .center {
    text-align: center; }
  .loginView .outsideBox {
    font-size: 1.5rem;
    color: #ffffff;
    margin-top: 2rem;
    text-align: right;
    cursor: pointer; }
  .loginView .passwordError {
    font-size: 1.5rem;
    color: #f65950;
    font-weight: bold;
    text-align: right;
    margin-top: 2rem; }
  .loginView .nudge span {
    font-size: 1.1rem; }
  .loginView .nudge input {
    margin-top: 0.5rem; }
  .loginView .pointer {
    cursor: pointer; }
  .loginView .imgInfo {
    width: 100%; }
    .loginView .imgInfo label.imageUpload img,
    .loginView .imgInfo label.imageUpload .icon-user {
      font-size: 12rem;
      height: 15rem;
      width: 15rem; }
    .loginView .imgInfo label.imageUpload .icon-user {
      padding-top: 3rem; }
    .loginView .imgInfo label.imageUpload span {
      font-size: 1.7rem; }
  .loginView .active {
    color: #29c896;
    font-weight: bold; }
  .loginView .errorOptions {
    margin-top: 3rem; }
    .loginView .errorOptions div {
      text-align: center; }

.loginView.resetPasswordView .loginBox, .loginView.resetView .loginBox {
  text-align: center; }
  .loginView.resetPasswordView .loginBox .checkbox + label, .loginView.resetView .loginBox .checkbox + label {
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .loginView.resetPasswordView .loginBox form, .loginView.resetView .loginBox form {
    text-align: left;
    width: 25rem;
    margin: 0 auto; }
  .loginView.resetPasswordView .loginBox p, .loginView.resetView .loginBox p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.4rem; }

.loginView.resetPasswordView {
  padding-top: 50px; }
  .loginView.resetPasswordView .loginBox {
    width: 68rem; }
    .loginView.resetPasswordView .loginBox h1 {
      color: #3b3d40;
      font-size: 32px;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .loginView.resetPasswordView .loginBox form {
      width: 44rem;
      margin-bottom: 2rem; }
      .loginView.resetPasswordView .loginBox form .buttons.prereg {
        text-align: center;
        margin-bottom: 82px; }
        .loginView.resetPasswordView .loginBox form .buttons.prereg button {
          float: none;
          height: 40px;
          line-height: 40px;
          font-size: 15px; }
      .loginView.resetPasswordView .loginBox form .passwordFields {
        margin-bottom: 48px; }
    .loginView.resetPasswordView .loginBox p {
      margin-bottom: 0; }
    .loginView.resetPasswordView .loginBox .disclaimer {
      font-size: 1.1rem;
      color: #95a6a6;
      margin-bottom: 2rem;
      border-bottom: solid 2px #dde4e4;
      padding-bottom: 1.5rem; }

.loginView.resetView .loginBox {
  width: 39rem; }
  .loginView.resetView .loginBox p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.4rem; }
  .loginView.resetView .loginBox form input {
    margin-bottom: 50px; }

@media screen and (max-width: 736px) {
  .mobile .loginView:not(.resetView) {
    position: absolute;
    left: 0;
    top: 0; }
  .loginView .header .right {
    margin-right: 10px; }
    .loginView .header .right .button {
      padding: 0 7px; }
  .loginView .loginContent h1 {
    font-size: 2.6rem; }
  .loginView .loginContent .loginBox {
    width: 99% !important; }
    .loginView .loginContent .loginBox .socialOption button {
      font-size: 1.1rem; } }

@media screen and (max-width: 699px) {
  .loginView {
    padding-bottom: 25px; }
    .loginView.resetPasswordView .loginBox {
      width: 100%; }
      .loginView.resetPasswordView .loginBox form {
        width: 100%; }
    .loginView:not(.resetView) {
      position: absolute;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
    .loginView .loginContent h5 {
      font-size: 1.5rem;
      text-align: center; }
    .loginView .socialOption {
      width: 100%;
      margin-bottom: 15px; }
      .loginView .socialOption + .divider {
        display: block;
        width: 100%; }
    .loginView .loginForm, .loginView form {
      padding-left: 0;
      margin-left: 0;
      border-left: 0 none;
      width: 100%; }
      .loginView .loginForm .forgotLink, .loginView form .forgotLink {
        height: 1rem;
        line-height: 1rem; } }

.validationView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }
  .validationView .validationContent {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-align: center;
    width: 500px;
    margin: 200px auto 0; }
    .validationView .validationContent h1, .validationView .validationContent h4 {
      color: #fff;
      font-weight: 400; }
    .validationView .validationContent p {
      margin-bottom: 10px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.1rem; }
      .validationView .validationContent p a {
        color: #fff;
        font-weight: 700; }
    .validationView .validationContent button {
      margin: 0 auto 30px;
      display: block; }

.declaraModal.welcomeModal {
  overflow: auto;
  background-color: rgba(59, 61, 64, 0.8); }
  .declaraModal.welcomeModal .declaraModal-wrapper {
    width: 530px; }
  .declaraModal.welcomeModal .declaraModal-content {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    border: 0 none; }
  .declaraModal.welcomeModal .declaraModal-close {
    display: none; }
  .declaraModal.welcomeModal .welcomeModalContent {
    text-align: center;
    position: relative;
    height: 613px;
    width: 530px;
    overflow: hidden;
    background-color: #5DB0A1;
    -webkit-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .declaraModal.welcomeModal .welcomeModalContent.messaging {
      background-color: #E5C75D; }
    .declaraModal.welcomeModal .welcomeModalContent.insights {
      background-color: #61D5D8; }
    .declaraModal.welcomeModal .welcomeModalContent.journey {
      background-color: #986daa; }
    .declaraModal.welcomeModal .welcomeModalContent.fadeOut {
      opacity: 0; }
    .declaraModal.welcomeModal .welcomeModalContent h1, .declaraModal.welcomeModal .welcomeModalContent p {
      color: #ffffff;
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .declaraModal.welcomeModal .welcomeModalContent h1 {
      font-size: 3.2rem; }
      .mobile .declaraModal.welcomeModal .welcomeModalContent h1 {
        font-size: 1.5rem; }
    .declaraModal.welcomeModal .welcomeModalContent p {
      font-size: 1.5rem;
      margin-bottom: 3.5rem;
      font-family: "MuseoSansRounded100", "Arial", sans-serif;
      letter-spacing: 0.03em; }
      .mobile .declaraModal.welcomeModal .welcomeModalContent p {
        font-size: 1.3rem; }
    .declaraModal.welcomeModal .welcomeModalContent img {
      display: block;
      margin: 0 auto;
      width: 470px; }
      .declaraModal.welcomeModal .welcomeModalContent img.logo {
        width: 20rem; }
    .declaraModal.welcomeModal .welcomeModalContent button {
      float: none;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 10;
      top: 496px; }
    .declaraModal.welcomeModal .welcomeModalContent .view {
      position: absolute;
      left: 100%;
      top: 0;
      height: 415px;
      width: 400px;
      margin: 55px 65px;
      -webkit-transition: left 0.3s;
      -ms-transition: left 0.3s;
      -moz-transition: left 0.3s;
      -o-transition: left 0.3s;
      transition: left 0.3s; }
      .declaraModal.welcomeModal .welcomeModalContent .view.active {
        left: 0; }
      .declaraModal.welcomeModal .welcomeModalContent .view.animateLeft {
        left: -100%; }
    .declaraModal.welcomeModal .welcomeModalContent .pagination {
      position: relative;
      top: 496px; }
      .declaraModal.welcomeModal .welcomeModalContent .pagination ul {
        height: 8px;
        display: block;
        margin: 0 auto; }
        .declaraModal.welcomeModal .welcomeModalContent .pagination ul li {
          float: left;
          margin-right: 16px;
          text-indent: -999em;
          height: 8px;
          width: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background-color: #f2f4f4; }
          .declaraModal.welcomeModal .welcomeModalContent .pagination ul li.active {
            background-color: #d4aa55; }
          .declaraModal.welcomeModal .welcomeModalContent .pagination ul li:last-child {
            margin-right: 0; }

@media screen and (max-width: 729px) {
  .declaraModal.welcomeModal .declaraModal-wrapper {
    width: 100%; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent {
      height: 573px;
      width: 100%; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent img {
        width: 91%;
        margin: 0 0 0 30px; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .view {
        margin: 25px 0 0;
        width: 100%; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .pagination, .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent button {
        top: 440px; } }

@media screen and (max-height: 568px) {
  .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent {
    height: 435px; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .view {
      height: 406px; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .pagination, .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent button {
      top: 310px; } }

.declaraModal.interestModal {
  max-height: 100vh;
  overflow: auto;
  background-color: rgba(59, 61, 64, 0.8); }
  .declaraModal.interestModal .interests-container {
    margin-top: 90px; }
    .declaraModal.interestModal .interests-container .interests {
      width: 100%; }
  .declaraModal.interestModal .modalCancel {
    position: absolute;
    right: 4.5rem;
    margin-top: 1.5rem;
    font-size: 1.5rem; }
  .declaraModal.interestModal .bottomArea {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
    padding-top: 15px;
    height: 80px; }
    .declaraModal.interestModal .bottomArea .progressBar {
      bottom: 0;
      top: auto;
      position: absolute;
      margin: 0; }
    .declaraModal.interestModal .bottomArea button[disabled] {
      opacity: 1; }
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 944px; }
  .declaraModal.interestModal.finish p {
    margin-bottom: 2rem; }
  .declaraModal.interestModal.finish .interests {
    max-width: 100%;
    padding-bottom: 0; }
    .declaraModal.interestModal.finish .interests .interest {
      height: 98px;
      width: 98px; }
      .declaraModal.interestModal.finish .interests .interest h4 {
        font-size: 1.2rem;
        bottom: 7px; }
      .declaraModal.interestModal.finish .interests .interest.active:after {
        height: 98px;
        width: 98px;
        line-height: 50px;
        font-size: 1rem; }
  .declaraModal.interestModal.enableClose .declaraModal-close {
    display: block; }
  .declaraModal.interestModal .declaraModal-close {
    display: none; }
  .declaraModal.interestModal .declaraModal-content {
    border: none;
    padding: 0; }
  .declaraModal.interestModal .interestModalContent {
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    background-color: #ffffff;
    padding: 0 32px 28px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .declaraModal.interestModal .interestModalContent.fadeOut {
      opacity: 0; }
  .declaraModal.interestModal h1,
  .declaraModal.interestModal h2,
  .declaraModal.interestModal p {
    text-align: center;
    margin: 0 auto 0.2em; }
  .declaraModal.interestModal p {
    font-size: 1.5rem;
    margin-bottom: 3.5rem; }
  .declaraModal.interestModal button {
    margin: 0 auto;
    float: none;
    display: block; }
  .declaraModal.interestModal img {
    display: block;
    margin: 0 auto; }
  .declaraModal.interestModal .progressBar {
    background-color: #eceeee;
    height: 8px;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px; }
    .declaraModal.interestModal .progressBar .progress {
      background-color: #d4aa55;
      height: 8px;
      width: 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      -webkit-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s; }
      .declaraModal.interestModal .progressBar .progress.one {
        width: 33.3333%; }
      .declaraModal.interestModal .progressBar .progress.two {
        width: 66.6666%; }
      .declaraModal.interestModal .progressBar .progress.three {
        width: 100%; }
  .declaraModal.interestModal .pickButton {
    padding: 0 8.5rem; }
  .declaraModal.interestModal .lowPriorityContainer hr {
    border: 0;
    height: 1px;
    margin: 15px 0;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
  .declaraModal.interestModal .lowPriorityContainer > h4 {
    text-align: center;
    text-transform: uppercase;
    color: #95a6a6; }

@media screen and (max-width: 940px) {
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 100%;
    padding: 0; }
  .declaraModal.interestModal .declaraModal-content {
    width: 100%; }
  .declaraModal.interestModal .interestModalContent {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .declaraModal.interestModal .progressBar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .declaraModal.interestModal .progressBar .progress {
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      -ms-border-radius: 0 6px 6px 0;
      -o-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }
      .declaraModal.interestModal .progressBar .progress.three {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
  .declaraModal.interestModal .interests {
    margin: 0 auto; }
    .declaraModal.interestModal .interests .interest {
      width: 150px;
      height: 150px; }
      .declaraModal.interestModal .interests .interest img {
        width: 100%;
        height: 100%; }
    .declaraModal.interestModal .interests .interest.lowPriority {
      width: auto;
      height: auto; } }

@media screen and (max-width: 789px) {
  .declaraModal.interestModal h1 {
    font-size: 2.2rem;
    margin-bottom: 1em; } }

@media screen and (max-width: 379px) {
  .declaraModal.interestModal p {
    margin-bottom: 1.5rem; }
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 100%; }
  .declaraModal.interestModal .final {
    width: 100vw; }
  .declaraModal.interestModal .interestModalContent {
    width: 100vw;
    border-radius: 0;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto; }
  .declaraModal.interestModal .interests .interest {
    width: 120px;
    height: 120px; }
    .declaraModal.interestModal .interests .interest h4 {
      font-size: 1.1rem;
      text-shadow: 0 0 3px #000000;
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .declaraModal.interestModal .interests .interest.active:after {
      height: 120px;
      width: 120px;
      left: 0;
      line-height: 50px;
      font-size: 1.4rem; }
  .declaraModal.interestModal .interests .interest.lowPriority {
    width: auto;
    height: auto; }
    .declaraModal.interestModal .interests .interest.lowPriority h4 {
      text-shadow: none; }
    .declaraModal.interestModal .interests .interest.lowPriority.active:after {
      height: 100%;
      width: 100%; }
  .declaraModal.interestModal.finish p {
    margin-bottom: 1rem;
    line-height: 1.3; }
  .declaraModal.interestModal.finish .interestModalContent {
    padding-bottom: 15px; }
  .declaraModal.interestModal.finish .interests .interest.active:after {
    height: 98px;
    width: 98px;
    line-height: 50px;
    font-size: 1rem; }
  .declaraModal.interestModal.finish .interests .interest.lowPriority {
    width: auto;
    height: auto; } }

.interestHeader {
  width: 100%;
  margin-bottom: 25px; }
  .interestHeader .inner {
    text-align: center; }
  .interestHeader .interests .interest {
    cursor: default;
    height: 98px;
    width: 98px; }
    .interestHeader .interests .interest h4 {
      font-size: 1.2rem;
      bottom: 7px;
      z-index: 1; }
  .interestHeader h3 {
    font-size: 3rem;
    font-family: "MuseoSansRounded100", "Arial", sans-serif;
    color: #95a6a6;
    margin-bottom: 20px; }
  .interestHeader p {
    font-size: 1.2rem; }

.tile-text,
.tile-text.alert-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 180px !important; }

.orgNotification {
  z-index: 2;
  clear: both; }
  .orgNotification .alertBar-content span {
    margin: 2rem 0 1rem 1rem;
    display: inline; }
  .orgNotification .alertBar-content small, .orgNotification .alertBar-content a {
    color: #ffffff; }
  .orgNotification .alertBar-content i {
    font-size: 2rem;
    display: inline-block;
    vertical-align: top; }
  .orgNotification .alertBar-content a {
    text-decoration: underline; }

.feedContainer {
  margin: 20px 40px 40px;
  position: relative; }
  .feedContainer .loader {
    width: 100%;
    padding: 0 200px; }
  .feedContainer .tileBlock {
    float: right;
    width: 240px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    .feedContainer .tileBlock .alertBarContainer {
      max-width: 240px;
      position: static;
      margin-bottom: 10px; }
      .feedContainer .tileBlock .alertBarContainer.isCollection .alertBar {
        background-image: url(/common/imgs/CollectionImg.png); }
      .feedContainer .tileBlock .alertBarContainer .alertBar {
        top: auto;
        padding: 32px 20px 20px;
        background: transparent url(/group/groupPage/asset/image/HD-landscape-Photographs.png) 50% 50% no-repeat;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-animation: boxShadowAnim 1s linear;
        -moz-animation: boxShadowAnim 1s linear;
        -ms-animation: boxShadowAnim 1s linear;
        -o-animation: boxShadowAnim 1s linear;
        animation: boxShadowAnim 1s linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
        .feedContainer .tileBlock .alertBarContainer .alertBar strong {
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          word-break: break-word; }
        .feedContainer .tileBlock .alertBarContainer .alertBar h4 {
          color: #ffffff;
          font-family: "MuseoSansRounded500", "Arial", sans-serif; }
        .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock {
          margin: 0; }
          .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button {
            width: 83px;
            padding: 0;
            text-align: center; }
            .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button.clear {
              background-color: #ffffff;
              border: solid 1px #29c896;
              color: #29c896; }
            .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button.transparent {
              background-color: #29c896;
              border: solid 1px #29c896; }
        .feedContainer .tileBlock .alertBarContainer .alertBar i.icon-group-invite {
          display: block;
          margin: 0 auto 13px; }
    .feedContainer .tileBlock .tile {
      white-space: normal;
      margin-bottom: 10px;
      max-width: 240px;
      padding: 22px 15px;
      vertical-align: top;
      background-color: #f2f4f4;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 2px #95a6a6;
      box-shadow: 0 0 2px #95a6a6;
      -webkit-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      text-align: center; }
      .feedContainer .tileBlock .tile:hover {
        background-color: #ffffff;
        -webkit-box-shadow: 0 2px 6px #95a6a6;
        -moz-box-shadow: 0 2px 6px #95a6a6;
        box-shadow: 0 2px 6px #95a6a6; }
      .feedContainer .tileBlock .tile a:link, .feedContainer .tileBlock .tile a:visited, .feedContainer .tileBlock .tile a:active {
        color: #3b3d40; }
      .feedContainer .tileBlock .tile a:hover {
        text-decoration: none; }
      .feedContainer .tileBlock .tile > a {
        padding: 22px 15px;
        margin: -22px -15px;
        display: block; }
      .feedContainer .tileBlock .tile.newGroup {
        background: transparent url(/group/groupPage/asset/image/HD-landscape-Photographs.png) 50% 50% no-repeat; }
        .feedContainer .tileBlock .tile.newGroup p {
          font-size: 15px;
          margin-bottom: 44px; }
        .feedContainer .tileBlock .tile.newGroup h3, .feedContainer .tileBlock .tile.newGroup p {
          text-align: left;
          color: #ffffff; }
        .feedContainer .tileBlock .tile.newGroup button {
          margin: 0 auto; }
      .feedContainer .tileBlock .tile.chromeExtLink {
        padding: 37px 18px 20px 26px;
        text-align: left;
        animation: boxShadowAnim 1s linear infinite;
        white-space: normal; }
      .feedContainer .tileBlock .tile h6 {
        margin-bottom: 14px;
        color: #95a6a6; }
      .feedContainer .tileBlock .tile h3 {
        font-size: 2.4rem;
        font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .feedContainer .tileBlock .tile.suggestedUser h3 {
        font-size: 2rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif; }
      .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
        height: 269px; }
      .feedContainer .tileBlock .tile.yourActivity p {
        font-size: 1.3rem; }
      .feedContainer .tileBlock .tile.yourActivity a:visited {
        color: #29c896; }
      .feedContainer .tileBlock .tile.trendingArticle {
        position: relative;
        text-align: left; }
        .feedContainer .tileBlock .tile.trendingArticle a:hover {
          text-decoration: none; }
        .feedContainer .tileBlock .tile.trendingArticle .fitImage {
          margin: -22px -15px 9px;
          height: 132px;
          width: calc(100% + 30px);
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
          -ms-border-radius: 6px 6px 0 0;
          -o-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
        .feedContainer .tileBlock .tile.trendingArticle .flag {
          position: absolute;
          top: 12px;
          left: 12px;
          background-color: #f65950;
          padding: 4px 8px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          color: #ffffff;
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .feedContainer .tileBlock .tile.trendingArticle .provider {
          font-size: 12px;
          color: #95a6a6;
          line-height: 20px;
          text-decoration: none; }
        .feedContainer .tileBlock .tile.trendingArticle h3 {
          max-height: 45px;
          overflow: hidden;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #3b3d40;
          font-size: 13px;
          text-decoration: none;
          margin-bottom: 15px; }
        .feedContainer .tileBlock .tile.trendingArticle a.more {
          position: absolute;
          bottom: 0;
          font-size: 13px;
          color: #29c896; }
          .feedContainer .tileBlock .tile.trendingArticle a.more:hover {
            text-decoration: underline; }
      .feedContainer .tileBlock .tile.getTheApp {
        position: relative;
        height: 248px;
        background-image: url(/common/imgs/home/get-the-app.png);
        background-repeat: no-repeat;
        background-size: contain; }
        .feedContainer .tileBlock .tile.getTheApp a {
          position: absolute;
          padding: 0;
          margin: 0;
          width: 67px;
          height: 24px; }
          .feedContainer .tileBlock .tile.getTheApp a.appLink-ios {
            top: 151px;
            left: 27px; }
          .feedContainer .tileBlock .tile.getTheApp a.appLink-android {
            top: 178px;
            left: 27px; }
    .feedContainer .tileBlock .suggestedUser {
      max-width: 240px;
      padding: 0; }
      .feedContainer .tileBlock .suggestedUser .userTitle {
        display: none; }
    .feedContainer .tileBlock .userTile.dismissible {
      height: auto;
      margin-bottom: 10px;
      width: 100%;
      max-width: 240px; }
      .feedContainer .tileBlock .userTile.dismissible .tileContent {
        background-color: #f2f4f4; }
    .feedContainer .tileBlock .profileImagePrompt p {
      font-size: 1.3rem; }
    .feedContainer .tileBlock .profileImagePrompt .img {
      position: relative;
      height: 131px;
      margin-bottom: 10px; }
      .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: auto; }
      .feedContainer .tileBlock .profileImagePrompt .img i, .feedContainer .tileBlock .profileImagePrompt .img img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: auto;
        z-index: 1;
        height: 100px;
        width: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .feedContainer .tileBlock .profileImagePrompt .img i {
        font-size: 79px;
        line-height: 123px;
        color: #ffffff;
        overflow: hidden;
        z-index: 2; }
      .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar.imgInfo {
        padding-top: 0; }
        .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar.imgInfo label.imageUpload {
          font-size: 1.8rem;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40;
          padding-top: 110px; }
    .feedContainer .tileBlock .alert p {
      font-size: 13px; }
    .feedContainer .tileBlock .alert h4 {
      font-size: 18px;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      line-height: 1.2; }
      .feedContainer .tileBlock .alert h4 i {
        height: 0;
        width: 10px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-style: solid;
        font-size: 0;
        display: inline-block;
        vertical-align: middle; }
        .feedContainer .tileBlock .alert h4 i.icon-up {
          border-width: 0 6px 10px;
          border-bottom-color: #29c896; }
        .feedContainer .tileBlock .alert h4 i.icon-down {
          border-top-color: #f65950;
          border-width: 10px 6px 0; }
        .feedContainer .tileBlock .alert h4 i.icon-same {
          border-width: 0;
          height: 4px;
          background-color: #95a6a6;
          width: 15px; }
    .feedContainer .tileBlock .circle {
      position: relative;
      text-align: center;
      height: 100px;
      width: 100px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      margin: auto auto 16px;
      border: solid 6px transparent; }
      .feedContainer .tileBlock .circle i {
        color: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 100px;
        width: 100px;
        font-size: 20px; }
      .feedContainer .tileBlock .circle .insight {
        height: 56px;
        width: 36px;
        position: relative;
        margin: 18px auto 0; }
        .feedContainer .tileBlock .circle .insight i {
          position: absolute;
          top: auto;
          left: 0;
          right: 0;
          bottom: auto;
          height: 56px;
          width: 36px; }
        .feedContainer .tileBlock .circle .insight .icon-lightbulb {
          color: #F6B821;
          font-size: 56px; }
        .feedContainer .tileBlock .circle .insight .icon-lightbulb-fill {
          color: #fef1b3;
          font-size: 41px; }
      .feedContainer .tileBlock .circle .icon-user, .feedContainer .tileBlock .circle img.userAvatar {
        height: 88px;
        width: 88px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #dde4e4;
        color: #ffffff;
        font-size: 80px;
        line-height: 100px;
        overflow: hidden; }
    .feedContainer .tileBlock .userAvatars {
      text-align: center; }
      .feedContainer .tileBlock .userAvatars a {
        display: inline-block;
        height: 35px;
        width: 35px;
        margin-right: 8px; }
        .feedContainer .tileBlock .userAvatars a:hover {
          text-decoration: none; }
      .feedContainer .tileBlock .userAvatars .icon-user, .feedContainer .tileBlock .userAvatars img, .feedContainer .tileBlock .userAvatars .moreUsers {
        height: 35px;
        width: 35px;
        font-size: 29px;
        line-height: 41px;
        display: block;
        color: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #dde4e4;
        overflow: hidden; }
      .feedContainer .tileBlock .userAvatars a, .feedContainer .tileBlock .userAvatars .moreUsers {
        vertical-align: middle; }
      .feedContainer .tileBlock .userAvatars .moreUsers {
        background-color: #29c896;
        font-size: 13px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
        cursor: pointer; }
    .feedContainer .tileBlock .topArticles {
      white-space: normal; }
      .feedContainer .tileBlock .topArticles .circle {
        background-color: #61D6D9;
        border-color: #dde4e4;
        position: relative; }
        .feedContainer .tileBlock .topArticles .circle svg {
          margin: -10px 0 0 -10px; }
          .feedContainer .tileBlock .topArticles .circle svg path {
            fill: #F6B821; }
      .feedContainer .tileBlock .topArticles i {
        font-size: 42px;
        height: 24px;
        width: 47px; }
        .feedContainer .tileBlock .topArticles i.icon-sparkle {
          font-size: 27px;
          color: #f65950;
          height: 27px;
          top: 6px;
          bottom: auto; }
    .feedContainer .tileBlock .topArticlesRead .circle {
      background-color: #61D6D9;
      border-color: #F6B821;
      overflow: hidden; }
      .feedContainer .tileBlock .topArticlesRead .circle i {
        font-size: 80px;
        height: 72px;
        width: 57px; }
    .feedContainer .tileBlock .topArticlesRead a p {
      color: #95a6a6;
      margin-bottom: 10px; }
    .feedContainer .tileBlock .insightLikes .circle {
      background-color: #F6B821;
      border-color: #61D6D9; }
      .feedContainer .tileBlock .insightLikes .circle i {
        color: #f65950;
        font-size: 48px;
        height: 42px;
        width: 49px; }
    .feedContainer .tileBlock .newViews .circle {
      background-color: #61D6D9;
      border-color: #29c896; }
      .feedContainer .tileBlock .newViews .circle i {
        font-size: 50px;
        height: 50px;
        width: 49px; }
    .feedContainer .tileBlock .newFollowerColl .circle, .feedContainer .tileBlock .N_new_collection_follower .circle, .feedContainer .tileBlock .N_new_journey_follower .circle, .feedContainer .tileBlock .N_new_authored_content .circle, .feedContainer .tileBlock .N_new_collection .circle {
      background-color: #2B4255;
      border-color: #C19FCF; }
      .feedContainer .tileBlock .newFollowerColl .circle i, .feedContainer .tileBlock .N_new_collection_follower .circle i, .feedContainer .tileBlock .N_new_journey_follower .circle i, .feedContainer .tileBlock .N_new_authored_content .circle i, .feedContainer .tileBlock .N_new_collection .circle i {
        color: #61D6D9;
        font-size: 45px;
        height: 45px;
        width: 34px; }
    .feedContainer .tileBlock .N_new_collection .circle i {
      width: 56px; }
    .feedContainer .tileBlock .articleShared .circle, .feedContainer .tileBlock .N_share_content .circle, .feedContainer .tileBlock .N_share_collection .circle {
      background-color: #29c896;
      border-color: #F6B821; }
      .feedContainer .tileBlock .articleShared .circle i, .feedContainer .tileBlock .N_share_content .circle i, .feedContainer .tileBlock .N_share_collection .circle i {
        font-size: 43px;
        height: 43px;
        width: 35px; }
    .feedContainer .tileBlock .N_share_collection .circle i {
      font-size: 35px;
      height: 35px;
      width: 43px; }
    .feedContainer .tileBlock .insightShared .circle, .feedContainer .tileBlock .N_share_insight .circle {
      background-color: #ffffff;
      border-color: #29c896; }
    .feedContainer .tileBlock .articleCollected .circle, .feedContainer .tileBlock .N_collect_post .circle, .feedContainer .tileBlock .N_new_content_in_collection .circle {
      background-color: #29c896;
      border-color: #61D6D9; }
      .feedContainer .tileBlock .articleCollected .circle i, .feedContainer .tileBlock .N_collect_post .circle i, .feedContainer .tileBlock .N_new_content_in_collection .circle i {
        font-size: 35px;
        height: 35px;
        width: 43px; }
    .feedContainer .tileBlock .insightAdded .circle, .feedContainer .tileBlock .N_new_insight .circle {
      background-color: #ffffff;
      border-color: #F6B821; }
    .feedContainer .tileBlock .newFollower .circle, .feedContainer .tileBlock .N_new_follower .circle, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle, .feedContainer .tileBlock .N_group_access_requested .circle {
      background-color: transparent;
      border-color: #29c896; }
      .feedContainer .tileBlock .newFollower .circle a, .feedContainer .tileBlock .N_new_follower .circle a, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle a, .feedContainer .tileBlock .N_group_access_requested .circle a {
        height: 100px;
        width: 100px;
        margin: 0; }
      .feedContainer .tileBlock .newFollower .circle img, .feedContainer .tileBlock .newFollower .circle i, .feedContainer .tileBlock .N_new_follower .circle img, .feedContainer .tileBlock .N_new_follower .circle i, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle img, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle i, .feedContainer .tileBlock .N_group_access_requested .circle img, .feedContainer .tileBlock .N_group_access_requested .circle i {
        height: 88px;
        width: 88px; }
    .feedContainer .tileBlock .N_collection_updated_to_public, .feedContainer .tileBlock .N_collection_updated_to_closed {
      display: none; }
    .feedContainer .tileBlock .articleView .viewedArticleLink {
      display: inline-block;
      cursor: pointer; }
    .feedContainer .tileBlock .articleView .circle {
      background-color: #61D6D9;
      border-color: #29c896; }
    .feedContainer .tileBlock .articleView .circle .profileAvatar, .feedContainer .tileBlock .insightAdded .circle .profileAvatar, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar {
      position: absolute;
      right: -10px;
      bottom: -10px; }
      .feedContainer .tileBlock .articleView .circle .profileAvatar .icon-user, .feedContainer .tileBlock .articleView .circle .profileAvatar img, .feedContainer .tileBlock .insightAdded .circle .profileAvatar .icon-user, .feedContainer .tileBlock .insightAdded .circle .profileAvatar img, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar .icon-user, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar img {
        height: 36px;
        width: 36px;
        font-size: 31px;
        line-height: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .feedContainer .tileBlock blockquote {
      font-size: 13px;
      line-height: 20px;
      font-family: "RooneyLight", Times, "Times New Roman", serif;
      color: #95a6a6;
      border-left-width: 2px;
      text-align: left;
      margin-left: 23px;
      padding-left: 8px;
      position: relative;
      font-style: normal; }
      .feedContainer .tileBlock blockquote:before {
        content: '\201c';
        color: #F6B821;
        font-size: 42px;
        line-height: 42px;
        position: absolute;
        left: -30px;
        font-family: "PT Serif", Times, "Times New Roman", serif; }
    .feedContainer .tileBlock.overrideLeft {
      float: left;
      left: 0; }
  .feedContainer .columnMainContainer {
    width: calc(100% - 240px - 20px); }
  .feedContainer .columnMain {
    max-width: 608px;
    margin: 0 auto; }
    .feedContainer .columnMain .feedBlock.cardStack {
      display: inline-block;
      margin-right: 8px; }
      .feedContainer .columnMain .feedBlock.cardStack .declaraCard {
        float: left;
        margin: 0;
        width: 258px; }
      .feedContainer .columnMain .feedBlock.cardStack:last-child:after {
        display: none; }
      .feedContainer .columnMain .feedBlock.cardStack .recDetails {
        float: left;
        left: 20px;
        padding-top: 25px;
        position: relative;
        top: 12px; }
        .feedContainer .columnMain .feedBlock.cardStack .recDetails .recHeading {
          letter-spacing: 0.1em;
          color: #dde4e4; }
          .feedContainer .columnMain .feedBlock.cardStack .recDetails .recHeading i {
            margin-right: 1rem; }
        .feedContainer .columnMain .feedBlock.cardStack .recDetails .recReason {
          color: #3b3d40; }
    .feedContainer .columnMain .emptyMsg {
      text-align: center; }
      .feedContainer .columnMain .emptyMsg h2 {
        margin-bottom: 35px; }
      .feedContainer .columnMain .emptyMsg a.button {
        margin-top: 20px; }
    .feedContainer .columnMain .feedEnd {
      margin: 12px;
      padding: 10px;
      text-align: center; }
      .feedContainer .columnMain .feedEnd h2 {
        margin-bottom: 30px; }
    .feedContainer .columnMain.overrideRight {
      float: right; }
  .feedContainer .notificationBaseCard {
    position: relative; }
    .feedContainer .notificationBaseCard .indicators {
      position: absolute;
      right: 10px;
      top: 10px;
      bottom: auto;
      left: auto;
      height: 15px;
      width: 15px; }
      .feedContainer .notificationBaseCard .indicators i.dot {
        background: none transparent;
        color: #95a6a6;
        font-size: 10px;
        height: 15px;
        width: 15px;
        font-family: 'icomoon';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .feedContainer .notificationBaseCard .indicators i.dot:before {
          content: '\e601'; }

.viewsModal .usersWhoViewed {
  height: 500px;
  overflow: auto; }

.viewsModal .userTile.searchTile a.tileAnchor {
  display: block; }

.viewsModal .userTile.searchTile .tileContent .userImage {
  height: 50px;
  width: 50px; }
  .viewsModal .userTile.searchTile .tileContent .userImage.icon-user:before {
    font-size: 50px;
    line-height: 70px; }
  .viewsModal .userTile.searchTile .tileContent .userImage.offset {
    margin-top: 12px; }

.viewsModal .userTile.searchTile h3.userName {
  border-bottom: 0 none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "MuseoSansRounded100", "Arial", sans-serif; }

@-moz-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-webkit-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-o-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-ms-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@media screen and (max-width: 1199px) {
  .feedContainer {
    margin: 0 0 40px;
    position: relative;
    width: 100%; }
    .feedContainer .loader {
      width: 100%;
      padding: 0 200px; }
    .feedContainer .tileBlock {
      float: none;
      position: relative;
      display: block;
      width: 100%;
      margin: 20px auto 20px;
      padding: 10px 5px;
      max-height: 280px;
      max-width: 740px;
      overflow: auto;
      text-align: center;
      white-space: nowrap;
      /*div {
                white-space: normal;
            }*/ }
      .feedContainer .tileBlock .tile {
        display: inline-block;
        width: 240px;
        height: 248px;
        margin: 0 6px 10px 0;
        vertical-align: top;
        background-color: #f2f4f4; }
        .feedContainer .tileBlock .tile .tileContent {
          height: 248px; }
        .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
          height: 248px; }
    .feedContainer .columnMainContainer {
      width: 100%; }
    .feedContainer .columnMain {
      margin: 0 auto; } }

@media screen and (max-width: 991px) {
  .mobile .feedContainer {
    padding: 10px; }
    .mobile .feedContainer .columnMain {
      min-width: 280px;
      width: auto; } }

@media screen and (max-width: 890px) {
  .mobile .feedContainer {
    margin-top: 100px;
    /*      .columnMain {
                padding: 0 10px;
                float: none;
                width: 100%;
                margin: 0 auto;
                .contentTile.feedContent .pdf .tileContent .imageContainer .groovyFitImage {
                    background-position: 0 100%;
                }
                .emptyMsg {
                    text-align: center;
                    h2 {
                        font-size: 2.5rem;
                    }
                    h4 {
                        font-size: 1.5rem;
                    }
                }
            }
            */ }
    .mobile .feedContainer .tileBlock {
      position: static;
      float: none;
      width: 100%;
      margin: 0;
      bottom: auto;
      margin-bottom: 20px;
      max-height: 268px;
      overflow: auto;
      text-align: center;
      white-space: nowrap;
      background-color: #c9d7d7; }
      .mobile .feedContainer .tileBlock div.notificationBaseCard.tile .notificationText .notificationMainText, .mobile .feedContainer .tileBlock div.notificationBaseCard.tile.conversationText .notificationMainText {
        font-size: 11px;
        line-height: 1.6; }
        .mobile .feedContainer .tileBlock div.notificationBaseCard.tile .notificationText .notificationMainText a, .mobile .feedContainer .tileBlock div.notificationBaseCard.tile.conversationText .notificationMainText a {
          line-height: 1.6; }
      .mobile .feedContainer .tileBlock .alertBarContainer {
        display: inline-block;
        max-width: 203px;
        max-height: 180px;
        overflow: hidden;
        margin-right: 8px; }
        .mobile .feedContainer .tileBlock .alertBarContainer .alertBar {
          padding: 12px;
          height: 180px;
          max-height: 180px; }
          .mobile .feedContainer .tileBlock .alertBarContainer .alertBar > span {
            height: 60px;
            max-height: 60px;
            width: 100%;
            overflow: auto;
            white-space: normal;
            display: block;
            height: 60px; }
          .mobile .feedContainer .tileBlock .alertBarContainer .alertBar i.icon-group-invite {
            font-size: 30px;
            height: 8px; }
      .mobile .feedContainer .tileBlock .alert p {
        font-size: 11px; }
      .mobile .feedContainer .tileBlock .tile {
        width: 169px;
        height: 180px;
        margin-right: 8px;
        margin-bottom: 0;
        white-space: normal;
        background-color: #ffffff;
        padding: 16px;
        -webkit-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2); }
        .mobile .feedContainer .tileBlock .tile > a {
          padding: 16px;
          margin: -16px; }
        .mobile .feedContainer .tileBlock .tile .icon-x {
          height: 23px;
          width: 23px;
          font-size: 15px;
          color: #dde4e4;
          line-height: 23px; }
        .mobile .feedContainer .tileBlock .tile.getTheApp {
          height: 180px;
          background-image: url(/common/imgs/home/get-the-app-mini.png); }
          .mobile .feedContainer .tileBlock .tile.getTheApp a.appLink-ios {
            top: 127px;
            left: 16px; }
          .mobile .feedContainer .tileBlock .tile.getTheApp a.appLink-android {
            top: 127px;
            left: 87px; }
        .mobile .feedContainer .tileBlock .tile.chromeExtLink {
          padding: 17px; }
          .mobile .feedContainer .tileBlock .tile.chromeExtLink p {
            font-size: 11px; }
          .mobile .feedContainer .tileBlock .tile.chromeExtLink img {
            height: 38px;
            width: 38px;
            margin-top: -5px; }
        .mobile .feedContainer .tileBlock .tile.topArticlesRead .circle.king {
          height: 63px;
          width: 63px; }
          .mobile .feedContainer .tileBlock .tile.topArticlesRead .circle.king i {
            font-size: 50px;
            height: 57px;
            width: 57px;
            line-height: 68px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden; }
        .mobile .feedContainer .tileBlock .tile.topArticlesRead p {
          line-height: 1.3; }
        .mobile .feedContainer .tileBlock .tile.yourActivity a {
          padding: 16px 7px 0; }
        .mobile .feedContainer .tileBlock .tile.yourActivity p {
          font-size: 11px; }
        .mobile .feedContainer .tileBlock .tile.newGroup p {
          font-size: 12px;
          margin-bottom: 18px; }
        .mobile .feedContainer .tileBlock .tile.newGroup h3 {
          font-size: 18px; }
        .mobile .feedContainer .tileBlock .tile.newGroup button {
          padding: 0 13px; }
        .mobile .feedContainer .tileBlock .tile.suggestedUser {
          padding: 0; }
          .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .whiteOverlay {
            width: 100%;
            height: 100%; }
          .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
            width: 100%;
            height: 180px; }
            .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent .userImage {
              height: 70px;
              width: 70px;
              left: 0;
              right: 0; }
              .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent .userImage.default {
                margin-left: auto;
                margin-right: auto; }
        .mobile .feedContainer .tileBlock .tile.newViews .circle i {
          font-size: 40px;
          height: 40px;
          width: 39px; }
        .mobile .feedContainer .tileBlock .tile.articleView .circle .profileAvatar {
          height: 36px;
          width: 36px; }
        .mobile .feedContainer .tileBlock .tile.topArticles i.icon-sparkle {
          font-size: 17px; }
        .mobile .feedContainer .tileBlock .tile.topArticles i.icon-goblet {
          font-size: 32px;
          height: 14px;
          width: 37px; }
        .mobile .feedContainer .tileBlock .tile.topArticles .circle svg {
          margin: -6px 0 0 -6px; }
        .mobile .feedContainer .tileBlock .tile.topArticles .index {
          display: none; }
        .mobile .feedContainer .tileBlock .tile.trendingArticle .fitImage {
          height: 72px;
          margin: -16px -16px 5px;
          width: calc(100% + 32px); }
        .mobile .feedContainer .tileBlock .tile.trendingArticle h3 {
          margin-bottom: 5px;
          font-size: 11px; }
        .mobile .feedContainer .tileBlock .tile.trendingArticle a:last-child {
          padding-top: 0;
          padding-bottom: 0;
          bottom: 2rem; }
        .mobile .feedContainer .tileBlock .tile.notificationBaseCard .indicators {
          height: 18px;
          width: 18px; }
          .mobile .feedContainer .tileBlock .tile.notificationBaseCard .indicators i.dot {
            font-size: 15px;
            height: 23px;
            width: 23px;
            line-height: 23px; }
        .mobile .feedContainer .tileBlock .tile.newFollower .circle img,
        .mobile .feedContainer .tileBlock .tile.newFollower .circle i,
        .mobile .feedContainer .tileBlock .tile.N_new_follower .circle img,
        .mobile .feedContainer .tileBlock .tile.N_new_follower .circle i,
        .mobile .feedContainer .tileBlock .tile.N_new_linkedin_connection_joined .circle img,
        .mobile .feedContainer .tileBlock .tile.N_new_linkedin_connection_joined .circle i,
        .mobile .feedContainer .tileBlock .tile.N_group_access_requested .circle img,
        .mobile .feedContainer .tileBlock .tile.N_group_access_requested .circle i {
          height: 67px;
          width: 67px; }
        .mobile .feedContainer .tileBlock .tile.N_collect_post .circle i, .mobile .feedContainer .tileBlock .tile.N_new_content_in_collection .circle i, .mobile .feedContainer .tileBlock .tile.articleCollected .circle i {
          font-size: 28px;
          height: 28px;
          width: 36px; }
        .mobile .feedContainer .tileBlock .tile .userAvatars a {
          height: 25px;
          width: 25px;
          margin-right: 6px; }
          .mobile .feedContainer .tileBlock .tile .userAvatars a i.icon-user, .mobile .feedContainer .tileBlock .tile .userAvatars a img {
            height: 25px;
            width: 25px;
            line-height: 28px;
            font-size: 22px; }
        .mobile .feedContainer .tileBlock .tile .userAvatars .moreUsers {
          height: 25px;
          width: 25px;
          line-height: 25px;
          font-size: 9px; }
        .mobile .feedContainer .tileBlock .tile .circle {
          height: 73px;
          width: 73px;
          border-width: 3px;
          margin-bottom: 7px; }
          .mobile .feedContainer .tileBlock .tile .circle .icon-user {
            font-size: 60px;
            line-height: 80px; }
          .mobile .feedContainer .tileBlock .tile .circle .insight {
            margin-top: 14px; }
            .mobile .feedContainer .tileBlock .tile .circle .insight .icon-lightbulb {
              font-size: 42px; }
            .mobile .feedContainer .tileBlock .tile .circle .insight .icon-lightbulb-fill {
              font-size: 31px; }
        .mobile .feedContainer .tileBlock .tile h6 {
          font-size: 8px;
          margin-bottom: 10px; }
        .mobile .feedContainer .tileBlock .tile h4 {
          font-size: 13px; }
        .mobile .feedContainer .tileBlock .tile h3 {
          font-size: 1.6rem; }
        .mobile .feedContainer .tileBlock .tile blockquote {
          font-size: 11px;
          line-height: 15px;
          margin-left: 5px;
          padding-left: 5px; }
          .mobile .feedContainer .tileBlock .tile blockquote:before {
            font-size: 30px;
            line-height: 33px;
            left: -18px; } }

.feedTile {
  background: white;
  box-shadow: 0 0 1px #dde4e4;
  border-radius: 6px;
  margin: 1rem 0; }
  .feedTile .contextBar {
    padding: 1rem; }
    .feedTile .contextBar .userImageWrapper {
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      .feedTile .contextBar .userImageWrapper .userImage {
        width: 25px;
        height: 25px;
        margin-right: 0.5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        .feedTile .contextBar .userImageWrapper .userImage.icon-user:before {
          font-size: 2rem;
          color: #f2f4f4;
          line-height: 25px; }
        .feedTile .contextBar .userImageWrapper .userImage.default {
          line-height: 25px;
          text-align: center;
          overflow: hidden;
          background: #dde4e4; }
        .feedTile .contextBar .userImageWrapper .userImage.offset {
          position: absolute;
          top: 0;
          left: 0; }
    .feedTile .contextBar .activityMetadataText, .feedTile .contextBar .name, .feedTile .contextBar .activityContext, .feedTile .contextBar .activityAction, .feedTile .contextBar .activityObject, .feedTile .contextBar .inclass {
      font-size: 1.5rem;
      line-height: 25px;
      font-family: 'MuseoSansRounded500';
      vertical-align: middle; }
    .feedTile .contextBar .name {
      color: #7F8FAC; }
    .feedTile .contextBar .activityContext {
      color: #7F8FAC;
      margin-left: 0.2rem;
      border-bottom: 1px dashed #c9d7d7;
      cursor: pointer; }
      .feedTile .contextBar .activityContext:hover {
        color: #26b099; }
    .feedTile .contextBar .activityAction, .feedTile .contextBar .activityObject, .feedTile .contextBar .inclass {
      margin-left: 0.2rem;
      font-family: 'MuseoSansRounded300';
      color: #95a6a6; }
  .feedTile .insightTile .tileContent .contentDetails {
    padding: 10px 35px; }
    .feedTile .insightTile .tileContent .contentDetails .contentBottom {
      margin-top: 10px; }
    .feedTile .insightTile .tileContent .contentDetails:first-child {
      padding-top: 20px; }
  .feedTile .insightTile .tileContent:hover {
    box-shadow: none; }
  .feedTile .insightTile .tileAnchor:last-child {
    margin-bottom: 1rem; }
  .feedTile .contentTile.hcardTile .hcardContainer {
    padding: 0 1rem 1rem; }
    .feedTile .contentTile.hcardTile .hcardContainer .hcard {
      padding-bottom: 5px; }
  .feedTile .conversationTitle {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    background: #c9d7d7;
    font-family: MuseoSansRounded700; }
  .feedTile .conversationsList .discussionTile .tileContent {
    border-radius: 0;
    border-top: none;
    box-shadow: none;
    background: #f2f4f4; }
  .feedTile .conversationsList:last-child .discussionTile .tileContent {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
  .feedTile .allActivityTile.question {
    padding: 8px; }
  .feedTile .questionTile {
    padding: 0 1rem 1rem; }
    .feedTile .questionTile h2 {
      font-size: 2rem;
      color: #7F8FAC; }
    .feedTile .questionTile .tileMetadata {
      margin-top: 1rem; }
  .feedTile .contentTile.question {
    margin: 0; }
    .feedTile .contentTile.question .tileMetadata {
      margin-top: 1rem; }

.extensionView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden; }
  .extensionView .extensionMessage {
    margin: 180px auto 0 auto;
    padding: 0 80px;
    text-align: center; }
  .extensionView h1 {
    font-weight: 400;
    color: #ffffff; }
  .extensionView span {
    color: #ffffff;
    font-size: 1.3rem; }
  .extensionView button {
    margin-top: 40px;
    display: block;
    height: 4rem;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 4rem; }

.profileHeader {
  position: relative;
  z-index: 1;
  /* Edit mode */ }
  .profileHeader svg {
    width: 100%; }
  .profileHeader .profileInfoContainer {
    position: relative;
    max-width: 850px;
    min-height: 187px;
    margin: 0 auto -43px;
    padding-top: 35px;
    padding-bottom: 43px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .profileHeader .profileInfoContainer .profilePicCol {
      float: left;
      padding-right: 25px;
      margin-bottom: -43px; }
      .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        position: relative;
        width: 180px;
        height: 180px;
        z-index: 3;
        background-color: #dde4e4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        z-index: 2; }
        .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg {
          z-index: 2;
          width: 100%;
          height: 100%;
          position: static;
          text-align: right;
          display: inline-block; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg.default.icon-user {
            font-size: 180px;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
        .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar {
          position: absolute;
          z-index: 2;
          bottom: 0;
          width: 100%;
          -webkit-border-radius: 4px 0;
          -moz-border-radius: 4px 0;
          -ms-border-radius: 4px 0;
          -o-border-radius: 4px 0;
          border-radius: 4px 0;
          overflow: hidden; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label {
            opacity: 1;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
            height: 36px;
            margin: 0;
            padding: 0 10px;
            background-color: rgba(0, 0, 0, 0.1);
            color: #ffffff;
            text-align: right;
            line-height: 36px; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload img {
              display: none; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: left;
              float: left; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
              display: inline;
              width: auto;
              height: auto;
              background-color: transparent;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              -o-border-radius: 0;
              border-radius: 0;
              font-size: 1.8rem;
              line-height: 36px; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .fileLabel {
            display: block;
            opacity: 0;
            height: 174px;
            cursor: pointer;
            width: 100%;
            position: absolute;
            top: -238%;
            font-size: 100px; }
    .profileHeader .profileInfoContainer .profileDetailsCol {
      position: relative;
      float: left;
      width: calc(100% - 180px - 180px);
      -webkit-transition: none;
      -ms-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      min-height: 125px; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName {
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName md-input-container {
          margin-right: 5px; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName h1 {
          color: #ffffff;
          margin-bottom: 0;
          word-break: break-word;
          white-space: normal;
          -webkit-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          line-height: 1.3; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 8px 0;
        z-index: 1; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input {
          background-color: rgba(0, 0, 0, 0.1);
          border: 1px solid transparent;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          color: #ffffff;
          text-align: left;
          margin-bottom: 0;
          white-space: nowrap;
          word-wrap: inherit;
          height: 30px !important;
          padding: 0 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1.2rem; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input.ng-invalid.ng-invalid-required, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input.ng-invalid.ng-invalid-maxlength {
            border: solid 1px #f65950; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input:focus {
            border: solid 1px #017064; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i[class*='icon'] {
          position: absolute;
          right: 10px;
          top: 10px; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i.icon-check {
          color: #26b099; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i.icon-alert {
          color: #f65950;
          right: auto;
          left: 180px;
          font-size: 1.2rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 1.1rem;
          font-weight: 700;
          margin: -20px 0 0 10px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #ffffff; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1rem;
          color: #ffffff;
          text-align: right; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container.md-input-has-value .md-placeholder {
          display: none; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow {
        line-height: 1.9;
        margin-bottom: 1rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .separator {
          display: inline-block;
          margin-right: 8px;
          border-right: solid 1px #ffffff;
          color: #ffffff;
          line-height: 1.5; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit {
          padding: 0 0 0 5px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit.first-child {
            padding-left: 0; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit.lastItem {
            top: 0 !important; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow.editRow {
          line-height: 1; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem {
          position: relative;
          padding-right: 5px;
          color: #ffffff;
          font-size: 1.4rem;
          line-height: 1.5; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem .alert {
            color: solid 1px #f65950;
            border-color: #f65950; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem .separator {
            padding-left: 5px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem span {
            margin-bottom: 0;
            font-family: "MuseoSansRounded100", "Arial", sans-serif; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem:last-of-type {
            border: none; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileEntry {
        border-bottom: 1px dashed #ffffff; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input {
        display: inline-block;
        border-bottom: 1px dashed #ffffff;
        margin-bottom: 0;
        position: relative;
        z-index: 2; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input label, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .msg {
          color: #ffffff; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .msg {
          min-height: 10px;
          height: 30px;
          padding-top: 10px;
          background: none; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input {
          background-color: rgba(0, 0, 0, 0.1);
          border: 1px solid transparent;
          color: #ffffff;
          height: auto;
          font-size: 1.2rem;
          margin-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 0;
          width: auto; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:focus {
            border: solid 1px #017064; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input::-webkit-input-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:-moz-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input::-moz-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:-ms-input-placeholder {
            color: #ffffff;
            font-style: normal; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .profileJobInput:after {
          position: relative;
          content: 'at'; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo.emailEdit .profileItem {
        padding-left: 0; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem {
        padding-left: 0;
        color: #ffffff;
        font-size: 1.4rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem:after {
          display: none; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem:showBoth:after {
          display: block; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem .emails {
          padding-bottom: 10px; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -118px;
        width: 100px;
        margin-left: 25px;
        text-align: center; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons button {
          width: 118px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons button.edit {
            width: auto; }
  .profileHeader .alertBar {
    position: relative;
    padding: 20px 0;
    z-index: 2;
    clear: both; }
    .profileHeader .alertBar .alertBar-content {
      max-width: 850px;
      margin: 0 auto; }
      .profileHeader .alertBar .alertBar-content span {
        display: inline; }
      .profileHeader .alertBar .alertBar-content i {
        font-size: 2rem;
        vertical-align: middle;
        display: inline-block; }
      .profileHeader .alertBar .alertBar-content a {
        color: #ffffff;
        font-family: "MuseoSansRounded900", "Arial", sans-serif; }
  .profileHeader .profileSubNav {
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    z-index: 1;
    width: 100%;
    height: 58px;
    background: #ffffff;
    border-bottom: solid 1px #dde4e4;
    text-align: center;
    line-height: 58px; }
    .mobile .profileHeader .profileSubNav {
      border-bottom: 0 none; }
    .profileHeader .profileSubNav ul {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: space-between;
      flex-direction: row;
      max-width: 850px;
      width: 100%;
      margin: 0 auto;
      white-space: nowrap;
      -webkit-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .profileHeader .profileSubNav ul li {
        -webkit-box-grow: 1;
        -moz-box-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        border-bottom: solid 2px transparent;
        font-size: 1.2rem;
        color: #29c896;
        text-transform: uppercase;
        letter-spacing: 1px; }
        .profileHeader .profileSubNav ul li.selected h6 {
          border-bottom: solid 1px #29c896;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40; }
        .profileHeader .profileSubNav ul li a {
          display: block; }
          .profileHeader .profileSubNav ul li a:hover h6 {
            border-bottom: solid 1px #29c896; }
        .profileHeader .profileSubNav ul li h6 {
          display: inline-block;
          margin-bottom: 0;
          padding: 22px 0 21px;
          border-bottom: solid 1px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.2rem;
          color: #29c896; }
  .profileHeader.editProfile .profileInfoContainer {
    margin-bottom: 0; }
    .profileHeader.editProfile .profileInfoContainer .infographic {
      bottom: 0; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail input[aria-invalid=true] {
      border: 1px solid #f65950; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail.emailCheckbox {
      display: block; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField {
      display: inline-block; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField i {
        left: 100%;
        padding: 0 8px; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField .msg {
        margin-left: 10px; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input {
      border-bottom: none; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input input[type="text"], .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input textarea {
        height: 30px !important;
        width: 200px;
        padding: 0 5px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 1.2rem; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons .editButtons button {
      width: 100px;
      margin: 5px 0; }
  .profileHeader.editProfile .profileSubNav ul {
    padding-left: 0; }

.profileToggleContainer {
  background: white; }

.profileFollowToggle {
  display: table;
  margin: 30px auto;
  background: #ffffff;
  margin: auto;
  -webkit-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s; }
  .profileFollowToggle a {
    display: table-cell;
    padding: 10px 30px;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    color: #95a6a6;
    letter-spacing: 1px;
    line-height: 1.5; }
    .profileFollowToggle a.activeToggle {
      color: #3b3d40;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
      .profileFollowToggle a.activeToggle .followCount {
        background: #29c896;
        color: #ffffff; }
    .profileFollowToggle a.collectionsFollowed {
      border-right: 2px solid #dde4e4; }
    .profileFollowToggle a:hover {
      text-decoration: none; }
    .profileFollowToggle a .followCount {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background: #eceeee;
      color: #29c896;
      display: inline-block;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.5;
      padding: 2px 8px;
      margin-left: 10px; }

/* When scrolling down */
.shrink + .profileSection, .slackify.mobile + .profileSection {
  padding-top: 260px; }

.shrink .profileHeader, .slackify.mobile .profileHeader {
  z-index: 2;
  position: fixed;
  width: 100%;
  top: 56px; }
  .shrink .profileHeader .cgContainer, .slackify.mobile .profileHeader .cgContainer {
    width: 50%; }
  .shrink .profileHeader .profileInfoContainer, .slackify.mobile .profileHeader .profileInfoContainer {
    min-height: initial;
    margin-bottom: 0;
    padding: 10px 0; }
    .shrink .profileHeader .profileInfoContainer .infographic, .slackify.mobile .profileHeader .profileInfoContainer .infographic {
      bottom: 0; }
    .shrink .profileHeader .profileInfoContainer .profilePicCol, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol {
      height: 70px;
      padding-left: 0;
      padding-top: 0;
      position: static;
      text-align: right; }
      .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        height: 70px;
        width: 70px;
        position: static;
        display: inline-block; }
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label,
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .profileImageCropArea,
        .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .profileImageCropArea {
          height: 0;
          opacity: 0;
          width: 0;
          padding: 0;
          overflow: hidden; }
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic img, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic img {
          position: static; }
      .shrink .profileHeader .profileInfoContainer .profilePicCol .profileImg.default.icon-user, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profileImg.default.icon-user {
        font-size: 66px; }
    .shrink .profileHeader .profileInfoContainer .profileDetailsCol, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 70px - 180px);
      min-height: initial; }
      .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName {
        padding-bottom: 0; }
        .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1 {
          font-size: 2.9rem;
          line-height: 70px;
          white-space: nowrap; }
      .shrink .profileHeader .profileInfoContainer .profileDetailsCol .detailsRow, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .detailsRow, .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileMoreInfo, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileMoreInfo {
        display: none; }
  .shrink .profileHeader .profileSubNav ul, .slackify.mobile .profileHeader .profileSubNav ul {
    padding-left: 0; }
    .shrink .profileHeader .profileSubNav ul li, .slackify.mobile .profileHeader .profileSubNav ul li {
      border-bottom: solid 2px transparent;
      font-size: 1.1rem;
      text-align: center; }
      .shrink .profileHeader .profileSubNav ul li.active .subNavItem, .slackify.mobile .profileHeader .profileSubNav ul li.active .subNavItem {
        padding-bottom: 3px;
        border-bottom: solid 2px #29c896;
        color: #3b3d40; }
  .shrink .profileHeader h1, .slackify.mobile .profileHeader h1 {
    font-size: 2.9rem; }
  .shrink .profileHeader .detailsRow, .slackify.mobile .profileHeader .detailsRow {
    display: none; }
  .shrink .profileHeader .profileName, .slackify.mobile .profileHeader .profileName {
    padding-bottom: 0; }

@media screen and (max-width: 991px) {
  .mobile {
    /* When scrolling down */ }
    .mobile .profileHeader .profileInfoContainer .infographic {
      left: -22px; }
    .mobile .profileHeader .profileInfoContainer .profilePicCol {
      padding-left: 45px; }
      .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        top: 0;
        height: 110px;
        width: 110px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg.default.icon-user {
          font-size: 110px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
          height: 30px;
          padding: 0 5px;
          line-height: 30px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
            font-size: 1.2rem;
            line-height: 30px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
            font-size: 1rem; }
    .mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 110px - 225px);
      min-height: 60px;
      padding-left: 0;
      padding-right: 2rem; }
      .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
        margin-right: 15px; }
    .mobile .profileHeader .alertBar .alertBar-content {
      padding: 0 15px; }
    .mobile .profileHeader .profileSubNav ul {
      padding: 0 15px; }
      .mobile .profileHeader .profileSubNav ul li {
        text-align: center; }
    .mobile .shrink .profileHeader .profileInfoContainer .profilePicCol, .mobile .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol {
      padding-left: 15px; } }

@media screen and (max-width: 767px) {
  .mobile .profileHeader {
    padding-top: 8px;
    /* Edit mode */
    /* When scrolling down */ }
    .mobile .profileHeader .cgContainer {
      margin: 0 8px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -ms-border-radius: 6px 6px 0 0;
      -o-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
      overflow: hidden; }
    .mobile .profileHeader .profileInfoContainer {
      min-height: initial;
      margin: 0 auto;
      padding-top: 15px; }
      .mobile .profileHeader .profileInfoContainer .infographic {
        bottom: 0; }
      .mobile .profileHeader .profileInfoContainer .profilePicCol {
        padding-left: 15px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
          width: 50px;
          height: 50px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar {
            bottom: -2px; }
            .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
              height: 50px;
              padding: 17px 3px 0;
              line-height: initial; }
              .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
                text-align: center; }
              .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
                display: none; }
      .mobile .profileHeader .profileInfoContainer .profileDetailsCol {
        width: calc(100% - 50px - 40px); }
        .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails {
          padding-bottom: 15px; }
          .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails h1 {
            font-size: 2rem; }
          .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileItem span {
            line-height: 1.5; }
        .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
          position: static;
          margin-left: 0;
          text-align: left; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails md-input-container {
      width: 100%; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input {
        width: 100%; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input {
      width: 100%; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input input[type="text"], .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input textarea {
        width: 100%; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons {
      width: 100%;
      padding-top: 15px; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons button {
        display: inline-block;
        width: auto; }
        .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons button.cancel {
          margin-right: 8px; }
    .mobile .profileHeader .shrink .profileHeader .profileInfoContainer .profileDetailsCol, .mobile .profileHeader .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 70px - 40px); }
      .mobile .profileHeader .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .mobile .profileHeader .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1 {
        padding-bottom: 15px;
        font-size: 2rem;
        line-height: inherit; }
    .mobile .profileHeader .shrink .profileSubNav ul li, .mobile .profileHeader .slackify.mobile .profileSubNav ul li {
      letter-spacing: 0; }
    .mobile .profileHeader .profileSubNav {
      margin-top: 40px;
      display: block;
      height: auto; }
      .mobile .profileHeader .profileSubNav.isAbout {
        padding: 0 8px; }
        .mobile .profileHeader .profileSubNav.isAbout ul {
          background-color: #ffffff;
          padding: 10px 10px 0;
          -webkit-border-radius: 0 0 6px 6px;
          -moz-border-radius: 0 0 6px 6px;
          -ms-border-radius: 0 0 6px 6px;
          -o-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
          -webkit-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2); }
      .mobile .profileHeader .profileSubNav ul {
        display: block; }
        .mobile .profileHeader .profileSubNav ul li a:active, .mobile .profileHeader .profileSubNav ul li a:hover {
          text-decoration: none; }
          .mobile .profileHeader .profileSubNav ul li a:active h6, .mobile .profileHeader .profileSubNav ul li a:hover h6 {
            border-bottom: none; }
        .mobile .profileHeader .profileSubNav ul .backButton.noShow {
          display: none; }
        .mobile .profileHeader .profileSubNav ul .backButton a {
          display: inline-block;
          float: left;
          color: #3b3d40;
          width: 100%;
          text-align: center; }
          .mobile .profileHeader .profileSubNav ul .backButton a i {
            float: left;
            line-height: 60px; }
        .mobile .profileHeader .profileSubNav ul .backButton h6 {
          color: #3b3d40;
          text-transform: none;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          letter-spacing: 0;
          text-align: center;
          font-size: 14px; }
          .mobile .profileHeader .profileSubNav ul .backButton h6 u {
            text-decoration: none; }
        .mobile .profileHeader .profileSubNav ul .navItem {
          display: block;
          text-align: left;
          position: relative;
          border-bottom: solid 1px #dde4e4; }
          .mobile .profileHeader .profileSubNav ul .navItem.selected h6 {
            border-bottom-color: transparent; }
          .mobile .profileHeader .profileSubNav ul .navItem.profileCollectionsFollowedSubNav, .mobile .profileHeader .profileSubNav ul .navItem.profileFollowersSubNav, .mobile .profileHeader .profileSubNav ul .navItem.profileAboutSubNav {
            display: none; }
          .mobile .profileHeader .profileSubNav ul .navItem.profileAuthoredSubNav {
            border-bottom: none 0; }
          .mobile .profileHeader .profileSubNav ul .navItem h6 {
            font-size: 1.4rem; }
          .mobile .profileHeader .profileSubNav ul .navItem a, .mobile .profileHeader .profileSubNav ul .navItem a h6 {
            color: #3b3d40;
            display: block; }
          .mobile .profileHeader .profileSubNav ul .navItem h6 {
            padding-right: 45px;
            text-transform: none; }
          .mobile .profileHeader .profileSubNav ul .navItem span {
            float: right;
            display: inline-block; }
          .mobile .profileHeader .profileSubNav ul .navItem:after {
            content: '\e653';
            position: absolute;
            font-family: 'icomoon';
            color: #3b3d40;
            right: 5px;
            top: 9px;
            bottom: 0;
            margin: auto;
            height: 19px;
            line-height: 1;
            font-size: 10px; }
  .mobile .noTopPadding .profileHeader {
    padding-top: 0; }
  .mobile .profileFollowToggle a.collectionsFollowed, .mobile .profileFollowToggle a.peopleFollowed {
    padding: 5px 15px; }
  .mobile .profileFollowToggle a .followCount {
    margin-left: 5px; }
  .mobile .contentView {
    padding: 0 15px; }
  .mobile .profileInsightView {
    padding: 0 15px; } }

@media screen and (max-width: 600px) {
  .mobile .profileView .profileSections .shrink .profileHeader, .mobile .profileView .profileSections .slackify.mobile .profileHeader {
    position: static; }
  .mobile .profileView .profileSections .shrink + .profileSection, .mobile .profileView .profileSections .slackify.mobile + .profileSection {
    padding-top: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .profileHeader .profileSubNav ul li {
    width: 15%; } }

.profileAboutView {
  max-width: 850px;
  margin: 0 auto 0;
  padding: 45px 20px 0;
  position: relative; }
  .profileAboutView h6 {
    font-size: 1.5rem;
    color: #3b3d40;
    text-align: center;
    margin-bottom: 20px; }
  .profileAboutView h3 {
    font-size: 2.4rem;
    margin-bottom: 2.2rem; }
  .profileAboutView .emptyMsg {
    text-align: center;
    padding: 20px; }
    .profileAboutView .emptyMsg p {
      max-width: none;
      margin-bottom: 20px; }
  .profileAboutView .icon-up, .profileAboutView .icon-down {
    height: 0;
    display: inline-block;
    width: 10px;
    border: solid 1px transparent;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #29c896 transparent; }
  .profileAboutView .icon-down {
    border-width: 10px 5px 0 5px;
    border-top-color: #f65950; }
  .profileAboutView .icon-same {
    height: 4px;
    width: 13px;
    background-color: #eceeee;
    display: inline-block; }
  .profileAboutView .new {
    background-color: rgba(210, 111, 201, 0.9);
    height: 23px;
    line-height: 23px;
    width: 44px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    text-align: center; }
  .profileAboutView .rank {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    border: solid 1px #29c896;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #29c896;
    display: inline-block;
    text-align: center;
    background-color: #ffffff; }
  .profileAboutView .controls {
    font-size: 14px;
    color: #95a6a6;
    margin-bottom: -1px; }
    .profileAboutView .controls a {
      cursor: pointer;
      border-bottom: solid 1px transparent;
      height: 38px;
      display: inline-block;
      margin: 0 10px; }
      .profileAboutView .controls a:first-child {
        margin-left: 0; }
      .profileAboutView .controls a.active {
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        color: #3b3d40;
        border-bottom-color: #29c896; }
  .profileAboutView .nakedBrain {
    float: right;
    font-size: 1.5rem; }
  .profileAboutView .unlockJournal {
    max-width: 495px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: auto;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    z-index: 1; }
    .profileAboutView .unlockJournal h3 {
      margin-bottom: 10px; }
      .profileAboutView .unlockJournal h3:last-child {
        margin-bottom: 0; }
    .profileAboutView .unlockJournal p {
      margin-bottom: 15px;
      font-size: 1.5rem;
      line-height: 1.2; }
      .profileAboutView .unlockJournal p:last-child {
        margin-bottom: 0; }
    .profileAboutView .unlockJournal ~ .profileActivityView .graph {
      z-index: -1;
      -webkit-filter: blur(2px); }
      .profileAboutView .unlockJournal ~ .profileActivityView .graph svg {
        filter: blur(2px); }
    .profileAboutView .unlockJournal.noGraph ~ .profileActivityView .toutBlock, .profileAboutView .unlockJournal.noGraph ~ .profileActivityView .graphTout {
      -webkit-filter: blur(2px);
      -moz-filter: blur(2px);
      filter: blur(2px);
      filter: blur(2px); }
    .profileAboutView .unlockJournal.noData {
      top: auto; }
      .profileAboutView .unlockJournal.noData ~ .leaderBoard, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout {
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        filter: blur(2px);
        filter: blur(2px); }
        .profileAboutView .unlockJournal.noData ~ .leaderBoard .controls a, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock .controls a, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout .controls a {
          cursor: default;
          color: #3b3d40; }
          .profileAboutView .unlockJournal.noData ~ .leaderBoard .controls a:hover, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock .controls a:hover, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout .controls a:hover {
            color: #3b3d40;
            text-decoration: none; }
      .profileAboutView .unlockJournal.noData ~ .profileActivityView .controls a {
        cursor: default;
        color: #3b3d40; }
        .profileAboutView .unlockJournal.noData ~ .profileActivityView .controls a:hover {
          color: #3b3d40;
          text-decoration: none; }
    .profileAboutView .unlockJournal.otherUser {
      top: 145px; }
  .profileAboutView .inView {
    height: 1px; }
  .profileAboutView .table {
    width: 100%;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .profileAboutView .table.fade {
      opacity: 0; }
    .profileAboutView .table .head {
      padding-left: 10px;
      padding-right: 10px; }
    .profileAboutView .table .head .th {
      font-size: 14px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      color: #95a6a6;
      text-transform: uppercase;
      display: inline-block;
      cursor: default;
      margin-bottom: -1px;
      height: 38px; }
      .profileAboutView .table .head .th:last-child {
        text-align: right;
        float: right; }
    .profileAboutView .table .tr {
      border-bottom: solid 2px #eceeee;
      max-height: 70px;
      overflow: hidden;
      -webkit-transition: max-height 0.3s;
      -ms-transition: max-height 0.3s;
      -moz-transition: max-height 0.3s;
      -o-transition: max-height 0.3s;
      transition: max-height 0.3s; }
    .profileAboutView .table .topic {
      background: #ffffff; }
      .profileAboutView .table .topic .rank {
        -webkit-transition: background-color 0.3s, color 0.3s;
        -ms-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
      .profileAboutView .table .topic.expanded {
        max-height: 700px; }
        .profileAboutView .table .topic.expanded .rank {
          background-color: #29c896;
          color: #ffffff; }
      .profileAboutView .table .topic .tr {
        padding-left: 10px;
        padding-right: 10px; }
        .profileAboutView .table .topic .tr:hover {
          background-color: #eceeee;
          cursor: pointer; }
    .profileAboutView .table .cell {
      height: 68px;
      line-height: 68px;
      font-size: 20px;
      display: inline-block;
      vertical-align: top; }
      .profileAboutView .table .cell.topicName {
        width: 74%; }
        .profileAboutView .table .cell.topicName span {
          display: inline-block;
          vertical-align: top;
          max-width: 80%; }
      .profileAboutView .table .cell:first-child {
        width: 39px; }
      .profileAboutView .table .cell.read {
        text-align: right;
        float: right;
        color: #29c896;
        cursor: pointer; }
    .profileAboutView .table.mine .cell:nth-child(3n), .profileAboutView .table.mine .th:nth-child(2n) {
      text-align: right;
      width: 75px;
      float: right; }
    .profileAboutView .table.mine .cell:last-child, .profileAboutView .table.mine .th:last-child {
      width: 46px;
      float: right; }
  .profileAboutView .checkbox {
    line-height: 12px;
    text-align: left; }
  .profileAboutView .articles {
    padding: 0 0 0 39px; }

.profileView .profileSections .profileSection .profileAboutView .tileContent {
  border: 1px solid #dde4e4;
  border-width: 0 0 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content {
  overflow: hidden;
  padding: 1.5rem 0; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content h3 {
    margin: 0 0 20px; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .othersList {
    max-height: calc(100vh - 100px);
    overflow: auto;
    padding: 20px; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .othersList .noArticles {
      margin: 0 15px 10px;
      padding: 0 0 10px;
      font-size: 1.3rem; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile a.tileAnchor {
    display: block; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent {
    padding: 0;
    min-height: 156px; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent h3 {
      margin: 0 0 10px;
      padding: 0 0 10px;
      font-size: 1.3rem; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .imageContainer {
      width: 100%;
      height: 70px;
      margin-bottom: 15px; }
      .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .imageContainer .groovyFitImage {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails {
      padding: 10px;
      width: 100%; }
      .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom .contentShareAndLikes .showIcons {
        width: 80px; }

@media screen and (max-width: 900px) {
  .mobile .profileAboutView {
    padding: 45px 50px 0 50px; } }

@media screen and (max-width: 768px) {
  .mobile .profileAboutView {
    background-color: #dde4e4;
    padding: 0 8px;
    margin-top: 21px; }
    .mobile .profileAboutView .unlockJournal {
      max-width: 85%; }
    .mobile .profileAboutView .table {
      background-color: #ffffff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
      .mobile .profileAboutView .table .topic {
        padding: 0 10px; }
      .mobile .profileAboutView .table .tr {
        border-bottom-width: 1px; }
      .mobile .profileAboutView .table .cell {
        font-size: 14px;
        height: 50px;
        line-height: 50px; }
        .mobile .profileAboutView .table .cell.read {
          width: 36px; }
        .mobile .profileAboutView .table .cell:first-child {
          display: none; }
        .mobile .profileAboutView .table .cell.topicName {
          width: 70%; }
        .mobile .profileAboutView .table .cell:nth-child(3n) {
          width: 45px; }
      .mobile .profileAboutView .table .th {
        font-size: 11px;
        height: 40px;
        line-height: 40px; }
      .mobile .profileAboutView .table .head {
        border-bottom: solid 1px #f2f4f4;
        padding: 0 17px; }
      .mobile .profileAboutView .table.mine .cell:nth-child(3n) {
        width: 45px; }
        .mobile .mobile .profileAboutView .table.mine .cell:nth-child(3n) {
          display: none; }
      .mobile .profileAboutView .table.mine .th:last-child {
        width: 106px; }
  .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content h3 {
    font-size: 1.3rem; }
  .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom {
    bottom: 0; }
    .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom .contentShareAndLikes .showIcons {
      width: 130px; } }

#imageModal {
  text-align: center; }
  #imageModal img-crop {
    height: 275px;
    width: 100%;
    margin-bottom: 2rem; }
  #imageModal canvas {
    border-radius: 0.5rem; }
  #imageModal p {
    font-size: 1.1rem; }

.profileView {
  padding-bottom: 8rem;
  width: 100%; }
  .profileView h5 {
    margin-bottom: 1em;
    font-weight: bold; }
  .profileView .tooltip {
    background-color: #eceeee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 3px 6px;
    cursor: help; }
  .profileView .profileSections .profileSection {
    z-index: 2;
    position: relative;
    background: #eceeee; }
    .profileView .profileSections .profileSection .profileInsightView,
    .profileView .profileSections .profileSection .profileFollowersView,
    .profileView .profileSections .profileSection .profileFollowingView {
      max-width: 757px;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    .profileView .profileSections .profileSection .profileInsightView {
      margin-top: 0;
      max-width: 630px;
      padding-top: 25px; }
      .profileView .profileSections .profileSection .profileInsightView .userInsightCard {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 35px;
        padding: 25px 35px;
        background: #ffffff;
        cursor: pointer;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 2px #95a6a6;
        -moz-box-shadow: 0 0 2px #95a6a6;
        box-shadow: 0 0 2px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard:hover {
          -webkit-box-shadow: 0 2px 6px #95a6a6;
          -moz-box-shadow: 0 2px 6px #95a6a6;
          box-shadow: 0 2px 6px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard.active {
          -webkit-box-shadow: 0 0 0 2px #95a6a6;
          -moz-box-shadow: 0 0 0 2px #95a6a6;
          box-shadow: 0 0 0 2px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails {
          float: left;
          position: relative; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails h3 {
            overflow: visible;
            margin-bottom: 2rem; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails a {
            color: #3b3d40; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails a:hover {
              text-decoration: none; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer {
            margin-top: 15px;
            margin-bottom: 1rem;
            overflow: visible; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer:last-child {
              margin-bottom: 0; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer {
              position: relative;
              display: inline-block;
              padding: 3px 10px;
              vertical-align: top;
              background-color: #fcf9eb;
              border-left: 1px solid #f4b737;
              font-size: 1.5rem;
              font-family: "RooneyLight", Times, "Times New Roman", serif;
              color: #3b3d40;
              line-height: 1.6;
              cursor: pointer;
              word-break: break-word; }
              .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer .icon-quote {
                position: absolute;
                top: -6px;
                left: -25px;
                height: 30px;
                color: #f4b737;
                font-size: 2.4rem; }
              .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a {
                color: #3b3d40; }
                .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a:hover {
                  text-decoration: none; }
                .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a .annotator-hl {
                  padding: 0;
                  background: none;
                  word-break: break-word; }
    .profileView .profileSections .profileSection .profileFollowersView .userTileContainer,
    .profileView .profileSections .profileSection .profileFollowingView .userTileContainer {
      display: inline-block; }
    .profileView .profileSections .profileSection .profileFollowersView {
      margin-top: 0;
      padding-top: 45px; }
    .profileView .profileSections .profileSection .collectionsContainer {
      padding-top: 45px;
      margin: 0 auto; }
    .profileView .profileSections .profileSection .userTile,
    .profileView .profileSections .profileSection .collectionTile,
    .profileView .profileSections .profileSection .ghostCard {
      display: inline-block;
      margin: 0 1rem 2.5rem; }
    .profileView .profileSections .profileSection .tileContent,
    .profileView .profileSections .profileSection .userInsightCard {
      border: solid 1px #dde4e4; }
    .profileView .profileSections .profileSection .emptyMsg {
      color: #3b3d40;
      text-align: center; }
      .profileView .profileSections .profileSection .emptyMsg p {
        margin: 0 auto;
        text-align: center; }
      .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight {
        font-size: 10rem;
        height: 10rem;
        width: 10rem;
        line-height: 1.5;
        text-align: center; }
        .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight:before, .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight:after {
          height: 10rem;
          width: 10rem; }
      .profileView .profileSections .profileSection .emptyMsg + .ghostCard {
        float: none; }
    .profileView .profileSections .profileSection .contentView {
      max-width: 630px;
      margin: 0 auto;
      padding-top: 45px; }
      .profileView .profileSections .profileSection .contentView .emptyMsgArticle {
        color: #3b3d40;
        text-align: center;
        max-width: 75rem;
        margin: 0 auto 45px; }
        .profileView .profileSections .profileSection .contentView .emptyMsgArticle p {
          padding-bottom: 10px;
          padding-top: 10px;
          margin: 0 auto;
          max-width: 75rem;
          text-align: center; }

@media screen and (max-width: 767px) {
  .mobile .profileView {
    background-color: #dde4e4; }
    .mobile .profileView .profileSections {
      background-color: #dde4e4; }
      .mobile .profileView .profileSections .contentView {
        padding: 0 15px; }
      .mobile .profileView .profileSections .profileSection .profileInsightView {
        padding: 10px; }
        .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard {
          margin-bottom: 10px;
          padding: 10px; }
          .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails h3 {
            overflow: hidden;
            max-height: 42px;
            margin-bottom: initial;
            font-size: 1.8rem;
            line-height: 1.2; }
          .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer {
            margin-left: 25px; } }

/* For centering tiles */
@media screen and (max-width: 1020px) {
  .profileView .profileSections .profileSection .profileFollowersView,
  .profileView .profileSections .profileSection .profileFollowingView {
    max-width: 505px; } }

/* For centering tiles */
@media screen and (max-width: 504px) {
  .profileView .profileSections .profileSection .profileFollowersView,
  .profileView .profileSections .profileSection .profileFollowingView {
    max-width: 253px; } }

.search-container {
  padding: 10px;
  /* Small devices (tablets, 768px and up) */ }
  .search-container.mobile {
    margin-top: calc(40px + 58px); }
    .search-container.mobile .searchBox {
      border: 1px solid #dde4e4;
      background-color: #f2f4f4; }
  @media (max-width: 768px) {
    .search-container {
      padding: 5px; } }
  .search-container h2 {
    margin-bottom: 3.4rem; }
  .search-container .emptySearchResults {
    text-align: center;
    margin-top: 40px; }
    .search-container .emptySearchResults h1 {
      padding-bottom: 1em; }
    .search-container .emptySearchResults h4.last {
      padding-bottom: 3em; }
  .search-container h3.searchMessage {
    margin: 8rem 0; }
  .search-container .searchResultsTotal {
    display: inline-block;
    width: 100%;
    height: 75px; }
    .search-container .searchResultsTotal h2.searchTermDisplay {
      float: left; }
    .search-container .searchResultsTotal h2.blinky {
      height: 50px;
      padding-left: 10px;
      vertical-align: middle;
      color: #0081d0; }
  .search-container .searchBox {
    vertical-align: top;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #dde4e4;
    background-color: #f2f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-family: MuseoSansRounded100, Arial, sans-serif; }
    .search-container .searchBox.focussed {
      background-color: white;
      border-color: #29c896; }
    .search-container .searchBox input.searchTerm {
      background-color: transparent;
      padding: 0 10px 0 15px;
      font-size: 2.0rem;
      border: 0;
      display: inline-block;
      width: 90%;
      width: calc(100% - (3.2rem + 0.5rem));
      margin-bottom: 0; }
    .search-container .searchBox .searchButton {
      width: 3.2rem;
      height: 3.2rem;
      background-color: #29c896;
      border-radius: 1.6rem;
      cursor: pointer;
      float: right;
      position: relative;
      margin-top: 0.5rem;
      margin-right: 0.5rem; }
      .search-container .searchBox .searchButton .icon-search {
        font-size: 1.6rem;
        color: #eceeee;
        vertical-align: middle;
        position: absolute;
        left: 0.8rem;
        top: 0.8rem; }
  .search-container .categorySection {
    margin-bottom: 20px; }
    .search-container .categorySection .categoryResults .contentTile .pdf .tileContent .imageContainer .fitImage {
      background-size: auto 100%;
      background-position: 0 0; }
    .search-container .categorySection .categoryResults .userTile {
      border-bottom: solid 1px #dde4e4; }
    .search-container .categorySection .categoryResults .userResults:last-child .userTile {
      border: none; }
    .search-container .categorySection .categoryResults .teamTileContainer {
      margin-bottom: 10px;
      margin-right: 10px;
      display: inline-block;
      float: none; }
    .search-container .categorySection .categoryResults.teamResults {
      text-align: center; }
    .search-container .categorySection .categoryAddButton, .search-container .categorySection .groupAddButton, .search-container .categorySection .groupFullAddButton, .search-container .categorySection .userInviteButton, .search-container .categorySection .userFullInviteButton {
      clear: both;
      text-align: right;
      font-size: 1.4rem;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      cursor: pointer;
      color: #29c896;
      vertical-align: middle;
      margin-top: 10px; }
    .search-container .categorySection .groupAddButton {
      margin-right: .8rem; }
    .search-container .categorySection .groupFullAddButton {
      margin-right: 3.2rem;
      margin-bottom: 1.5rem; }
    .search-container .categorySection .userInviteButton {
      margin-right: -0.5rem; }
    .search-container .categorySection .userFullInviteButton {
      margin-right: -0.5rem; }
    .search-container .categorySection md-progress-circular {
      margin-left: auto;
      margin-right: auto;
      margin-top: 3rem;
      transform: scale(0.5) !important; }
  .search-container em {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    font-style: normal;
    color: #3b3d40;
    font-size: 1.4rem; }
  .search-container p {
    margin-bottom: 1em;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    max-width: 100%; }
  .search-container .snippet {
    font-size: 1.4em;
    line-height: 1.5; }
  .search-container h5.moreLink {
    clear: both;
    margin-bottom: 14px;
    margin-left: 1rem;
    padding-top: 17px;
    font-family: MuseoSansRounded100, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    color: #29c896;
    position: relative; }
    .search-container h5.moreLink.articles {
      margin-bottom: -14px; }
    .search-container h5.moreLink a {
      display: block;
      padding-bottom: 20px; }
      .search-container h5.moreLink a:visited {
        color: #29c896; }
      .search-container h5.moreLink a i {
        padding-left: 4px;
        font-size: 1.2rem; }
      .search-container h5.moreLink a:hover {
        text-decoration: none; }
    .search-container h5.moreLink .moreCount {
      color: #95a6a6;
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 1.8rem;
      margin-right: 2.5rem; }
      .search-container h5.moreLink .moreCount:visited {
        color: #95a6a6; }
  .search-container .paginationContainer {
    text-align: center; }
    .search-container .paginationContainer ul.pagination {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      font-size: 1.1rem; }
      .search-container .paginationContainer ul.pagination > li {
        display: inline-block;
        margin: 0 4px; }
        .search-container .paginationContainer ul.pagination > li > a {
          margin: 0;
          padding: 3px 9px;
          border-color: #29c896;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          color: #29c896; }
      .search-container .paginationContainer ul.pagination > .active > a {
        background-color: #ffffff;
        border-color: #dde4e4;
        color: #3b3d40; }
      .search-container .paginationContainer ul.pagination > .disabled > a {
        border-color: #dde4e4;
        color: #dde4e4; }
  .search-container .searchFacets {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px; }
    .search-container .searchFacets:before, .search-container .searchFacets:after {
      content: " ";
      display: table; }
    .search-container .searchFacets:after {
      clear: both; }
    .search-container .searchFacets i {
      display: none; }
    @media (max-width: 1200px) {
      .search-container .searchFacets i {
        display: inline-block; }
      .search-container .searchFacets h6 {
        font-size: 1.5rem !important; }
      .search-container .searchFacets .adaptive-span {
        display: none; }
      .search-container .searchFacets .loadingContainer {
        position: absolute;
        top: -17px;
        width: 100%;
        left: -18px; } }
    .search-container .searchFacets ul {
      border-bottom: solid 1px #eceeee; }
      .search-container .searchFacets ul li {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: -1px;
        position: relative; }
        .search-container .searchFacets ul li a {
          display: block; }
          .search-container .searchFacets ul li a:hover h6 {
            border-bottom: solid 1px #29c896; }
        .search-container .searchFacets ul li h6 {
          display: inline-block;
          margin-bottom: 0;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: solid 1px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.2rem;
          color: #29c896; }
          .search-container .searchFacets ul li h6 .facetCount {
            color: #95a6a6;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            text-transform: none; }
          .search-container .searchFacets ul li h6.selected {
            border-bottom: solid 1px #29c896;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }
    .search-container .searchFacets .directoryFacet a {
      cursor: pointer; }
  .search-container .search-content:not(.directory-view) .search-results-container .no-results {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .search-container .search-content:not(.directory-view) .search-results-container .main-column {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    .search-container .search-content:not(.directory-view) .search-results-container .main-column.full {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 768px) {
        .search-container .search-content:not(.directory-view) .search-results-container .main-column.full {
          float: left;
          width: 100%; } }
      @media (min-width: 992px) {
        .search-container .search-content:not(.directory-view) .search-results-container .main-column.full {
          float: left;
          width: 50%; } }
      @media (min-width: 1200px) {
        .search-container .search-content:not(.directory-view) .search-results-container .main-column.full {
          float: left;
          width: 50%; } }
  .search-container .search-content:not(.directory-view) .search-results-container .side-column {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    .search-container .search-content:not(.directory-view) .search-results-container .side-column.full {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 768px) {
        .search-container .search-content:not(.directory-view) .search-results-container .side-column.full {
          float: left;
          width: 100%; } }
      @media (min-width: 992px) {
        .search-container .search-content:not(.directory-view) .search-results-container .side-column.full {
          float: left;
          width: 50%; } }
      @media (min-width: 1200px) {
        .search-container .search-content:not(.directory-view) .search-results-container .side-column.full {
          float: left;
          width: 50%; } }
  .search-container .search-content.directory-view .side-column {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    .search-container .search-content.directory-view .side-column.full .groupSection {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .search-container .search-content.directory-view .side-column.full .groupSection {
          float: left;
          width: 66.6666666667%; } }
      .search-container .search-content.directory-view .side-column.full .groupSection.full {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
    .search-container .search-content.directory-view .side-column.full .userSection {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .search-container .search-content.directory-view .side-column.full .userSection {
          float: left;
          width: 33.3333333333%; } }
      .search-container .search-content.directory-view .side-column.full .userSection.full {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
  .search-container .active-facets {
    margin-top: -15px;
    padding-bottom: 0px; }

/** definding these styles at root level so other views can use it */
.tagFacets {
  padding: 0;
  border-right: 1px solid #eceeee;
  padding-right: 3px; }
  .tagFacets > .angular-ui-tree-nodes {
    padding-left: 0px; }
  .tagFacets .searchTagFacets .facetBlock {
    -webkit-transition: ease, all, 0.2s;
    -ms-transition: ease, all, 0.2s;
    -moz-transition: ease, all, 0.2s;
    -o-transition: ease, all, 0.2s;
    transition: ease, all, 0.2s;
    position: relative;
    padding: 3px 10px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 1.4rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .tagFacets .searchTagFacets .facetBlock a {
      -webkit-transition: ease, all, 0.2s;
      -ms-transition: ease, all, 0.2s;
      -moz-transition: ease, all, 0.2s;
      -o-transition: ease, all, 0.2s;
      transition: ease, all, 0.2s; }
    .tagFacets .searchTagFacets .facetBlock a, .tagFacets .searchTagFacets .facetBlock i, .tagFacets .searchTagFacets .facetBlock span {
      vertical-align: middle; }
    .tagFacets .searchTagFacets .facetBlock .add-filter {
      display: none;
      position: absolute;
      height: 100%;
      right: 0;
      top: 0;
      background-color: white;
      text-align: center;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      color: #000000;
      text-transform: uppercase;
      font-weight: bold; }
      .tagFacets .searchTagFacets .facetBlock .add-filter i {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 5px; }
    .tagFacets .searchTagFacets .facetBlock:hover {
      background-color: #eceeee;
      color: black; }
      .tagFacets .searchTagFacets .facetBlock:hover .add-filter {
        display: block;
        text-decoration: none;
        background-color: #dde4e4; }
    .tagFacets .searchTagFacets .facetBlock.active {
      color: #000000;
      background: #dde4e4; }
      .tagFacets .searchTagFacets .facetBlock.active:hover {
        color: #ffffff;
        background: #95a6a6; }
        .tagFacets .searchTagFacets .facetBlock.active:hover .add-filter {
          color: #ffffff; }
      .tagFacets .searchTagFacets .facetBlock.active .add-filter {
        display: block;
        background-color: rgba(0, 0, 0, 0.1); }

.cursor-default {
  cursor: default; }

.discoverDetailView {
  max-width: 1000px;
  margin: 4rem auto 8rem; }
  .discoverDetailView h2, .discoverDetailView h6 {
    text-align: center; }
  .discoverDetailView h6 {
    margin-bottom: 20px; }
  .discoverDetailView .subTitle {
    margin-bottom: 5rem;
    font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
    font-size: 1.4rem;
    text-align: center; }
  .discoverDetailView .masonry-content {
    margin: 0 auto; }
    .discoverDetailView .masonry-content .masonry-brick {
      display: none;
      width: 300px;
      margin: 0 0 20px 0;
      overflow: hidden; }
    .discoverDetailView .masonry-content .masonry-brick.loaded {
      display: block; }

@media screen and (min-width: 992px) {
  .container {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .mobile .discoverDetailView {
    margin: 0 auto 8rem; }
    .mobile .discoverDetailView .subTitle {
      padding: 0 15px; }
    .mobile .discoverDetailView .search .searchBar form {
      padding-top: 20px; }
  .tablet .discoverNavContainer,
  .mobile .discoverNavContainer {
    display: none; } }

@media screen and (max-width: 479px) {
  .mobile .discoverDetailView .subTitle {
    padding: 0 15px; } }

.discoverNavContainer {
  top: 56px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  margin: 0;
  background: #f2f4f4;
  border-bottom: solid 1px #dde4e4;
  text-align: center; }
  .discoverNavContainer .discoverSubNav {
    margin: 0 auto; }
    .discoverNavContainer .discoverSubNav ul {
      display: inline-block; }
      .discoverNavContainer .discoverSubNav ul li {
        float: left;
        width: auto;
        height: 56px;
        margin: 0 2rem;
        border: none; }
        .discoverNavContainer .discoverSubNav ul li a {
          text-decoration: none; }
          .discoverNavContainer .discoverSubNav ul li a h6 {
            padding: 24px 0 19px;
            border-bottom: solid 1px transparent;
            font-family: "MuseoSansRounded500", "Arial", sans-serif;
            font-size: 1.2rem;
            color: #29c896; }
            .discoverNavContainer .discoverSubNav ul li a h6 span {
              color: #95a6a6;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              text-transform: none; }
            .discoverNavContainer .discoverSubNav ul li a h6.selected {
              border-bottom: solid 1px #29c896;
              font-family: "MuseoSansRounded700", "Arial", sans-serif;
              color: #3b3d40; }

.myChannelView {
  max-width: 1000px;
  margin: 4rem auto 8rem;
  border-bottom: solid 1px #dde4e4; }
  .myChannelView h2 {
    text-align: center; }
  .myChannelView .subTitle {
    margin-bottom: 5rem;
    font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
    font-size: 1.4rem;
    text-align: center; }
  .myChannelView .channelsContainer {
    max-width: 950px;
    margin: 0  auto; }
    .myChannelView .channelsContainer .adminView, .myChannelView .channelsContainer .nonAdminView {
      margin: 12px 0px; }
      .myChannelView .channelsContainer .adminView .heading, .myChannelView .channelsContainer .nonAdminView .heading {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px; }
        .myChannelView .channelsContainer .adminView .heading span, .myChannelView .channelsContainer .nonAdminView .heading span {
          text-tranform: upper-case;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          font-size: 2rem;
          letter-spacing: 1px; }
    .myChannelView .channelsContainer .channelTileContainer {
      display: inline-block;
      width: 435px;
      margin: 18px; }
    .myChannelView .channelsContainer .channelViewItem {
      width: 310px;
      display: inline-block;
      width: 435px;
      margin: 18px; }
      .myChannelView .channelsContainer .channelViewItem .icon-locked {
        position: absolute;
        top: 80px;
        left: 11px;
        font-size: 1.6rem;
        color: #dde4e4; }
      .myChannelView .channelsContainer .channelViewItem.ghostChannelCard {
        display: inline-block;
        padding-top: 120px;
        height: 290px;
        cursor: pointer;
        float: left;
        background-color: #eceeee;
        border: 2px #ffffff dashed;
        color: #3b3d40;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.1rem;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
        -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
        -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
        -o-transition: background-color 0.1s linear, border-color 0.1s linear;
        transition: background-color 0.1s linear, border-color 0.1s linear;
        color: #3b3d40; }
        .myChannelView .channelsContainer .channelViewItem.ghostChannelCard:hover {
          background-color: #ffffff;
          border-color: #eceeee; }
        .myChannelView .channelsContainer .channelViewItem.ghostChannelCard i {
          color: #29c896;
          font-size: 2.2rem;
          display: block;
          margin-bottom: 20px; }

.channelView {
  max-width: 1000px;
  margin: 4rem auto 8rem; }
  .channelView .channelsContainer {
    max-width: 950px;
    margin: 0  auto; }
    .channelView .channelsContainer .nonAdminView {
      margin: 12px 0px; }
      .channelView .channelsContainer .nonAdminView .heading {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px; }
        .channelView .channelsContainer .nonAdminView .heading span {
          text-tranform: upper-case;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          font-size: 2rem;
          letter-spacing: 1px; }
        .channelView .channelsContainer .nonAdminView .heading .subTitle {
          margin-top: 1rem;
          font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
          font-size: 1.4rem;
          text-align: center;
          text-transform: none; }
      .channelView .channelsContainer .nonAdminView .noChannels {
        text-align: center; }
    .channelView .channelsContainer .channelTileContainer {
      display: inline-block;
      width: 435px;
      margin: 18px; }

@media screen and (max-width: 950px) {
  .myChannelView .channelsContainer {
    max-width: 470px; }
  .channelView .channelsContainer {
    max-width: 470px; } }

@media screen and (max-width: 767px) {
  .myChannelView .subTitle {
    padding: 0 15px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; }
  .channelView {
    max-width: 470px; }
    .channelView .subTitle {
      padding: 0 15px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; } }

@media screen and (max-width: 479px) {
  .myChannelView .subTitle {
    padding: 0 15px; }
  .myChannelView .channelsContainer .channelViewItem {
    width: 300px;
    height: 275px; }
    .myChannelView .channelsContainer .channelViewItem.ghostChannelCard {
      width: calc(100% - 36px);
      height: 216px;
      padding-top: 75px; }
  .myChannelView .channelsContainer .channelTileContainer {
    width: calc(100% - 36px); }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; }
  .channelView .subTitle {
    padding: 0 15px; }
  .channelView .channelsContainer {
    max-width: 332px; }
    .channelView .channelsContainer .channelViewItem {
      width: 300px;
      height: 275px; }
      .channelView .channelsContainer .channelViewItem.ghostChannelCard {
        height: 216px;
        padding-top: 75px; }
    .channelView .channelsContainer .channelTileContainer {
      width: 300px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; } }

.CreateChannelModal .CreateChannelForm {
  overflow: visible; }
  .CreateChannelModal .CreateChannelForm .logoInfo {
    padding-bottom: 20px; }

.CreateChannelModal .error, .CreateChannelModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateChannelModal .error button, .CreateChannelModal .success button {
    margin-top: 20px; }

.CreateChannelModal .CreateChannelForm {
  overflow: visible; }
  .CreateChannelModal .CreateChannelForm .logoInfo {
    padding-bottom: 20px; }

.CreateChannelModal .error, .CreateChannelModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateChannelModal .error button, .CreateChannelModal .success button {
    margin-top: 20px; }

.channelBanner.row, .settingsGroupModal .channelBanner.memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader, #readerNavigation .journeyNavigation .channelBanner.navItem, .journeyForumWrapper .channelBanner.journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion {
  margin: 0;
  overflow: hidden;
  background: #7F7F7F; }
  .channelBanner.row .channelBannerImg, .settingsGroupModal .channelBanner.memberRow .channelBannerImg, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerImg, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerImg, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerImg, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerImg {
    width: 100%;
    height: 1px;
    text-align: center; }
    .channelBanner.row .channelBannerImg img, .settingsGroupModal .channelBanner.memberRow .channelBannerImg img, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerImg img, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerImg img, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerImg img, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerImg img {
      display: inline-block;
      width: 102%;
      min-width: 800px;
      height: auto;
      margin: -5px -10px;
      -webkit-filter: blur(2px) brightness(69%);
      -moz-filter: blur(2px) brightness(69%);
      filter: blur(2px) brightness(69%); }
  .channelBanner.row .channelBannerContent, .settingsGroupModal .channelBanner.memberRow .channelBannerContent, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent {
    position: relative;
    width: 100%;
    display: inline-block;
    color: #ffffff; }
    .channelBanner.row .channelBannerContent .leftPanel, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel {
      position: absolute;
      left: 20px;
      top: 20px; }
      .channelBanner.row .channelBannerContent .leftPanel button.transparent, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel button.transparent, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel button.transparent, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel button.transparent, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel button.transparent, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel button.transparent {
        padding: 0 10px; }
      .channelBanner.row .channelBannerContent .leftPanel .editAvatar, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .editAvatar, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .editAvatar, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .editAvatar, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .editAvatar, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .editAvatar {
        float: left; }
        .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .editAvatar .profileAvatar, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .editAvatar .profileAvatar, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .editAvatar .profileAvatar, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .editAvatar .profileAvatar, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .editAvatar .profileAvatar {
          z-index: 2;
          bottom: -9px;
          padding-top: 0;
          width: auto; }
          .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload {
            font-size: 1rem; }
            .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-weight: bold;
              text-align: left;
              float: left; }
            .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera {
              height: 1rem;
              width: 1rem;
              margin: 0 0 0 5px;
              color: #eceeee;
              font-size: 1.7rem;
              text-align: center;
              line-height: 3.2rem;
              float: right;
              background: none;
              padding-right: 17px; }
      .channelBanner.row .channelBannerContent .leftPanel .deleteChannel, .settingsGroupModal .channelBanner.memberRow .channelBannerContent .leftPanel .deleteChannel, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .channelBannerContent .leftPanel .deleteChannel, #readerNavigation .journeyNavigation .channelBanner.navItem .channelBannerContent .leftPanel .deleteChannel, .journeyForumWrapper .channelBanner.journeyConversationTopBar .channelBannerContent .leftPanel .deleteChannel, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .channelBannerContent .leftPanel .deleteChannel {
        float: left;
        margin-left: 12px; }
  .channelBanner.row .editPanel, .settingsGroupModal .channelBanner.memberRow .editPanel, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .editPanel, #readerNavigation .journeyNavigation .channelBanner.navItem .editPanel, .journeyForumWrapper .channelBanner.journeyConversationTopBar .editPanel, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .editPanel {
    position: absolute;
    right: 20px;
    top: 20px; }
    .channelBanner.row .editPanel .editActionItem, .settingsGroupModal .channelBanner.memberRow .editPanel .editActionItem, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .editPanel .editActionItem, #readerNavigation .journeyNavigation .channelBanner.navItem .editPanel .editActionItem, .journeyForumWrapper .channelBanner.journeyConversationTopBar .editPanel .editActionItem, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .editPanel .editActionItem {
      vertical-align: middle;
      text-align: center; }
      .channelBanner.row .editPanel .editActionItem .cancelEditChannel, .settingsGroupModal .channelBanner.memberRow .editPanel .editActionItem .cancelEditChannel, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .editPanel .editActionItem .cancelEditChannel, #readerNavigation .journeyNavigation .channelBanner.navItem .editPanel .editActionItem .cancelEditChannel, .journeyForumWrapper .channelBanner.journeyConversationTopBar .editPanel .editActionItem .cancelEditChannel, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .editPanel .editActionItem .cancelEditChannel {
        margin: 0px 10px 15px;
        float: none; }
    .channelBanner.row .editPanel button, .settingsGroupModal .channelBanner.memberRow .editPanel button, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .editPanel button, #readerNavigation .journeyNavigation .channelBanner.navItem .editPanel button, .journeyForumWrapper .channelBanner.journeyConversationTopBar .editPanel button, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .editPanel button {
      width: 100px;
      padding: 0; }
  .channelBanner.row .mainContent, .settingsGroupModal .channelBanner.memberRow .mainContent, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent {
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }
    .channelBanner.row .mainContent .title, .settingsGroupModal .channelBanner.memberRow .mainContent .title, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .title, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .title, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .title, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .title {
      font-size: 2.5rem;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      padding: 50px 5px 5px 5px; }
    .channelBanner.row .mainContent .collectionCountShare, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare {
      margin: 10px;
      text-transform: uppercase;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      font-size: 1.2rem; }
      .channelBanner.row .mainContent .collectionCountShare .collectionCount, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare .collectionCount, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare .collectionCount, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare .collectionCount, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare .collectionCount, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare .collectionCount, .channelBanner.row .mainContent .collectionCountShare .feed, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare .feed, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare .feed, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare .feed, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare .feed, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare .feed {
        display: inline-block;
        padding: 8px;
        border-right: solid 1px #ffffff;
        vertical-align: middle;
        min-height: 23px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
      .channelBanner.row .mainContent .collectionCountShare .channelShareWrapper, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare .channelShareWrapper, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare .channelShareWrapper, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare .channelShareWrapper, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare .channelShareWrapper, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare .channelShareWrapper {
        display: inline-block;
        padding-left: 8px; }
      .channelBanner.row .mainContent .collectionCountShare .feed, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare .feed, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare .feed, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare .feed, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare .feed, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare .feed {
        border-right: none;
        border-left: solid 1px #ffffff; }
        .channelBanner.row .mainContent .collectionCountShare .feed a, .settingsGroupModal .channelBanner.memberRow .mainContent .collectionCountShare .feed a, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .collectionCountShare .feed a, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .collectionCountShare .feed a, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .collectionCountShare .feed a, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .collectionCountShare .feed a {
          color: #ffffff; }
    .channelBanner.row .mainContent .channelLogo, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo {
      display: inline-block;
      position: relative;
      top: 22px;
      height: 114px;
      width: 114px;
      z-index: 3;
      overflow: hidden;
      text-align: right;
      margin: 0 auto;
      background-color: #7F7F7F;
      border-radius: 5px;
      border: solid 2px white; }
      .channelBanner.row .mainContent .channelLogo .channelImg, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo .channelImg, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo .channelImg, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo .channelImg, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo .channelImg, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo .channelImg {
        z-index: 2;
        background-color: #7F7F7F;
        width: 100%;
        height: 100%;
        position: static;
        text-align: right;
        display: inline-block; }
      .channelBanner.row .mainContent .channelLogo .profileAvatar, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo .profileAvatar, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo .profileAvatar, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo .profileAvatar, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo .profileAvatar, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo .profileAvatar {
        position: absolute;
        z-index: 2;
        bottom: -13px;
        width: 100%; }
        .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo .profileAvatar label.imageUpload, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo .profileAvatar label.imageUpload, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo .profileAvatar label.imageUpload, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo .profileAvatar label.imageUpload, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo .profileAvatar label.imageUpload {
          color: #ffffff;
          background-color: rgba(0, 0, 0, 0.5);
          text-align: right;
          width: 100%;
          padding: 7px 10px 0px 7px;
          margin: 0; }
          .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload span, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo .profileAvatar label.imageUpload span, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo .profileAvatar label.imageUpload span, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo .profileAvatar label.imageUpload span, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo .profileAvatar label.imageUpload span, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo .profileAvatar label.imageUpload span {
            color: #ffffff;
            letter-spacing: 1px;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            font-weight: bold;
            text-align: left;
            float: left; }
          .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera, .settingsGroupModal .channelBanner.memberRow .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera {
            height: 1rem;
            width: 1rem;
            border-radius: 50%;
            display: block;
            margin: 0 auto 1rem;
            color: #eceeee;
            font-size: 1.3rem;
            text-align: center;
            line-height: 1.1rem;
            float: right;
            background: none; }
    .channelBanner.row .mainContent .titleSection, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection {
      max-width: 1000px;
      width: 100%;
      display: inline-block;
      text-align: center;
      padding: 32px 0 15px 0px; }
      .channelBanner.row .mainContent .titleSection .title, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .title, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .title, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .title, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .title, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .title {
        bottom: -89px;
        font-size: 2.5rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        padding: 5px;
        opacity: 0; }
      .channelBanner.row .mainContent .titleSection .channelTitle, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle {
        text-align: center;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: steps(6, end);
        -moz-transition-timing-function: steps(6, end);
        -o-transition-timing-function: steps(6, end);
        transition-timing-function: steps(6, end);
        padding-bottom: 15px; }
        .channelBanner.row .mainContent .titleSection .channelTitle .channelTitleSegment, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .channelTitleSegment, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .channelTitleSegment, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .channelTitleSegment, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .channelTitleSegment, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .channelTitleSegment {
          vertical-align: middle; }
          .channelBanner.row .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container {
            z-index: 1;
            position: relative;
            margin-left: -10px;
            padding: 0; }
            .channelBanner.row .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container textarea {
              text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .md-char-counter {
          display: none;
          position: absolute;
          right: 0; }
        .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle.editFocus textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle.editFocus textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle.editFocus textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle.editFocus textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle.editFocus textarea {
          background-color: rgba(255, 255, 255, 0.5);
          resize: none;
          text-align: left; }
          .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
            border: solid 1px #f65950; }
          .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea:focus, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle.editFocus textarea:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle.editFocus textarea:focus, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle.editFocus textarea:focus, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle.editFocus textarea:focus, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle.editFocus textarea:focus {
            border: solid 1px #f2f4f4; }
        .channelBanner.row .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter {
          display: block; }
        .channelBanner.row .mainContent .titleSection .channelTitle textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle textarea {
          opacity: 1;
          resize: none;
          overflow: hidden;
          -webkit-border-radius: 0%;
          -moz-border-radius: 0%;
          -ms-border-radius: 0%;
          -o-border-radius: 0%;
          border-radius: 0%;
          background: transparent;
          margin-bottom: 0px;
          margin-left: 0px;
          padding-left: 10px;
          padding-right: 10px;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #ffffff;
          font-size: 3.9rem;
          line-height: 1.2em;
          letter-spacing: .05em;
          min-height: 37px;
          height: auto;
          overflow: hidden;
          border-color: rgba(0, 0, 0, 0);
          text-align: center; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-placeholder, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .md-placeholder, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .md-placeholder, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .md-placeholder, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 3.3rem;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          margin: -52px 0 0 15px;
          color: #dde4e4;
          text-align: left; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder {
          display: none; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 10px;
          color: #ffffff;
          text-align: right; }
        .channelBanner.row .mainContent .titleSection .channelTitle:focus, .settingsGroupModal .channelBanner.memberRow .mainContent .titleSection .channelTitle:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .titleSection .channelTitle:focus, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .titleSection .channelTitle:focus, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .titleSection .channelTitle:focus, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .titleSection .channelTitle:focus {
          border: solid 1px #eceeee; }
    .channelBanner.row .mainContent .descSection, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection {
      max-width: 1000px;
      width: 100%;
      display: inline-block;
      text-align: center; }
      .channelBanner.row .mainContent .descSection .desc, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .desc, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .desc, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .desc, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .desc, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .desc {
        opacity: 0;
        display: none; }
      .channelBanner.row .mainContent .descSection .channelDesc, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc {
        text-align: center;
        opacity: 1;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: steps(6, end);
        -moz-transition-timing-function: steps(6, end);
        -o-transition-timing-function: steps(6, end);
        transition-timing-function: steps(6, end);
        margin-top: -46px; }
        .channelBanner.row .mainContent .descSection .channelDesc .channelDescSegment, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .channelDescSegment, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .channelDescSegment, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .channelDescSegment, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .channelDescSegment, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .channelDescSegment {
          vertical-align: middle; }
          .channelBanner.row .mainContent .descSection .channelDesc .channelDescSegment md-input-container, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .channelDescSegment md-input-container, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .channelDescSegment md-input-container, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .channelDescSegment md-input-container, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .channelDescSegment md-input-container, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .channelDescSegment md-input-container {
            z-index: 1;
            position: relative;
            margin-left: -10px;
            padding: 0; }
            .channelBanner.row .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .channelDescSegment md-input-container textarea {
              text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
        .channelBanner.row .mainContent .descSection .channelDesc .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .md-char-counter {
          display: none;
          position: absolute;
          right: 0; }
        .channelBanner.row .mainContent .descSection .channelDesc.editFocus, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus {
          margin-top: -10px; }
          .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus textarea {
            background-color: rgba(255, 255, 255, 0.5);
            resize: none;
            text-align: left; }
            .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength {
              border: solid 1px #f65950; }
            .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea:focus, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus textarea:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus textarea:focus, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus textarea:focus, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus textarea:focus, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus textarea:focus {
              border: solid 1px #f2f4f4; }
          .channelBanner.row .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter {
            display: block; }
        .channelBanner.row .mainContent .descSection .channelDesc textarea, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc textarea {
          opacity: 1;
          resize: none;
          overflow: hidden;
          -webkit-border-radius: 0%;
          -moz-border-radius: 0%;
          -ms-border-radius: 0%;
          -o-border-radius: 0%;
          border-radius: 0%;
          background: transparent;
          margin-bottom: 0px;
          margin-left: 0px;
          padding: 10px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #ffffff;
          font-size: 1.5rem;
          line-height: 1.2em;
          letter-spacing: .05em;
          min-height: 37px;
          height: auto;
          overflow: hidden;
          border-color: rgba(0, 0, 0, 0);
          text-align: center; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-placeholder, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .md-placeholder, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .md-placeholder, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .md-placeholder, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 1.5rem;
          font-weight: 300;
          margin: -15px 0 0 15px;
          color: #dde4e4;
          text-align: left; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder {
          display: none; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-char-counter, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc .md-char-counter, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc .md-char-counter, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc .md-char-counter, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 10px;
          color: #ffffff;
          text-align: right; }
        .channelBanner.row .mainContent .descSection .channelDesc:focus, .settingsGroupModal .channelBanner.memberRow .mainContent .descSection .channelDesc:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .mainContent .descSection .channelDesc:focus, #readerNavigation .journeyNavigation .channelBanner.navItem .mainContent .descSection .channelDesc:focus, .journeyForumWrapper .channelBanner.journeyConversationTopBar .mainContent .descSection .channelDesc:focus, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .mainContent .descSection .channelDesc:focus {
          border: solid 1px #eceeee; }

@media screen and (max-width: 340px) {
  .leftPanel {
    display: none; }
  .editPanel {
    display: none; } }

/* Small grid */
@media screen and (max-width: 767px) {
  .leftPanel {
    display: none; }
  .editPanel {
    display: none; }
  .text-sm-center {
    text-align: center; }
  .text-sm-right {
    text-align: right; }
  .text-sm-left {
    text-align: left; }
  .channelBanner.row .collectionBannerContent .editPanel, .settingsGroupModal .channelBanner.memberRow .collectionBannerContent .editPanel, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .collectionBannerContent .editPanel, #readerNavigation .journeyNavigation .channelBanner.navItem .collectionBannerContent .editPanel, .journeyForumWrapper .channelBanner.journeyConversationTopBar .collectionBannerContent .editPanel, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .collectionBannerContent .editPanel {
    display: none;
    min-height: initial; }
    .channelBanner.row .collectionBannerContent .editPanel .editActionItem, .settingsGroupModal .channelBanner.memberRow .collectionBannerContent .editPanel .editActionItem, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .collectionBannerContent .editPanel .editActionItem, #readerNavigation .journeyNavigation .channelBanner.navItem .collectionBannerContent .editPanel .editActionItem, .journeyForumWrapper .channelBanner.journeyConversationTopBar .collectionBannerContent .editPanel .editActionItem, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .collectionBannerContent .editPanel .editActionItem {
      padding: 0 0 20px;
      text-align: center;
      vertical-align: top;
      background-color: rgba(0, 0, 0, 0.5); }
  .channelBanner.row .collectionBannerContent .collectionTitle, .settingsGroupModal .channelBanner.memberRow .collectionBannerContent .collectionTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .collectionBannerContent .collectionTitle, #readerNavigation .journeyNavigation .channelBanner.navItem .collectionBannerContent .collectionTitle, .journeyForumWrapper .channelBanner.journeyConversationTopBar .collectionBannerContent .collectionTitle, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .collectionBannerContent .collectionTitle {
    min-height: initial;
    padding: 0; }
    .channelBanner.row .collectionBannerContent .collectionTitle textarea, .settingsGroupModal .channelBanner.memberRow .collectionBannerContent .collectionTitle textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .collectionBannerContent .collectionTitle textarea, #readerNavigation .journeyNavigation .channelBanner.navItem .collectionBannerContent .collectionTitle textarea, .journeyForumWrapper .channelBanner.journeyConversationTopBar .collectionBannerContent .collectionTitle textarea, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .collectionBannerContent .collectionTitle textarea {
      min-height: initial;
      padding: 5px 15px 15px 20px;
      font-size: 20px; }
    .channelBanner.row .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer, .settingsGroupModal .channelBanner.memberRow .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer, #readerNavigation .journeyNavigation .channelBanner.navItem .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer, .journeyForumWrapper .channelBanner.journeyConversationTopBar .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer {
      padding: 0 15px 10px 15px;
      font-size: 11px; } }

/* Medium grid */
@media screen and (max-width: 991px) {
  .text-md-center {
    text-align: center; }
  .text-md-right {
    text-align: right; }
  .text-md-left {
    text-align: left; }
  .channelBanner.row, .settingsGroupModal .channelBanner.memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.membersHeader, #readerNavigation .journeyNavigation .channelBanner.navItem, .journeyForumWrapper .channelBanner.journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .channelBanner.journeyQuestion {
    padding: 0; } }

/* Large grid */
@media (max-width: 1199px) {
  .text-lg-center {
    text-align: center; }
  .text-lg-right {
    text-align: right; }
  .text-lg-left {
    text-align: left; }
  .channelBanner.row.lockBanner .title, .settingsGroupModal .channelBanner.lockBanner.memberRow .title, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .channelBanner.lockBanner.membersHeader .title, #readerNavigation .journeyNavigation .channelBanner.lockBanner.navItem .title, .journeyForumWrapper .channelBanner.lockBanner.journeyConversationTopBar .title, .journeyForumWrapper .journeyQuestionsList .channelBanner.lockBanner.journeyQuestion .title {
    max-width: 80%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .channelBanner {
    height: 300px !important; } }

.channelDetailContainer .channelsContainer {
  max-width: 950px;
  margin: 0  auto;
  margin-top: 50px; }
  .channelDetailContainer .channelsContainer .noCollections {
    text-align: center; }
  .channelDetailContainer .channelsContainer .channelTileContainer {
    display: inline-block;
    width: 435px;
    margin: 18px;
    position: relative; }
  .channelDetailContainer .channelsContainer .channelViewItem {
    width: 310px;
    display: inline-block;
    width: 435px;
    margin: 18px; }
    .channelDetailContainer .channelsContainer .channelViewItem .icon-locked {
      position: absolute;
      top: 80px;
      left: 11px;
      font-size: 1.6rem;
      color: #dde4e4; }
    .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard {
      display: inline-block;
      padding-top: 98px;
      height: 246px;
      cursor: pointer;
      float: left;
      background-color: #eceeee;
      border: 2px #ffffff dashed;
      color: #3b3d40;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.1rem;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
      -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
      -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
      -o-transition: background-color 0.1s linear, border-color 0.1s linear;
      transition: background-color 0.1s linear, border-color 0.1s linear;
      color: #3b3d40; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard:hover {
        background-color: #ffffff;
        border-color: #eceeee; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard i {
        color: #29c896;
        font-size: 2.2rem;
        display: block;
        margin-bottom: 20px; }

@media screen and (max-width: 950px) {
  .channelDetailContainer .channelsContainer {
    max-width: 520px; } }

@media screen and (max-width: 767px) {
  .channelDetailContainer .channelsContainer {
    margin: 0 auto;
    max-width: 472px; } }

@media screen and (max-width: 479px) {
  .channelDetailContainer .channelsContainer {
    margin: 0 auto;
    max-width: 330px; }
    .channelDetailContainer .channelsContainer .channelViewItem {
      height: 275px; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard {
        width: calc(100% - 36px);
        height: 200px;
        padding-top: 66px; }
    .channelDetailContainer .channelsContainer .channelTileContainer {
      width: calc(100% - 36px); } }

.addCollectionModal {
  max-height: 550px;
  margin-bottom: 15px; }
  .addCollectionModal .collectionsListContainer {
    margin: 8px 0px;
    max-height: 450px;
    overflow-y: scroll; }
    .addCollectionModal .collectionsListContainer .collectionsListItem {
      margin: 10px; }
      .addCollectionModal .collectionsListContainer .collectionsListItem .checkBox {
        margin-right: 1.5rem; }
        .addCollectionModal .collectionsListContainer .collectionsListItem .checkBox .addedCollection {
          background-color: #95a6a6; }
      .addCollectionModal .collectionsListContainer .collectionsListItem .collectionAdded {
        width: 18px;
        height: 18px;
        margin: .6rem 0 0.6rem 0.6rem;
        color: #29c896;
        display: inline-block; }
      .addCollectionModal .collectionsListContainer .collectionsListItem h6 {
        text-transform: none;
        font-size: 1.3rem; }

.channelTileWrapper .channelActionsContainer i {
  line-height: 45px; }

.channelTileWrapper .channelActionsContainer .channelActions {
  margin-right: -18px;
  position: absolute;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-top: -250px;
  background: #ffffff;
  height: 45px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  width: 45px;
  right: -5px;
  font-size: 16px; }

.channelTileWrapper .channelActionsContainer .removeAction {
  display: block; }
  .channelTileWrapper .channelActionsContainer .removeAction:hover {
    color: #f65950; }

.channelTileWrapper .channelActionsContainer .recoverAction {
  display: none; }

.channelTileWrapper .channelActionsContainer.toBeRemoved {
  opacity: 0.3;
  -webkit-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
  .channelTileWrapper .channelActionsContainer.toBeRemoved .removeAction {
    display: none; }
  .channelTileWrapper .channelActionsContainer.toBeRemoved .recoverAction {
    display: block; }

.channelSocialShare .socialShareWrapper .facebookShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .linkedInShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .twitterShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .emailShareBlock {
  background-color: white;
  border-radius: 2px; }

div.notificationBaseCard {
  width: 450px;
  min-height: 50px;
  border-bottom: 1px solid #dde4e4;
  position: relative;
  background: #ffffff;
  font-size: 1.5rem;
  line-height: 1.4em;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  cursor: pointer; }
  div.notificationBaseCard.unread {
    background-color: #eceeee; }
  div.notificationBaseCard .indicators {
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    position: absolute;
    width: 42px;
    height: 0px; }
  div.notificationBaseCard i.dot {
    height: 10px;
    width: 10px;
    background-color: #f65950;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    cursor: pointer; }
  div.notificationBaseCard a {
    float: none;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 1.3rem;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    color: #26b099; }
  div.notificationBaseCard .notification-time {
    font-size: 1.1rem;
    color: #95a6a6;
    margin-right: -25px;
    position: relative;
    top: -15px; }
  div.notificationBaseCard .profileAvatar {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.25rem 0 .5rem;
    height: 4rem;
    width: 4rem; }
    div.notificationBaseCard .profileAvatar img {
      height: 100%;
      width: 100%;
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    div.notificationBaseCard .profileAvatar .icon-user {
      color: #ffffff;
      background-color: #dde4e4;
      height: 3.5rem;
      width: 3.5rem;
      font-size: 2.5em;
      line-height: 1.4;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      text-align: center; }
    div.notificationBaseCard .profileAvatar .userImage {
      height: 3.5rem;
      width: 3.5rem;
      overflow: hidden;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      div.notificationBaseCard .profileAvatar .userImage.offset {
        position: absolute;
        top: 0px;
        left: 0px; }
  div.notificationBaseCard.tile a {
    text-align: center; }
  div.notificationBaseCard.tile .notificationText {
    width: 100%; }
    div.notificationBaseCard.tile .notificationText .notificationMainText {
      width: 100%;
      font-size: 1.3rem; }
      div.notificationBaseCard.tile .notificationText .notificationMainText a {
        font-size: 1em;
        vertical-align: middle;
        display: inline; }
      div.notificationBaseCard.tile .notificationText .notificationMainText .conversationText {
        font-size: 1em;
        width: 100%; }
      div.notificationBaseCard.tile .notificationText .notificationMainText a.conversationText, div.notificationBaseCard.tile .notificationText .notificationMainText strong {
        font-family: "MuseoSansRounded500", "Arial", sans-serif; }
  div.notificationBaseCard .fix-link {
    color: #000000; }
    div.notificationBaseCard .fix-link a:hover {
      color: #26b099 !important; }
    div.notificationBaseCard .fix-link a:visited {
      color: #3b3d40; }
  div.notificationBaseCard .notificationText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6rem); }
    div.notificationBaseCard .notificationText .notificationMainText {
      width: calc(100% - 60px); }
    div.notificationBaseCard .notificationText a {
      display: inline-block;
      max-width: 100%; }
      div.notificationBaseCard .notificationText a.userName {
        color: #3b3d40;
        font-size: 1.5rem;
        line-height: 1.5; }
    div.notificationBaseCard .notificationText a:hover {
      color: #26b099 !important; }
    div.notificationBaseCard .notificationText a:visited {
      color: #3b3d40; }
    div.notificationBaseCard .notificationText .conversationText {
      display: block;
      color: #3b3d40;
      font-size: 1.3rem;
      line-height: 1.7;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      width: 180px; }
    div.notificationBaseCard .notificationText .conversationContentTitle {
      font-size: 1.2rem;
      color: #95a6a6; }

.feedbackModal .declaraModal-content ul.ss-choices {
  /* Google form class */
  margin-bottom: 2rem; }

.feedbackModal .declaraModal-content .required-message,
.feedbackModal .declaraModal-content .ss-password-warning {
  /* Google form classes */
  display: none; }

.feedbackModal .declaraModal-content .button {
  margin-left: 0; }

.ftux {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }
  .ftux .tip {
    position: absolute;
    min-height: 100px;
    width: 200px;
    background-color: #29c896;
    margin-left: -100px;
    margin-top: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    padding: 2.5rem;
    text-align: center;
    color: #ffffff; }
    .ftux .tip p {
      font-size: 1.6rem;
      line-height: 1.2em;
      margin-bottom: 2rem; }
      .ftux .tip p.small {
        margin-bottom: 0;
        font-size: 1.1rem;
        letter-spacing: 0.1em; }
    .ftux .tip button, .ftux .tip .button {
      margin-bottom: 2rem;
      font-size: 1.1rem;
      padding: 0 2rem; }
    .ftux .tip:before {
      content: "\e61f";
      font-family: 'icomoon';
      position: absolute;
      top: -4px;
      left: 50%;
      margin-left: -10px;
      display: block;
      width: 20px;
      height: 10px;
      font-size: 2rem;
      color: #29c896;
      z-index: -1; }
    .ftux .tip.altArrowRight {
      margin-top: 10px; }
      .ftux .tip.altArrowRight:before {
        left: 77%; }
    .ftux .tip.altArrowLeft {
      margin-left: 0; }
      .ftux .tip.altArrowLeft:before {
        left: 80px; }

.addDrawerContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }
  .addDrawerContainer.limitedHeight {
    display: flex; }
    .addDrawerContainer.limitedHeight .addDrawer {
      position: static; }
  .addDrawerContainer .alert {
    position: absolute;
    bottom: 20px;
    color: #f65950; }
  .addDrawerContainer .button.action:hover, .addDrawerContainer button.action:hover {
    background-color: #26b099; }
  .addDrawerContainer .add_drawer__spinner {
    transform: scale(0.5) !important;
    float: right;
    margin-right: 20px;
    margin-top: -5px; }
  .addDrawerContainer .backFill {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1; }
  .addDrawerContainer .success {
    text-align: center; }
    .addDrawerContainer .success .folder {
      position: relative;
      height: 135px;
      margin: 0 auto;
      width: 180px; }
      .addDrawerContainer .success .folder i {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 100px;
        color: #29c896;
        width: 82px; }
        .addDrawerContainer .success .folder i.icon-article-share {
          padding-top: 24px; }
        .addDrawerContainer .success .folder i.icon-sparks {
          color: #986daa;
          width: 173px;
          font-size: 135px; }
  .addDrawerContainer .groupPicker h4 {
    padding: 0 20px;
    margin-bottom: 16px; }
  .addDrawerContainer .uploadFile {
    color: #95a6a6;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    margin-bottom: 20px; }
    .addDrawerContainer .uploadFile i {
      font-size: 40px;
      padding: 16px;
      display: block;
      color: #29c896; }
    .addDrawerContainer .uploadFile span {
      display: block;
      font-size: 15px; }
    .addDrawerContainer .uploadFile .groupUploadInProgress {
      text-align: center; }
      .addDrawerContainer .uploadFile .groupUploadInProgress md-progress-circular {
        display: inline-block; }
  .addDrawerContainer .addDrawer {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 610px;
    min-height: 100px;
    height: 300px;
    max-height: calc(89vh - 100px);
    height: auto;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    overflow: auto;
    z-index: 3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
    .addDrawerContainer .addDrawer.imported, .addDrawerContainer .addDrawer.pickGroup {
      padding: 0; }
      .addDrawerContainer .addDrawer.imported .options, .addDrawerContainer .addDrawer.pickGroup .options {
        margin: 0 0 20px; }
    .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer {
      text-align: center; }
      .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer .input {
        width: 410px;
        max-width: 100%;
        display: inline-block; }
    .addDrawerContainer .addDrawer .fireUp, .addDrawerContainer .addDrawer .uploadDocumentSequenceContainer, .addDrawerContainer .addDrawer .uploadDocumentSequenceContainer form {
      display: inline; }
    .addDrawerContainer .addDrawer .extensionMessage {
      height: 88px;
      background-color: #eceeee;
      margin: -20px -20px 20px;
      padding: 15px;
      position: relative; }
      .addDrawerContainer .addDrawer .extensionMessage button {
        border: 0 none;
        padding: 0;
        line-height: 1;
        background-color: transparent;
        text-transform: none;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        display: inline;
        vertical-align: middle;
        font-size: 13px;
        letter-spacing: normal; }
      .addDrawerContainer .addDrawer .extensionMessage img {
        display: inline;
        vertical-align: middle; }
    .addDrawerContainer .addDrawer .options {
      margin: -20px -20px 20px;
      padding: 20px 20px 0;
      border-bottom: solid 1px #eceeee; }
      .addDrawerContainer .addDrawer .options a {
        display: inline-block;
        font-size: 14px;
        line-height: 1.3;
        color: #3b3d40;
        margin-right: 20px;
        border-bottom: solid 1px transparent;
        padding-bottom: 20px; }
        .addDrawerContainer .addDrawer .options a.active {
          border-bottom-color: #29c896; }
          .addDrawerContainer .addDrawer .options a.active:hover {
            text-decoration: none; }
      .addDrawerContainer .addDrawer .options i {
        color: #3b3d40;
        height: 17px;
        line-height: 17px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
        .addDrawerContainer .addDrawer .options i.icon-link2 {
          font-size: 22px; }
        .addDrawerContainer .addDrawer .options i.icon-file-upload {
          font-size: 29px; }
        .addDrawerContainer .addDrawer .options i.icon-pencil {
          font-size: 22px; }
    .addDrawerContainer .addDrawer p {
      margin: 0 0 10px;
      font-size: 1.3rem;
      line-height: 1.2; }
    .addDrawerContainer .addDrawer button.close {
      position: absolute;
      right: 10px;
      top: 12px; }
      .addDrawerContainer .addDrawer button.close.icon-x {
        color: #95a6a6; }
    .addDrawerContainer .addDrawer h3 {
      line-height: 1.2;
      color: #3b3d40; }
  .addDrawerContainer .tabs {
    margin: 0;
    padding: 20px 0 0 0; }
    .addDrawerContainer .tabs button.tab {
      display: inline-block;
      height: auto;
      margin-bottom: -1px;
      background: transparent;
      padding: 0 15px 20px;
      border: 0 none;
      border-bottom: solid 1px transparent;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      color: #3b3d40;
      font-size: 14px;
      line-height: 1.3;
      text-transform: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      letter-spacing: normal; }
      .addDrawerContainer .tabs button.tab:first-child {
        margin-left: 20px; }
      .addDrawerContainer .tabs button.tab:hover {
        text-decoration: underline; }
      .addDrawerContainer .tabs button.tab.active {
        border-bottom-color: #29c896;
        color: #3b3d40; }
        .addDrawerContainer .tabs button.tab.active:hover {
          text-decoration: none; }
    .addDrawerContainer .tabs .tabBody {
      display: none;
      border-top: solid 1px #dde4e4;
      padding-top: 16px; }
      .addDrawerContainer .tabs .tabBody.active {
        display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer button {
    float: right;
    margin-top: 10px; } }

.collectionSidebarContainer {
  margin-bottom: 10px; }
  .collectionSidebarContainer .inView-marker {
    height: 1px; }
  .collectionSidebarContainer .list .orgNameLabel {
    display: block;
    margin: 20px 20px 10px;
    padding: 20px 0 0 0;
    border-top: solid 1px #dde4e4;
    font-size: 1.4rem;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    text-transform: uppercase; }
  .collectionSidebarContainer .list h6 {
    margin: 20px 0;
    padding: 0 20px; }
  .collectionSidebarContainer .ghostCard {
    float: none;
    margin-left: 0;
    margin-right: 0; }
  .collectionSidebarContainer .createCollectionInline.button {
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    text-align: left;
    text-transform: none;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    padding: 0 16px; }
    .collectionSidebarContainer .createCollectionInline.button:hover {
      background-color: transparent; }
      .collectionSidebarContainer .createCollectionInline.button:hover .init i {
        background-color: #29c896;
        color: #ffffff; }
    .collectionSidebarContainer .createCollectionInline.button > * {
      padding: 0; }
    .collectionSidebarContainer .createCollectionInline.button .init {
      font-size: 1.3rem; }
      .collectionSidebarContainer .createCollectionInline.button .init i {
        display: inline-block;
        height: 45px;
        width: 45px;
        line-height: 45px;
        text-align: center;
        border: solid 2px #29c896;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding-right: 0;
        margin-right: 10px; }
  .collectionSidebarContainer .collectionSearchInput {
    background-color: #eceeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    margin: 0 16px 16px; }
    .collectionSidebarContainer .collectionSearchInput .icon-search {
      position: absolute;
      left: 10px;
      top: 20px;
      font-size: 1.5rem;
      color: #3b3d40; }
    .collectionSidebarContainer .collectionSearchInput .input {
      display: block;
      padding-left: 16px; }
      .collectionSidebarContainer .collectionSearchInput .input input {
        background: none transparent;
        border: 0 none;
        width: 100%;
        margin: 0; }
  .collectionSidebarContainer .collectionListItem {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px; }
    .collectionSidebarContainer .collectionListItem .stateIndicator {
      position: absolute;
      left: 0;
      top: 0;
      width: 90%;
      height: 100%;
      z-index: 1; }
    .collectionSidebarContainer .collectionListItem .collectionImage {
      height: 50px;
      width: 50px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      position: relative;
      z-index: 2; }
    .collectionSidebarContainer .collectionListItem .completeState {
      position: absolute;
      background-color: #29c896;
      z-index: 3;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      font-size: 1.3rem;
      line-height: 1.2;
      top: 0;
      left: 0; }
    .collectionSidebarContainer .collectionListItem .noPermissions {
      position: absolute;
      right: 2rem;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      font-size: 1.3rem;
      line-height: 1.2;
      top: 0.6rem;
      background: #f2f4f4;
      padding: 1rem;
      z-index: 3;
      color: #f65950; }
      .collectionSidebarContainer .collectionListItem .noPermissions.loader {
        padding: 0;
        top: 0;
        background: none; }
    .collectionSidebarContainer .collectionListItem.error .completeState {
      background-color: #f65950; }
    .collectionSidebarContainer .collectionListItem i {
      position: relative;
      height: 18px;
      width: 25px;
      display: inline-block;
      vertical-align: middle; }
      .collectionSidebarContainer .collectionListItem i:before, .collectionSidebarContainer .collectionListItem i:after {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 3px;
        margin: auto;
        font-family: 'icomoon';
        font-size: 1.3rem;
        line-height: 1; }
      .collectionSidebarContainer .collectionListItem i:after {
        top: 3px;
        left: 0;
        content: "\e909";
        /* Bottom icon */
        z-index: 1;
        background: #f2f4f4; }
    .collectionSidebarContainer .collectionListItem .collectionTitle {
      word-break: break-word;
      color: #3b3d40;
      letter-spacing: 0;
      text-transform: none;
      text-align: left;
      font-size: 1.3rem;
      line-height: 1.2;
      display: inline;
      position: relative;
      z-index: 2;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      vertical-align: middle; }
    .collectionSidebarContainer .collectionListItem:hover {
      background-color: #dde4e4; }
      .collectionSidebarContainer .collectionListItem:hover .collectionButton {
        display: inline-block; }
      .collectionSidebarContainer .collectionListItem:hover i:after {
        background: #dde4e4; }
    .collectionSidebarContainer .collectionListItem .collectionButton {
      display: none;
      position: absolute;
      right: 16px;
      top: 0;
      bottom: 0;
      z-index: 2;
      margin: auto;
      vertical-align: middle; }
      .collectionSidebarContainer .collectionListItem .collectionButton[disabled] {
        background: inherit;
        border: inherit;
        color: inherit;
        cursor: default; }
      .collectionSidebarContainer .collectionListItem .collectionButton:not([disabled]):hover {
        background-color: #26b099; }
    .collectionSidebarContainer .collectionListItem .saved {
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto 0;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      color: #95a6a6; }
      .collectionSidebarContainer .collectionListItem .saved .icon-check {
        color: #29c896; }
    .collectionSidebarContainer .collectionListItem .icon-locked {
      font-size: 1.5rem;
      color: #95a6a6; }
    .collectionSidebarContainer .collectionListItem .completeState {
      display: none;
      color: #ffffff; }
      .collectionSidebarContainer .collectionListItem .completeState.withButton .message {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0; }
      .collectionSidebarContainer .collectionListItem .completeState .message {
        line-height: 2.1rem;
        margin-top: 6px; }
      .collectionSidebarContainer .collectionListItem .completeState button {
        display: none;
        border: none;
        background-color: rgba(0, 0, 0, 0.2);
        font-size: 0.8rem;
        color: white;
        padding: 10px;
        height: 28px;
        line-height: normal;
        margin-top: 14px; }
    .collectionSidebarContainer .collectionListItem.loading .stateIndicator {
      background-color: #26b099;
      width: 95%;
      -webkit-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -moz-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .collectionSidebarContainer .collectionListItem.error .collectionButton, .collectionSidebarContainer .collectionListItem.success .collectionButton {
      display: none; }
    .collectionSidebarContainer .collectionListItem.error .completeState, .collectionSidebarContainer .collectionListItem.success .completeState {
      display: block; }
    .collectionSidebarContainer .collectionListItem.error .stateIndicator, .collectionSidebarContainer .collectionListItem.success .stateIndicator {
      width: 100%; }
    .collectionSidebarContainer .collectionListItem.error .stateIndicator {
      background-color: #f65950; }
    .collectionSidebarContainer .collectionListItem.error .withButton .message {
      width: calc(100% - 53px); }
    .collectionSidebarContainer .collectionListItem.error .errorButton {
      display: inline-block; }
    .collectionSidebarContainer .collectionListItem.success .stateIndicator {
      background-color: #29c896; }
    .collectionSidebarContainer .collectionListItem.success .withButton .message {
      width: calc(100% - 80px); }
    .collectionSidebarContainer .collectionListItem.success .successButton {
      display: inline-block; }

@-moz-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-webkit-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-o-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-ms-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

.fitImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.loader {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  max-height: 350px;
  height: 350px;
  overflow: hidden;
  display: block;
  clear: both;
  -webkit-animation: showLoader 0.5s linear;
  -moz-animation: showLoader 0.5s linear;
  -ms-animation: showLoader 0.5s linear;
  -o-animation: showLoader 0.5s linear;
  animation: showLoader 0.5s linear; }
  .loader.short {
    max-height: 90px;
    height: 90px; }
    .loader.short h5 {
      margin-top: 10px; }
  .loader.abs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(221, 228, 228, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-top: -20px;
    width: 440px; }
    .loader.abs h5 {
      margin-top: 30px; }
    .loader.abs .loadMe {
      background-color: #3b3d40;
      width: 380px; }

@-moz-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-webkit-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-o-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-ms-keyframes showLoader {
  .loader from {
    height: 0;
    opacity: 0; }
  .loader 50% {
    height: 350px;
    opacity: 0.5; }
  .loader to {
    height: 350px;
    opacity: 1; } }

@keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }
  .loader.hideLoader {
    height: 0;
    opacity: 0;
    padding: 0;
    -webkit-animation: hideLoader 0.5s linear;
    -moz-animation: hideLoader 0.5s linear;
    -ms-animation: hideLoader 0.5s linear;
    -o-animation: hideLoader 0.5s linear;
    animation: hideLoader 0.5s linear; }

@-moz-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-webkit-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-o-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-ms-keyframes hideLoader {
  .loader.hideLoader from {
    height: 350px;
    opacity: 1; }
  .loader.hideLoader 50% {
    height: 350px;
    opacity: 0.5; }
  .loader.hideLoader to {
    height: 0;
    opacity: 0; } }

@keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }
  .loader h2 {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    font-size: 2.7rem;
    font-weight: 400; }
  .loader h5 {
    margin-top: 50px; }
  .loader .quoteImg {
    height: 48px;
    width: 48px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; }
    .loader .quoteImg img {
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .loader .loadMe {
    height: 2px;
    width: 400px;
    margin: 0 auto;
    background-color: #eceeee;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px; }

@-moz-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-webkit-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-o-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-ms-keyframes growWidth {
  .loader .loadMe 0% {
    width: 0%; }
  .loader .loadMe 30% {
    width: 40%; }
  .loader .loadMe 75% {
    width: 55%; }
  .loader .loadMe 80% {
    width: 60%; }
  .loader .loadMe 100% {
    width: 98%; } }

@keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }
    .loader .loadMe:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      height: 2px;
      width: 98%;
      background-color: #29c896;
      -webkit-animation: growWidth 3s linear;
      -moz-animation: growWidth 3s linear;
      -ms-animation: growWidth 3s linear;
      -o-animation: growWidth 3s linear;
      animation: growWidth 3s linear; }

.imgInfo {
  width: 13rem;
  padding-top: 2rem; }
  .imgInfo label.imageUpload {
    cursor: pointer;
    font-size: 1.1rem;
    color: #26b099;
    width: 100%;
    text-align: center; }
    .imgInfo label.imageUpload i, .imgInfo label.imageUpload img {
      height: 7.1rem;
      width: 7.1rem;
      border-radius: 50%;
      display: block;
      margin: 0 auto 1.2rem;
      background-color: #dde4e4;
      color: #eceeee;
      font-size: 2.6rem;
      text-align: center;
      line-height: 7.1rem; }
  .imgInfo input[type="file"] {
    display: none; }

.pictureType {
  text-transform: lowercase; }

.chromeExtLink.tile p {
  margin-bottom: 10px;
  font-size: 1.2rem; }

.chromeExtLink.tile .buttonBlock {
  text-align: center; }

.chromeExtLink.tile img {
  height: 58px;
  width: 58px;
  float: right;
  margin-top: -15px; }

.editorView {
  min-height: calc(100vh - 56px - 70px);
  max-height: calc(100vh - 56px - 70px);
  background: #f2f4f4;
  margin-top: 70px;
  padding-top: 20px;
  overflow: hidden; }
  .editorView .editorSection {
    padding: 0 20px; }
  .editorView .editorCard {
    display: block;
    background: white;
    box-shadow: 0 1px 4px #CCC;
    padding: 10px 20px;
    position: relative; }
    .editorView .editorCard .title {
      border-bottom: 1px solid #dde4e4;
      padding: 0.5rem 0;
      margin-bottom: 1rem; }
    .editorView .editorCard .emptyTitle {
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .editorView .editorCard .empty {
      text-align: center; }
      .editorView .editorCard .empty .text {
        font-size: 1.5rem;
        color: #95a6a6;
        line-height: 1.6; }
      .editorView .editorCard .empty img {
        height: 12rem; }
      .editorView .editorCard .empty.recommendations img {
        height: 8rem;
        margin: 2rem 0; }
    .editorView .editorCard .typing {
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
      .editorView .editorCard .typing img {
        width: 2.5rem;
        margin: 0 auto; }
    .editorView .editorCard .alpha-label {
      position: absolute;
      right: 2rem;
      top: 1.4rem;
      padding: 0.4rem 0.75rem;
      background: #f65950;
      color: #ffffff;
      text-transform: uppercase;
      font-family: 'MuseoSansRounded500';
      letter-spacing: 1px;
      border-radius: 0.3rem;
      font-size: 0.9rem;
      vertical-align: middle;
      line-height: 1rem; }
  .editorView .userTagsDiv .notags {
    border: none;
    color: #95a6a6; }
  .editorView .editorDiv {
    height: calc(100vh - 56px - 70px - 40px); }
  .editorView .recommendedTagsDiv {
    min-height: 25rem;
    max-height: 25rem;
    overflow: auto; }
    .editorView .recommendedTagsDiv .tag {
      -webkit-transition: transform color 0.6s;
      -ms-transition: transform color 0.6s;
      -moz-transition: transform color 0.6s;
      -o-transition: transform color 0.6s;
      transition: transform color 0.6s;
      transform: scale(1);
      background: #E8EAF6;
      color: #3b3d40; }
      .editorView .recommendedTagsDiv .tag.enter {
        background: #B39DDB;
        color: #ffffff;
        transform: scale(1.3); }
  .editorView .articleDiv {
    min-height: calc(100vh - 56px - 70px - 25rem - 60px);
    max-height: calc(100vh - 56px - 70px - 25rem - 60px);
    overflow: auto;
    margin-top: 20px; }
  .editorView .buttonBar {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid #dde4e4;
    padding: 18px 30px;
    text-align: center;
    z-index: 1; }
    .editorView .buttonBar .publishButton {
      float: right;
      margin-left: 10px; }
    .editorView .buttonBar .delete-btn {
      float: left;
      margin-right: 10px;
      color: red;
      border: 1px solid #f65950; }
    .editorView .buttonBar .delete-btn:hover {
      background-color: #FFE6E6; }
    .editorView .buttonBar [disabled] {
      pointer-events: none; }
    .editorView .buttonBar .btn-wrapper {
      float: right; }
    .editorView .buttonBar .btn-wrapper-left {
      float: left; }
  .editorView .messageBar {
    position: fixed;
    top: 56px;
    left: 0%;
    width: 100%;
    color: #ffffff;
    border-bottom: 1px solid #dde4e4;
    text-align: center;
    font-size: 1.5rem;
    box-sizing: border-box;
    z-index: 2; }
    .editorView .messageBar .errorBlock {
      background-color: #f65950;
      max-height: 70px;
      min-height: 70px;
      padding: 20px 30px; }
    .editorView .messageBar .noAction {
      padding: 25px 30px; }
    .editorView .messageBar .successBlock {
      background-color: #29c896;
      max-height: 70px;
      min-height: 70px;
      padding: 27px 30px; }
    .editorView .messageBar .delete-btn {
      color: #FFFFFF;
      border: 1px solid #FFFFFF;
      background-color: #f65950;
      margin-left: 20px; }
    .editorView .messageBar .delete-btn:hover {
      background-color: #FFE6E6;
      color: #f65950; }
    .editorView .messageBar .delete-btn:focus {
      background-color: #F58787;
      color: #FFFFFF; }
  .editorView .editorTitle,
  .editorView .editorDescription {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    font-size: 3.9rem;
    border: none;
    border-bottom: 1px solid #f2f4f4;
    border-radius: 3px;
    padding: 3px 10px;
    width: 100%; }
    .editorView .editorTitle::-webkit-input-placeholder,
    .editorView .editorDescription::-webkit-input-placeholder {
      font-size: 3.9rem;
      font-style: normal;
      color: #dde4e4; }
    .editorView .editorTitle:-moz-placeholder,
    .editorView .editorDescription:-moz-placeholder {
      font-size: 3.9rem;
      font-style: normal;
      color: #dde4e4;
      opacity: 1; }
    .editorView .editorTitle::-moz-placeholder,
    .editorView .editorDescription::-moz-placeholder {
      font-size: 3.9rem;
      font-style: normal;
      color: #dde4e4;
      opacity: 1; }
    .editorView .editorTitle:-ms-input-placeholder,
    .editorView .editorDescription:-ms-input-placeholder {
      font-size: 3.9rem;
      font-style: normal;
      color: #dde4e4; }
  .editorView .editorDescription {
    font-size: 1.9rem;
    margin-top: 1rem; }
    .editorView .editorDescription::-webkit-input-placeholder {
      font-size: 1.9rem;
      font-style: normal;
      color: #dde4e4; }
    .editorView .editorDescription:-moz-placeholder {
      font-size: 1.9rem;
      font-style: normal;
      color: #dde4e4;
      opacity: 1; }
    .editorView .editorDescription::-moz-placeholder {
      font-size: 1.9rem;
      font-style: normal;
      color: #dde4e4;
      opacity: 1; }
    .editorView .editorDescription:-ms-input-placeholder {
      font-size: 1.9rem;
      font-style: normal;
      color: #dde4e4; }
  .editorView .editorDirective {
    width: 672px;
    max-width: 90%;
    margin: 70px auto 0;
    padding-top: 40px; }
    .editorView .editorDirective input[type="file"] {
      display: none; }
    .editorView .editorDirective .authorInfo {
      text-align: left;
      margin-top: 40px;
      margin-left: 11px; }
      .editorView .editorDirective .authorInfo .userTile {
        padding: 10px 0px; }
    .editorView .editorDirective .editable {
      padding: 1rem 2rem;
      border: 1px solid #f2f4f4;
      text-align: left;
      min-height: 60vh;
      display: block;
      margin-top: 1rem;
      font-size: 1.8rem;
      line-height: 1.6;
      font-family: 'MuseoSansRounded300'; }
      .editorView .editorDirective .editable b {
        font-family: 'MuseoSansRounded700'; }
      .editorView .editorDirective .editable p {
        font-family: 'MuseoSansRounded300';
        font-style: normal; }
      .editorView .editorDirective .editable i {
        font-style: italic; }
    .editorView .editorDirective .medium-editor-action-italic {
      color: #ccc; }
    .editorView .editorDirective .medium-editor-placeholder-relative:after, .editorView .editorDirective .medium-editor-placeholder:after {
      font-size: 1.8rem;
      margin-top: 1rem;
      font-style: normal;
      color: #dde4e4; }
    .editorView .editorDirective .postItem {
      margin-top: 45px;
      padding: 15px;
      border: 1px solid #f2f4f4;
      border-radius: 5px;
      position: relative;
      min-height: 400px; }
      .editorView .editorDirective .postItem .insertToolbar {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: absolute;
        right: calc(100% + 35px); }
        .editorView .editorDirective .postItem .insertToolbar .insertButton {
          margin-top: 10px;
          min-width: 100px;
          cursor: pointer; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton label {
            margin-top: 5px;
            cursor: pointer; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton .circleButton {
            float: left; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton .active {
            border-color: #26b099;
            color: #26b099; }
            .editorView .editorDirective .postItem .insertToolbar .insertButton .active i {
              color: #26b099; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton h6 {
            float: left;
            padding: 10px 0 0 10px;
            color: #95a6a6; }
      .editorView .editorDirective .postItem .postDetail-body {
        position: relative;
        z-index: 1;
        padding: 0; }
        .editorView .editorDirective .postItem .postDetail-body .insightTile {
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none; }
          .editorView .editorDirective .postItem .postDetail-body .insightTile .tileContent {
            border: 1px solid #dde4e4; }
            .editorView .editorDirective .postItem .postDetail-body .insightTile .tileContent .contentDetails {
              padding-top: 30px; }
          .editorView .editorDirective .postItem .postDetail-body .insightTile a {
            text-decoration: none; }
        .editorView .editorDirective .postItem .postDetail-body .editorEmbeddedImage {
          max-width: 100%;
          align: center; }
        .editorView .editorDirective .postItem .postDetail-body .imagePlaceholder {
          margin-left: 35%;
          width: 30%;
          height: 100px;
          background-color: #dde4e4; }
      .editorView .editorDirective .postItem .placeholder {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        font-size: 16px;
        color: #95a6a6;
        position: absolute;
        top: 20px; }

#confirmDeleteModal h3 {
  text-transform: none; }

.meditorBody {
  border: 1px solid #f2f4f4;
  height: calc(100vh - 300px);
  overflow: scroll; }

@media screen and (max-width: 768px) {
  .editorView .buttonBar {
    top: 98px;
    -webkit-transform: translate(0, -128px);
    -moz-transform: translate(0, -128px);
    -ms-transform: translate(0, -128px);
    -o-transform: translate(0, -128px);
    transform: translate(0, -128px);
    -webkit-transition: transform 0.7s;
    -ms-transition: transform 0.7s;
    -moz-transition: transform 0.7s;
    -o-transition: transform 0.7s;
    transition: transform 0.7s; }
    .editorView .buttonBar.vis {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .editorView .buttonBar button {
      padding: 0 5px; } }

.newEditorDirective {
  font-family: 'MuseoSansRounded300';
  background: #ffffff;
  overflow: auto;
  padding: 1rem; }
  .newEditorDirective p {
    max-width: 100%; }
  .newEditorDirective #mainEditor {
    height: 60vh;
    overflow: auto; }
  .newEditorDirective ul {
    list-style-type: disc;
    list-style-position: inside; }
    .newEditorDirective ul li {
      margin: 2px 0; }
  .newEditorDirective ol {
    list-style-type: decimal;
    list-style-position: inside; }
    .newEditorDirective ol li {
      margin: 2px 0; }

.editorDirectiveNew {
  margin-top: 10px; }
  .editorDirectiveNew .mce-btn, .editorDirectiveNew .mce-stack-layout-item {
    background: white;
    border: none; }
  .editorDirectiveNew .mce-edit-area {
    margin-top: 5px;
    border-top: 1px solid #dde4e4; }
  .editorDirectiveNew .mce-panel {
    background: white;
    border: 0px solid #eceeee; }

#editor-collection-list-modal, #editor-insight-modal {
  min-height: 550px;
  max-height: 550px;
  overflow-x: hidden;
  margin-bottom: 15px; }
  #editor-collection-list-modal .emptyMsg, #editor-insight-modal .emptyMsg {
    text-align: center; }
  #editor-collection-list-modal .post-to-collection-success-message, #editor-insight-modal .post-to-collection-success-message {
    margin: 20px 0px;
    font-size: 1.3rem; }
  #editor-collection-list-modal .icon-d3-insight, #editor-insight-modal .icon-d3-insight {
    height: 5rem;
    font-size: 4rem;
    width: 5rem; }
  #editor-collection-list-modal label.inline-checkbox-label, #editor-insight-modal label.inline-checkbox-label {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    line-height: 2rem;
    margin-top: -4px;
    padding: 3px 0px; }
  #editor-collection-list-modal .editor-insights-article-title, #editor-insight-modal .editor-insights-article-title {
    margin: 12px 0px; }
  #editor-collection-list-modal .editor-insights-list, #editor-insight-modal .editor-insights-list {
    margin: 0px 0px 8px 0px;
    padding-top: 8px;
    height: 450px;
    overflow-y: scroll;
    border-top: 1px solid #f2f4f4; }
  #editor-collection-list-modal .editor-insights-list-item, #editor-insight-modal .editor-insights-list-item {
    margin: 8px 0px; }
  #editor-collection-list-modal .annotator-hl, #editor-insight-modal .annotator-hl {
    line-height: 2rem; }
  #editor-collection-list-modal td, #editor-insight-modal td {
    vertical-align: top; }
  #editor-collection-list-modal td.create-collection-row, #editor-insight-modal td.create-collection-row {
    padding: 10px 0px; }
    #editor-collection-list-modal td.create-collection-row a, #editor-insight-modal td.create-collection-row a {
      text-decoration: none; }
  #editor-collection-list-modal .error, #editor-insight-modal .error {
    padding: 10px;
    background-color: #f65950;
    color: #FFFFFF;
    margin-bottom: 15px; }
  #editor-collection-list-modal .options, #editor-insight-modal .options {
    margin: -20px -20px 20px;
    padding: 20px 20px 0;
    border-bottom: solid 1px #eceeee; }
    #editor-collection-list-modal .options a, #editor-insight-modal .options a {
      display: inline-block;
      font-size: 14px;
      line-height: 1.3;
      color: #3b3d40;
      margin-right: 20px;
      border-bottom: solid 1px transparent;
      padding-bottom: 20px; }
      #editor-collection-list-modal .options a.active, #editor-insight-modal .options a.active {
        border-bottom-color: #29c896; }
        #editor-collection-list-modal .options a.active:hover, #editor-insight-modal .options a.active:hover {
          text-decoration: none; }
    #editor-collection-list-modal .options i, #editor-insight-modal .options i {
      color: #3b3d40;
      height: 17px;
      line-height: 17px;
      display: inline-block;
      margin-right: 5px;
      vertical-align: middle; }
      #editor-collection-list-modal .options i.icon-link2, #editor-insight-modal .options i.icon-link2 {
        font-size: 22px; }
      #editor-collection-list-modal .options i.icon-map, #editor-insight-modal .options i.icon-map {
        font-size: 1.8rem; }

.bottom-button-bar [disabled] {
  pointer-events: none; }

.bottom-button-bar .btn-wrapper {
  float: right; }

.profileActivityView .graph {
  margin-bottom: 32px;
  border-top: solid 2px #eceeee; }
  .mobile .profileActivityView .graph {
    border-top: 0 none;
    margin-bottom: 0; }
  .profileActivityView .graph svg {
    width: 100%; }
    .profileActivityView .graph svg .x.axis .tick line {
      display: none; }
    .profileActivityView .graph svg .y.axis .tick line {
      display: none; }
    .profileActivityView .graph svg .y.axis .tick line.tickLine {
      stroke: #95a6a6;
      display: block; }
      .mobile .profileActivityView .graph svg .y.axis .tick line.tickLine {
        stroke: #ffffff; }
    .profileActivityView .graph svg .datapoint.hide {
      display: none; }
    .profileActivityView .graph svg .domain {
      stroke-width: 0;
      fill: transparent; }
    .profileActivityView .graph svg text {
      fill: #95a6a6; }

.profileActivityView.small {
  text-align: center;
  background-color: #ffffff; }
  .profileActivityView.small .graph {
    border-top: 0 none;
    margin-bottom: 10px;
    height: 61px; }
  .profileActivityView.small .graphTout {
    display: none; }
  .profileActivityView.small .tout {
    font-size: 50px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    color: #29c896;
    width: auto; }
    .profileActivityView.small .tout span {
      color: #95a6a6;
      font-size: 31px;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .profileActivityView.small .tout span.timeframe {
        font-size: 13px;
        display: block; }

.profileActivityView .toutBlock {
  white-space: nowrap;
  margin-bottom: 64px; }
  .mobile .profileActivityView .toutBlock {
    margin-bottom: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; }

.profileActivityView .tout {
  font-size: 30px;
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  width: 50%;
  display: inline-block;
  color: #95a6a6; }
  .profileActivityView .tout:last-child {
    text-align: right; }

@media screen and (max-width: 890px) {
  .profileActivityView {
    background-color: #e5c75d;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
    .profileActivityView .graphTout {
      white-space: nowrap;
      padding: 15px 13px; }
    .profileActivityView h3 {
      font-size: 2rem;
      color: #ffffff;
      width: 50%;
      display: inline-block; }
      .profileActivityView h3:last-child {
        text-align: right; }
    .profileActivityView .graph svg text {
      fill: #ffffff;
      font-size: 17px; }
    .profileActivityView .graph svg .y.axis .tick line.tickLine {
      stroke: #ffffff; }
    .profileActivityView .tout {
      margin-bottom: 0;
      text-align: center;
      color: #95a6a6;
      font-size: 13px;
      padding: 15px 0; }
      .profileActivityView .tout:first-child {
        border-right: solid 1px #eceeee; }
        .profileActivityView .tout:first-child.single {
          width: 100%;
          border-right: 0 none; }
      .profileActivityView .tout:last-child {
        text-align: center; }
      .profileActivityView .tout span.number {
        font-size: 30px;
        color: #3b3d40;
        display: block;
        margin-bottom: 5px; }
    .profileActivityView.small {
      background-color: #ffffff;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .profileActivityView.small svg text {
        fill: #3b3d40; }
      .profileActivityView.small svg g path {
        stroke: #d4aa55; }
      .profileActivityView.small svg .y.axis .tick line.tickLine {
        stroke: #3b3d40; }
      .profileActivityView.small .graph {
        height: 45px;
        margin-bottom: 5px; }
      .profileActivityView.small .tout {
        font-size: 30px;
        padding: 0; }
        .profileActivityView.small .tout span {
          font-size: 23px; }
        .profileActivityView.small .tout:first-child {
          border: 0 none; } }

.insightSnapshotContainer {
  padding: 10px 5px;
  width: 506px; }
  .insightSnapshotContainer .headerRow {
    border-bottom: 1px solid #eceeee;
    height: 35px; }
  .insightSnapshotContainer .profilePicContainer {
    padding: 0 2px; }
  .insightSnapshotContainer .profilePic {
    height: 25px;
    border-radius: 50%;
    vertical-align: top;
    float: left; }
  .insightSnapshotContainer .userNameContainer {
    padding: 4px 4px;
    font-size: 1.3rem;
    float: left;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .insightSnapshotContainer .userNameContainer b {
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .insightSnapshotContainer .date {
    font-size: 1rem;
    color: #95a6a6; }
  .insightSnapshotContainer .logo {
    font-size: 30px; }
  .insightSnapshotContainer p.insightText, .insightSnapshotContainer p.insightText span {
    font-size: 1.8rem;
    font-weight: 300;
    font-family: serif;
    margin-bottom: 1.2rem; }
  .insightSnapshotContainer .userPic {
    border-radius: 50%;
    height: 30px;
    float: left;
    display: inline-block;
    vertical-align: middle; }
  .insightSnapshotContainer .imageRow {
    height: 35px; }
  .insightSnapshotContainer .insightIcon {
    float: left;
    font-size: 2.25rem;
    padding: 2px;
    margin: 0 2px 0 0;
    color: #f65950; }
  .insightSnapshotContainer .moreLikes {
    font-size: 1.25rem;
    padding: 8px;
    color: #dde4e4; }

.socialShareWrapper {
  margin-left: -5px; }
  .socialShareWrapper .shareBlock {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    margin-right: 4px;
    cursor: pointer;
    letter-spacing: 0; }
    .socialShareWrapper .shareBlock.facebookShareBlock {
      color: #95a6a6; }
      .socialShareWrapper .shareBlock.facebookShareBlock:hover {
        color: #3b5998; }
    .socialShareWrapper .shareBlock.twitterShareBlock {
      color: #95a6a6; }
      .socialShareWrapper .shareBlock.twitterShareBlock:hover {
        color: #00aced; }
    .socialShareWrapper .shareBlock.linkedInShareBlock {
      color: #95a6a6;
      margin-top: -4px; }
      .socialShareWrapper .shareBlock.linkedInShareBlock:hover {
        color: #007bb6; }
    .socialShareWrapper .shareBlock.emailShareBlock {
      color: #95a6a6;
      margin-top: -4px; }
      .socialShareWrapper .shareBlock.emailShareBlock:hover {
        color: #29c896; }
  .socialShareWrapper facebook {
    margin-top: -9px !important;
    font-size: 20px !important; }
  .socialShareWrapper twitter {
    margin-top: -8px !important;
    font-size: 21px !important; }
  .socialShareWrapper linkedin {
    margin-top: -8px !important;
    font-size: 24px !important; }
  .socialShareWrapper email-share-modal i {
    margin-top: -7px !important;
    font-size: 24px !important; }
  .socialShareWrapper .insightShareBlock {
    margin: -17px 22px; }
  .socialShareWrapper .facebookShareBlock {
    margin-left: 0px; }
  .socialShareWrapper a {
    text-decoration: none; }

.othersModal .othersList {
  max-height: 300px;
  overflow: auto;
  font-size: 1.5em;
  line-height: 2em; }
  .othersModal .othersList a {
    text-decoration: none !important;
    color: #29c896; }
  .othersModal .othersList .likerAvatar {
    background-position: 50% 50%;
    background-size: contain;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0 2px 0;
    vertical-align: middle; }
    .othersModal .othersList .likerAvatar.noBgUrl {
      background-color: #dde4e4;
      color: #eceeee;
      line-height: 60px;
      font-size: 45px;
      text-align: center;
      overflow: hidden; }
    .othersModal .othersList .likerAvatar:first-child {
      margin-left: 2px; }
  .othersModal .othersList .others {
    margin-bottom: 10px; }
  .othersModal .othersList .default {
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
    font-size: 20px; }

.qualityIndicators--inline {
  display: inline-block; }

.qualityIndicator {
  display: inline-block;
  margin-right: 1rem;
  padding-right: 1.2rem;
  border-right: solid 1px #95a6a6;
  font-size: 1rem;
  color: #808E8E;
  line-height: 1.5em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .12em; }
  .qualityIndicator:last-of-type {
    margin: 0;
    padding: 0;
    border: 0; }
  .qualityIndicator .qualitySignal {
    letter-spacing: .05em; }

.validateField {
  max-width: 50rem; }
  .validateField input[type="text"], .validateField textarea, .validateField input[type="password"] {
    border: solid 1px #dde4e4; }
  .validateField .aside {
    position: absolute;
    left: calc(100% + 1rem);
    top: 0;
    padding: 0.8rem 1rem;
    min-height: 4.2rem;
    min-width: 14rem;
    max-width: 20rem;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.1rem; }
    .validateField .aside.msg {
      background-color: rgba(221, 228, 228, 0.5);
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .validateField .aside .checkbox + label {
      text-transform: none;
      letter-spacing: 0;
      font-weight: 400;
      margin-left: 5px; }
  .validateField i {
    position: absolute;
    right: 1rem;
    top: 1rem;
    height: 1rem;
    width: 2rem; }
    .validateField i.icon-check {
      color: #29c896; }
    .validateField i.icon-alert {
      color: #f65950;
      font-size: 1.7rem;
      height: 1.7rem; }

.declaraEmbed {
  display: block;
  overflow: auto;
  border: 1px solid #eceeee; }
  .declaraEmbed:hover, .declaraEmbed:focus {
    background: #f2f4f4; }
  .declaraEmbed a.media {
    display: inline-block;
    padding: 1rem; }
    .declaraEmbed a.media .media-body {
      text-align: left !important;
      padding: 0.5rem 1.5rem; }
  .declaraEmbed.selected {
    border: 1px solid #26b099; }
    .declaraEmbed.selected a.media .media-body .deleteEmbed {
      display: block; }
  .declaraEmbed .deleteEmbed {
    font-size: 2rem;
    color: #95a6a6;
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem; }
    .declaraEmbed .deleteEmbed:hover {
      color: #f65950; }
  .declaraEmbed blockquote {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 1rem;
    background: #FFFCE0; }

.sideNavColumnContainer {
  flex: 0 0 240px;
  -webkit-flex: 0 0 240px;
  -ms-flex: 0 0 240px;
  -moz-flex: 0 0 240px;
  -o-flex: 0 0 240px;
  flex: 0 0 240px;
  height: calc(100vh - 56px);
  background: #f2f4f4;
  border-right: solid 1px #dde4e4;
  overflow: hidden;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }
  .sideNavColumnContainer ::-webkit-scrollbar {
    width: 0; }
  .sideNavColumnContainer .active {
    background-color: #95a6a6;
    color: white; }
    .sideNavColumnContainer .active span.title {
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    .sideNavColumnContainer .active i, .sideNavColumnContainer .active span, .sideNavColumnContainer .active i.teamsIcon, .sideNavColumnContainer .active i.collectionsIcon, .sideNavColumnContainer .active i.newsFeedIcon, .sideNavColumnContainer .active i.discoverIcon, .sideNavColumnContainer .active i.dashboardIcon {
      color: white; }
    .sideNavColumnContainer .active:hover {
      background-color: #95a6a6; }
  .sideNavColumnContainer a:hover {
    background-color: #dde4e4; }
  .sideNavColumnContainer .sideNavMenuSection {
    border-bottom: 1px solid #dde4e4; }
  .sideNavColumnContainer .orgSection {
    padding: 7px 0; }
  .sideNavColumnContainer .sideNavMenuSection:last-child {
    margin-bottom: 20px; }
  .sideNavColumnContainer .sideNavMenuItem, .sideNavColumnContainer .profileNavMenuItem {
    text-indent: 3px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    .sideNavColumnContainer .sideNavMenuItem .label, .sideNavColumnContainer .profileNavMenuItem .label, .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .username {
      padding: 7px 8px;
      max-width: 220px;
      font-size: 1.4rem;
      color: #3b3d40;
      letter-spacing: .02em;
      line-height: 1.2;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis; }
      .sideNavColumnContainer .sideNavMenuItem .label i, .sideNavColumnContainer .profileNavMenuItem .label i, .sideNavColumnContainer .sideNavMenuItem .username i, .sideNavColumnContainer .profileNavMenuItem .username i {
        width: 10px;
        display: inline-block;
        padding-right: 15px; }
      .sideNavColumnContainer .sideNavMenuItem .label .title, .sideNavColumnContainer .profileNavMenuItem .label .title, .sideNavColumnContainer .sideNavMenuItem .username .title, .sideNavColumnContainer .profileNavMenuItem .username .title {
        cursor: pointer;
        max-width: 100%; }
    .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .username {
      padding: 20px 1px;
      max-width: 200px;
      text-decoration: none; }
    .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu {
      text-indent: 15px;
      line-height: 1.3;
      font-size: 1.2rem; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .loadingContainer {
        padding-left: 20px; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu a, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu a, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu a, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu a {
        text-decoration: none;
        color: #3b3d40;
        display: block; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu a i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu a i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu a i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu a i {
          vertical-align: middle;
          display: inline-block; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .directoryLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .directoryLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .directoryLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .directoryLink {
        text-transform: uppercase;
        font-size: 1.3rem;
        line-height: 3rem;
        vertical-align: middle;
        margin: 5px 0 10px 0; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .teamsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .teamsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .teamsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .teamsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .collectionsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .collectionsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel {
        text-indent: 8px;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 1.2rem;
        padding-top: 2px;
        margin-bottom: 0.5rem; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .teamsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .teamsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .teamsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .teamsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .collectionsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .collectionsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel i {
          display: inline-block;
          padding-right: 5px;
          width: 25px; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .privacyLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .privacyLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .privacyLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .privacyLabel {
        margin-right: 10px;
        text-indent: 0;
        font-size: 0.9rem;
        padding: 0.15rem 0.25rem;
        color: #f65950;
        border: 1px solid #f65950;
        border-radius: 0.2rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        text-transform: uppercase;
        height: 1.5rem; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu {
        display: block;
        text-indent: 20px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        margin-bottom: 5px; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .loadingContainer {
          padding-left: 22px; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink {
          font-size: 1.3rem;
          line-height: 3rem; }
          .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: calc(100% - 82px);
            text-indent: 0;
            display: inline-block;
            vertical-align: middle; }
          .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator {
            width: 8px;
            height: 8px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            background-color: #f65950;
            display: inline-block;
            margin-left: 2px;
            -webkit-box-shadow: 0 0 2px #95a6a6;
            -ms-box-shadow: 0 0 2px #95a6a6;
            -moz-box-shadow: 0 0 2px #95a6a6;
            -o-box-shadow: 0 0 2px #95a6a6;
            box-shadow: 0 0 2px #95a6a6; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showMoreLink {
          padding-left: 20px;
          color: #95a6a6; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .createLink {
          color: #26b099; }
    .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu {
      cursor: pointer; }
  .sideNavColumnContainer .profileNavMenuItem:hover {
    background-color: #dde4e4; }
  .sideNavColumnContainer .profileNavMenuItemActive {
    background-color: #95a6a6;
    color: white; }
    .sideNavColumnContainer .profileNavMenuItemActive .username, .sideNavColumnContainer .profileNavMenuItemActive .profileLink {
      color: white; }
      .sideNavColumnContainer .profileNavMenuItemActive .username:hover, .sideNavColumnContainer .profileNavMenuItemActive .profileLink:hover {
        background-color: #95a6a6; }
    .sideNavColumnContainer .profileNavMenuItemActive:hover {
      background-color: #95a6a6; }
  .sideNavColumnContainer .profileLink {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-left: 7px; }
    .sideNavColumnContainer .profileLink .profile {
      display: block;
      vertical-align: middle;
      height: 100%;
      width: 100%;
      background-color: #dde4e4;
      line-height: 4rem; }
    .sideNavColumnContainer .profileLink .userImage {
      overflow: hidden;
      height: 20px;
      width: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .sideNavColumnContainer .profileLink .userImage.icon-user:before {
        font-size: 2rem;
        color: #eceeee; }
      .sideNavColumnContainer .profileLink .userImage.default {
        line-height: 23px;
        text-align: center;
        overflow: hidden;
        background: #95a6a6; }
      .sideNavColumnContainer .profileLink .userImage.offset {
        position: absolute;
        top: 0; }
  .sideNavColumnContainer a.firstLevelLink {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    text-decoration: none;
    font-size: 1.3rem;
    color: #3b3d40;
    display: block;
    text-transform: uppercase;
    text-indent: 14px;
    padding: 0;
    line-height: 4.5rem; }
    .sideNavColumnContainer a.firstLevelLink i {
      vertical-align: middle;
      font-size: 1.5rem; }
    .sideNavColumnContainer a.firstLevelLink .title {
      padding-left: 5px;
      vertical-align: middle; }
  .sideNavColumnContainer .newsPaperLink {
    text-indent: 5px;
    padding: 5px 0; }
    .sideNavColumnContainer .newsPaperLink i {
      display: inline-block;
      vertical-align: middle;
      padding-left: 6px; }
  .sideNavColumnContainer .close {
    display: none; }
  .mobile .sideNavColumnContainer {
    height: calc(100vh - 40px - 58px);
    width: 0;
    position: absolute;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0.5s;
    transition: width 0.5s; }
    .mobile .sideNavColumnContainer .close {
      display: inline-block;
      font-size: 2rem;
      color: #95a6a6;
      margin: 5px; }
  .sideNavColumnContainer i {
    font-size: 1.4rem;
    vertical-align: middle; }
  .sideNavColumnContainer i.createIcon {
    font-size: 1.5rem; }
  .sideNavColumnContainer i.teamsIcon {
    color: #986daa; }
  .sideNavColumnContainer i.collectionsIcon {
    color: #ff9000; }
  .sideNavColumnContainer .discoverLink {
    padding: 5px; }

.sideNavColumnContainer.mobileOpen {
  width: 100%; }

.sideNavColumnContainerInFocus, .sideNavColumnContainer:hover {
  overflow-y: auto; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar, .sideNavColumnContainer:hover::-webkit-scrollbar {
    width: 4px;
    background: transparent;
    position: fixed;
    z-index: 3; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar:horizontal, .sideNavColumnContainer::-webkit-scrollbar:horizontal:hover {
    height: 6px; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar-thumb, .sideNavColumnContainer:hover::-webkit-scrollbar-thumb {
    height: 60px;
    border-radius: 4px;
    border: 0px solid white;
    /* should match background, can't be transparent */
    background-color: #dde4e4; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar-track, .sideNavColumnContainer:hover::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .sideNavColumnContainer {
    /*flex: 0 0 $left-nav-width;*/
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    -moz-flex: 0 0 250px;
    -o-flex: 0 0 250px;
    flex: 0 0 250px; } }

.siteMapColumnContainer {
  flex: 0 0 240px;
  min-height: 100%;
  background: #f2f4f4;
  border-right: solid 1px #dde4e4; }
  .siteMapColumnContainer nav.siteMapColumn {
    position: relative;
    transition: 1s;
    min-height: 900px;
    margin-bottom: 50px;
    padding: 15px 0 10px;
    background: transparent;
    color: #3b3d40; }
  .siteMapColumnContainer .backFill {
    display: none; }

.mobile .siteMapColumnContainer nav.siteMapColumn {
  position: fixed;
  top: 98px;
  background: #ffffff;
  left: -100%;
  width: 100%;
  z-index: 21;
  padding: 0 15px 45px; }
  .mobile .siteMapColumnContainer nav.siteMapColumn.open {
    left: 0; }
  .mobile .siteMapColumnContainer nav.siteMapColumn ._rootParentContainer {
    height: calc(100vh - 150px);
    /* Be sure it's enough to clear the bottom menu in iOS Safari */
    overflow: auto; }

.mobile .siteMapColumnContainer .backFill {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  opacity: 0;
  background-color: #ffffff;
  z-index: 20;
  transition: opacity 0.3s ease-in-out; }
  .mobile .siteMapColumnContainer .backFill.visible {
    display: block;
    opacity: 0.8; }

.defaultMenuItemContainer {
  position: relative; }
  .defaultMenuItemContainer .actionItemsIndicator {
    position: absolute;
    right: 20px;
    top: 10px;
    background: #f65950;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .defaultMenuItemContainer i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 1.5rem;
    color: #3b3d40; }
  .defaultMenuItemContainer .label, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
    overflow: hidden;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .level2 .defaultMenuItemContainer .label, .level2 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level2 .defaultMenuItemContainer .username, .level2 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level2 .defaultMenuItemContainer .username {
      max-width: none;
      margin-left: 18px; }
    .level3 .defaultMenuItemContainer .label, .level3 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level3 .defaultMenuItemContainer .username, .level3 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level3 .defaultMenuItemContainer .username {
      max-width: 130px;
      padding: 3px 0; }
    .defaultMenuItemContainer .label .loadingContainer, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .loadingContainer, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .loadingContainer {
      display: inline-block;
      width: 34px;
      height: 14px;
      overflow: hidden; }
      .defaultMenuItemContainer .label .loadingContainer md-progress-circular, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .loadingContainer md-progress-circular, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .loadingContainer md-progress-circular, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .loadingContainer md-progress-circular, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .loadingContainer md-progress-circular {
        margin-left: -10px;
        margin-top: -18px; }
    .defaultMenuItemContainer .label .collapsableActions, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions {
      display: none; }
      .defaultMenuItemContainer .label .collapsableActions.collapsable, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable {
        display: inline-block;
        width: 12px;
        text-align: center;
        cursor: pointer; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.collapsed .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.collapsed .performCollapse, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.collapsed .performCollapse, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performCollapse {
          display: none; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.collapsed .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.collapsed .performExpand, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.collapsed .performExpand, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performExpand {
          display: inline; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.expanded .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.expanded .performCollapse, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.expanded .performCollapse, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performCollapse {
          display: inline; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.expanded .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.expanded .performExpand, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.expanded .performExpand, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performExpand {
          display: none; }
    .defaultMenuItemContainer .label .privateBar, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .privateBar, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .privateBar, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .privateBar, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .privateBar {
      border: 1px solid #f65950;
      color: #f65950;
      float: right;
      margin-right: 1.4rem;
      font-size: 0.9rem;
      padding: .350rem;
      padding-top: 0.3rem;
      height: 1.5rem;
      border-radius: .2rem; }
  .defaultMenuItemContainer .privateWidth {
    width: 100%; }
  .groupSegment .level2 .defaultMenuItemContainer,
  .collectionSegment .level2 .defaultMenuItemContainer {
    padding: 6px 15px 0; }
  .groupSegment .level3 .defaultMenuItemContainer i {
    position: relative;
    height: 18px;
    color: #986daa; }
    .groupSegment .level3 .defaultMenuItemContainer i:before, .groupSegment .level3 .defaultMenuItemContainer i:after {
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 3px;
      margin: auto;
      font-family: 'icomoon';
      font-size: 1.3rem;
      line-height: 1; }
    .groupSegment .level3 .defaultMenuItemContainer i:after {
      top: 3px;
      left: 0;
      content: "\e909";
      /* Bottom icon */
      z-index: 1;
      background: #f2f4f4; }
  .groupSegment .level3 .defaultMenuItemContainer.controlItem i:before, .groupSegment .level3 .defaultMenuItemContainer.controlItem i:after {
    display: none; }
  .collectionSegment .level3 .defaultMenuItemContainer i:before {
    font-family: 'icomoon';
    content: '\f114';
    color: #ff9000; }
  .collectionSegment .level3 .defaultMenuItemContainer.controlItem i:before {
    display: none; }
  .level1 .defaultMenuItemContainer,
  .level2 .defaultMenuItemContainer {
    padding: 8px 15px; }
    .level1 .defaultMenuItemContainer .label, .level1 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer .username, .level1 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer .username, .level2 .defaultMenuItemContainer .label, .level2 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level2 .defaultMenuItemContainer .username, .level2 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level2 .defaultMenuItemContainer .username {
      padding: 2px 0 0;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .level1 .defaultMenuItemContainer.globalNav-publicSpace, .level1 .defaultMenuItemContainer.globalNav-tenantSpace, .level1 .defaultMenuItemContainer.globalNav-discover {
    border-top: solid 1px #dde4e4; }
  .level1 .defaultMenuItemContainer.globalNav-publicSpace, .level1 .defaultMenuItemContainer.globalNav-tenantSpace {
    margin-top: 10px;
    padding: 15px 15px 0; }
    .level1 .defaultMenuItemContainer.globalNav-publicSpace i, .level1 .defaultMenuItemContainer.globalNav-tenantSpace i {
      display: none; }
    .level1 .defaultMenuItemContainer.globalNav-publicSpace .label, .level1 .defaultMenuItemContainer.globalNav-publicSpace .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer.globalNav-publicSpace .username, .level1 .defaultMenuItemContainer.globalNav-publicSpace .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer.globalNav-publicSpace .username, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .label, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer.globalNav-tenantSpace .username, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer.globalNav-tenantSpace .username {
      margin-left: 0; }
  .level1 .defaultMenuItemContainer.globalNav-feed i {
    color: #0081d0; }
  .level1 .defaultMenuItemContainer.globalNav-inbox i {
    color: #03bfd7; }
  .level1 .defaultMenuItemContainer.globalNav-discover {
    margin-top: 10px;
    padding-top: 25px; }
    .level1 .defaultMenuItemContainer.globalNav-discover i {
      color: #d4aa55; }
  .level1 .defaultMenuItemContainer i {
    margin-right: 2px; }
  .level2 .defaultMenuItemContainer i {
    display: none; }
    .level2 .defaultMenuItemContainer i.icon-lock {
      display: inline-block;
      margin: -4px 0 0 3px;
      font-size: 1.3rem; }
  .leve1 .defaultMenuItemContainer .collapsable {
    padding-bottom: 0; }
  .level2 .defaultMenuItemContainer .collapsable {
    padding: 0; }
  .level3 .defaultMenuItemContainer {
    padding: 5px 0 0 50px; }
    .level3 .defaultMenuItemContainer i {
      width: 15px;
      /* So spacing is consistent even when there is no <i> */
      margin-right: 2px; }

.mapMenuItemChildren .mapMenuItem.noSelectable.level3 .defaultMenuItemContainer.controlItem {
  cursor: pointer; }

.mobile .level1 .defaultMenuItemContainer.globalNav-publicSpace, .mobile .level1 .defaultMenuItemContainer.globalNav-tenantSpace {
  margin-top: 0;
  padding: 5px 0;
  border-top: none; }

.mobile .level2 .defaultMenuItemContainer {
  padding-left: 25px;
  border-bottom: none; }

.mobile .defaultMenuItemContainer {
  border-bottom: 1px solid #dde4e4; }
  .mobile .defaultMenuItemContainer .label, .mobile .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mobile .defaultMenuItemContainer .username, .mobile .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mobile .defaultMenuItemContainer .username {
    color: #4a4a4a;
    max-width: calc(100% - 60px);
    margin-left: 0;
    padding: 10px 0;
    border-bottom: none;
    font-size: 1.4rem; }
    .mobile .defaultMenuItemContainer .label .collapsableActions, .mobile .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions, .sideNavColumnContainer .sideNavMenuItem .mobile .defaultMenuItemContainer .username .collapsableActions, .mobile .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions, .sideNavColumnContainer .profileNavMenuItem .mobile .defaultMenuItemContainer .username .collapsableActions {
      display: none; }

.mobile .groupSegment .level3 .defaultMenuItemContainer {
  padding-left: 25px; }

nav.siteMapColumn .level1 {
  /* For specificity */ }
  nav.siteMapColumn .level1 .profileMenuItemContainer {
    margin-left: 25px;
    padding: 5px 15px; }
    nav.siteMapColumn .level1 .profileMenuItemContainer .label, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username {
      max-width: 182px;
      overflow: visible; }
      nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-left: -25px;
        background: transparent; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .profile, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .profile, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .profile, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .profile, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .profile {
          display: block;
          vertical-align: middle;
          height: 100%;
          width: 100%;
          background-color: #dde4e4;
          line-height: 4rem; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink i, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink i, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink i, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink i, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink i {
          font-size: 3.4rem; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage {
          overflow: hidden;
          height: 20px;
          width: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.icon-user:before, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.icon-user:before, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.icon-user:before, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.icon-user:before, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.icon-user:before {
            font-size: 2rem;
            color: #eceeee; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.default, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.default, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.default, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.default, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.default {
            line-height: 23px;
            text-align: center;
            overflow: hidden;
            background: #95a6a6; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.offset, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.offset, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.offset, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.offset, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.offset {
            position: absolute;
            top: 0; }
      nav.siteMapColumn .level1 .profileMenuItemContainer .label .myName, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .myName, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .myName, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName {
        display: inline-block;
        max-width: 182px;
        vertical-align: middle;
        text-transform: none;
        font-size: 1.4rem;
        color: #3b3d40;
        letter-spacing: .02em;
        line-height: 1.3; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .myName:hover, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .myName:hover, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName:hover, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .myName:hover, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName:hover {
          color: #3b3d40;
          text-decoration: none; }

.mapMenuItem {
  max-width: 240px;
  font-size: 1.2rem;
  color: #3b3d40;
  cursor: pointer; }
  .mapMenuItem.noSelectable {
    cursor: default; }
  .mapMenuItem.level1 {
    letter-spacing: .12em;
    text-transform: uppercase; }
  .mapMenuItem.level2, .mapMenuItem.level3 {
    margin: 0; }
  .mapMenuItem.selected .label, .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mapMenuItem.selected .username, .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mapMenuItem.selected .username {
    border-bottom: 2px solid #29c896;
    font-family: "MuseoSansRounded900", "Arial", sans-serif;
    color: #3b3d40; }

.collapsable .mapMenuItem {
  cursor: pointer; }

.mapMenuItemChildren {
  overflow: hidden;
  margin-bottom: 10px; }

.expanded .mapMenuItemChildren {
  height: auto; }

.collapsed .mapMenuItemChildren {
  height: 1px; }

.mobile .mapMenuItem {
  max-width: 100%; }
  .mobile .mapMenuItem.level2 {
    margin-bottom: 0; }
  .mobile .mapMenuItem.selected .label, .mobile .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mobile .mapMenuItem.selected .username, .mobile .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mobile .mapMenuItem.selected .username {
    border-bottom: none; }
  .mobile .mapMenuItem .actionItemsIndicator {
    margin-top: 5px; }

.globalNav-directory {
  padding-bottom: 0 !important; }
  .globalNav-directory .label, .globalNav-directory .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .globalNav-directory .username, .globalNav-directory .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .globalNav-directory .username {
    margin-left: 0 !important; }
  .globalNav-directory i {
    display: inline-block !important;
    margin-left: 18px; }

@media screen and (max-width: 767px) {
  ._rootChildItem .mapMenuItem.level1 {
    opacity: 0; }
  .groupSegmentChildItem .mapMenuItem.selected .label, .groupSegmentChildItem .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .groupSegmentChildItem .mapMenuItem.selected .username, .groupSegmentChildItem .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .groupSegmentChildItem .mapMenuItem.selected .username {
    border-bottom: none;
    color: #29c896; } }

.defaultMenuItemContainer.visitMenuItemContainer {
  cursor: pointer; }

body .alertBarContainer {
  position: fixed;
  width: calc(100vw - 240px);
  z-index: 6; }
  body .alertBarContainer .alertBar {
    top: 5.6rem; }
    body .alertBarContainer .alertBar .icon-group-invite {
      font-size: 54px;
      height: 54px;
      width: 63px; }
    body .alertBarContainer .alertBar strong {
      word-break: break-all;
      color: #ffffff; }
    body .alertBarContainer .alertBar a,
    body .alertBarContainer .alertBar a:hover,
    body .alertBarContainer .alertBar a:visited {
      text-decoration: none;
      color: #ffffff; }
    .postPage body .alertBarContainer .alertBar {
      left: 30rem; }
    .profilePage body .alertBarContainer .alertBar {
      left: 28rem; }

@media screen and (max-width: 1200px) {
  .alertBarContainer {
    display: inline-block; }
    .alertBarContainer.inGroupPage, .alertBarContainer.inCollectionDetailsPage {
      display: block; }
    .alertBarContainer .alertBar {
      position: relative; }
      .alertBarContainer .alertBar.inGroupPage, .alertBarContainer .alertBar.inCollectionDetailsPage {
        position: initial;
        margin: 0;
        height: auto; }
      .alertBarContainer .alertBar .buttonBlock {
        margin: 0 0.8rem; }
      .alertBarContainer .alertBar button {
        width: none;
        margin: none; } }

@media screen and (max-width: 767px) {
  .alertBarContainer {
    display: inline-block; }
    .alertBarContainer.inGroupPage {
      display: block;
      width: 100vw;
      position: absolute; }
    .alertBarContainer.inCollectionDetailsPage {
      display: block; }
    .alertBarContainer .alertBar {
      margin: 0 6px 10px 0;
      position: relative; }
      .alertBarContainer .alertBar.inGroupPage, .alertBarContainer .alertBar.inCollectionDetailsPage {
        margin: 0;
        position: initial; }
      .alertBarContainer .alertBar span {
        margin: 1rem 0;
        font-size: 1.4rem; }
      .alertBarContainer .alertBar .buttonBlock {
        margin: 0 0.8rem; }
      .alertBarContainer .alertBar button {
        width: 75px !important; }
      .alertBarContainer .alertBar.inGroupPage button, .alertBarContainer .alertBar.inCollectionDetailsPage button {
        width: 100px !important; } }

.tileContent .inputSelectorWrapper {
  font-size: 14px;
  padding: 0 15px;
  border-bottom: solid 1px #29c896; }
  .tileContent .inputSelectorWrapper .add-menu-item, .tileContent .inputSelectorWrapper .importFrom {
    cursor: pointer;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 40px;
    color: #95a6a6;
    padding-bottom: 10px; }
    .tileContent .inputSelectorWrapper .add-menu-item i, .tileContent .inputSelectorWrapper .importFrom i {
      display: inline-block;
      vertical-align: middle; }
      .tileContent .inputSelectorWrapper .add-menu-item i.icon-link2, .tileContent .inputSelectorWrapper .importFrom i.icon-link2 {
        font-size: 22px; }
      .tileContent .inputSelectorWrapper .add-menu-item i.icon-file-upload, .tileContent .inputSelectorWrapper .importFrom i.icon-file-upload {
        font-size: 29px; }
    .tileContent .inputSelectorWrapper .add-menu-item .uploadActionLink, .tileContent .inputSelectorWrapper .importFrom .uploadActionLink {
      cursor: pointer; }
    .tileContent .inputSelectorWrapper .add-menu-item.active, .tileContent .inputSelectorWrapper .importFrom.active {
      border-bottom: solid 5px #29c896;
      color: black; }
    .tileContent .inputSelectorWrapper .add-menu-item :hover, .tileContent .inputSelectorWrapper .importFrom :hover {
      font-weight: 700; }
  .tileContent .inputSelectorWrapper .add-menu-item:last-child {
    margin-right: 0px; }

.tileContent .inputWrapper {
  padding: 15px 25px;
  position: relative; }
  .tileContent .inputWrapper .profileImageOnInputContainer {
    position: absolute; }
    .tileContent .inputWrapper .profileImageOnInputContainer .userImage {
      position: absolute;
      font-size: 40px;
      border-radius: 50%;
      z-index: 1; }
      .tileContent .inputWrapper .profileImageOnInputContainer .userImage.default {
        z-index: 0;
        overflow: hidden; }
      .tileContent .inputWrapper .profileImageOnInputContainer .userImage.lastLikerAvatar {
        width: 40px;
        height: 40px; }
  .tileContent .inputWrapper .importFromComputerOption {
    text-align: right; }
  .tileContent .inputWrapper .inputImportWrapper {
    position: relative;
    padding-left: 50px;
    min-height: 40px; }
    .tileContent .inputWrapper .inputImportWrapper .addArticle form {
      margin-bottom: 0; }
    .tileContent .inputWrapper .inputImportWrapper .copyPasteMessage {
      position: absolute;
      width: 71px;
      height: 96px;
      background-image: url("/group/groupPage/asset/image/copy-paste.png");
      background-size: cover;
      z-index: 2;
      top: -30px;
      left: -60px; }
  .tileContent .inputWrapper .post-question-container {
    padding-left: 50px; }

.uploadDocumentContainer {
  position: relative; }
  .uploadDocumentContainer .inProgress {
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 100%;
    min-height: 260px;
    position: absolute; }
    .uploadDocumentContainer .inProgress md-progress-circular {
      display: inline-block;
      margin-top: 100px; }
  .uploadDocumentContainer .uploadFooterRow {
    text-align: right; }

.uploadFromComputerModal .duringUploadDocumentContainer form p {
  font-size: 14px;
  padding-bottom: 30px; }

.uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer {
  max-width: 60%;
  overflow: hidden;
  float: left; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .fileLoaded {
    font-size: 14px;
    font-weight: bold;
    color: #007bb6;
    float: left;
    padding-top: 10px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain {
    float: left;
    max-height: 1px;
    max-width: 1px;
    opacity: 0; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain.tryAgainActive {
      max-height: 200px;
      max-width: 200px;
      opacity: 1; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain .action {
      color: #F65950;
      font-size: 14px;
      padding-top: 10px;
      cursor: pointer; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress {
    max-height: 1px;
    max-width: 1px;
    opacity: 0;
    float: left; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress.activeInProgress {
      max-height: 200px;
      max-width: 200px;
      opacity: 1; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress md-progress-circular {
      float: left; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress .message {
      margin-top: 15px;
      float: left; }

.groupCreateModal {
  padding: 0 15px;
  /* Portrait and Landscape */ }
  .groupCreateModal .small-spinner {
    width: 20px;
    height: 20px;
    margin-top: 4px; }
  .groupCreateModal h3.empty {
    text-align: center; }
    .groupCreateModal h3.empty span {
      display: inline-block;
      padding: 30px 0 10px 0; }
    .groupCreateModal h3.empty p {
      font-size: 16px;
      padding-bottom: 10px; }
    .groupCreateModal h3.empty img {
      padding-bottom: 10px;
      max-width: 100%; }
  .groupCreateModal .openTeamSection {
    margin: 2rem 0; }
    .groupCreateModal .openTeamSection label.title {
      margin-bottom: 0;
      line-height: 34px;
      vertical-align: top;
      margin-left: 1rem;
      cursor: pointer; }
    .groupCreateModal .openTeamSection .description {
      margin-top: 0.5rem;
      font-size: 1.3rem;
      line-height: 1.2;
      color: #95a6a6; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 699px) and (orientation: landscape) {
    .groupCreateModal h3.empty {
      padding-bottom: 0; }
      .groupCreateModal h3.empty span {
        padding: 10px 0 2px 0; }
      .groupCreateModal h3.empty p {
        font-size: 10px;
        padding-bottom: 0; }
      .groupCreateModal h3.empty img {
        width: 40%;
        padding-bottom: 0; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 699px) and (orientation: portrait) {
    .groupCreateModal h3.empty {
      padding-bottom: 10px; }
      .groupCreateModal h3.empty p {
        font-size: 14px; }
      .groupCreateModal h3.empty img {
        padding-bottom: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  #groupDescription {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important; }
  .declaraModal {
    overflow: hidden; } }

.userTagsModalWindow {
  width: 100%;
  height: 100%; }
  .userTagsModalWindow .declaraModal-wrapper {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    height: 90%; }
    @media (min-width: 768px) {
      .userTagsModalWindow .declaraModal-wrapper {
        float: left;
        width: 50%; } }
    @media (min-width: 992px) {
      .userTagsModalWindow .declaraModal-wrapper {
        float: left;
        width: 66.6666666667%; } }
    @media (min-width: 1200px) {
      .userTagsModalWindow .declaraModal-wrapper {
        float: left;
        width: 41.6666666667%; } }
    .userTagsModalWindow .declaraModal-wrapper .declaraModal-close {
      display: none; }
    .userTagsModalWindow .declaraModal-wrapper modal-content {
      padding: 20px; }
    .userTagsModalWindow .declaraModal-wrapper .modalHeader {
      margin: -25px -35px;
      padding: 25px 35px;
      background: #eceeee; }
      .userTagsModalWindow .declaraModal-wrapper .modalHeader h3 {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }
    .userTagsModalWindow .declaraModal-wrapper .modal-content {
      margin-top: 40px; }
  .userTagsModalWindow .closeButtonContainer {
    display: inline-block;
    width: 100%; }
    .userTagsModalWindow .closeButtonContainer .closeButton {
      background: #2bc5ab;
      border: solid 1px #2bc5ab;
      color: #ffffff;
      margin-top: 10px;
      float: right;
      cursor: pointer; }

.postDetail {
  position: relative; }
  .postDetail .editActionsContainer {
    min-height: 35px;
    margin: 6rem 4rem 4rem 34rem; }
    .postDetail .editActionsContainer .onEditContainer .editActions {
      float: right; }
      .postDetail .editActionsContainer .onEditContainer .editActions.cancelEditCollection {
        margin-right: 1rem; }
    .postDetail .editActionsContainer .onEditContainer .deleteCollection {
      float: left; }
    .postDetail .editActionsContainer .editCollection {
      float: right; }
      .postDetail .editActionsContainer .editCollection i {
        color: #dde4e4; }
  .postDetail .postContent {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 8rem 39rem; }

md-input-container {
  position: relative;
  display: block; }

.postDetail-close {
  background-color: #dde4e4;
  color: #ffffff;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.8em;
  padding: 0 0 0 1px;
  position: absolute;
  right: 20px;
  top: 15px; }

.postDetail-counter:not(:first-of-type) {
  padding-left: 20px;
  border-left: 1px solid #dde4e4;
  margin-left: 20px;
  margin-top: 10px; }

.pdfDetail-source,
.postDetail-source {
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  color: #95a6a6;
  text-transform: uppercase; }
  .pdfDetail-source a, .pdfDetail-source a:hover, .pdfDetail-source a:visited,
  .postDetail-source a,
  .postDetail-source a:hover,
  .postDetail-source a:visited {
    text-decoration: none;
    color: #0081d0;
    cursor: pointer;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    font-size: 1rem; }
  .pdfDetail-source .contentLikes i,
  .postDetail-source .contentLikes i {
    margin-top: -6px;
    padding-right: 2px;
    font-size: 1.6rem; }

.postDetail-source {
  margin: 0 0 10px 0;
  display: inline-block;
  width: 100%; }
  .postDetail-source .tagsDiv.showMoreLess {
    width: 100%; }
  .postDetail-source.tagBar {
    margin-bottom: 0px; }
  .postDetail-source .tagContainer {
    padding-left: 0;
    background-color: transparent; }
  .postDetail-source a, .postDetail-source a:hover, .postDetail-source a:visited {
    font-size: 1.3rem; }
  .postDetail-source .contentQualityBar {
    width: 100%;
    border-top: 1px solid #dde4e4;
    border-bottom: 1px solid #dde4e4;
    padding: 15px 0;
    font-size: 1rem; }
    .postDetail-source .contentQualityBar .middleStuff {
      display: inline-block;
      margin-right: 15px;
      padding-top: 2px; }
      .postDetail-source .contentQualityBar .middleStuff .authorInfo {
        display: inline-block;
        vertical-align: middle; }
      .postDetail-source .contentQualityBar .middleStuff .icon-trash {
        font-size: 1.4rem;
        vertical-align: middle; }
    .postDetail-source .contentQualityBar .insightContainer {
      display: inline-block;
      padding-top: 2px; }
      .postDetail-source .contentQualityBar .insightContainer a {
        color: #26b099; }
      .postDetail-source .contentQualityBar .insightContainer .contentLikes {
        display: inline-block;
        margin: 0 0 0 0;
        letter-spacing: .1em; }
        .postDetail-source .contentQualityBar .insightContainer .contentLikes .insightLabel {
          margin-left: 3px; }
        .postDetail-source .contentQualityBar .insightContainer .contentLikes span {
          display: inline-block; }
      .postDetail-source .contentQualityBar .insightContainer .socialCollection {
        display: inline-block; }
      .postDetail-source .contentQualityBar .insightContainer .noBorder {
        border: none;
        padding: 0; }
    .postDetail-source .contentQualityBar .actionButtonsContainer {
      float: right; }
      .postDetail-source .contentQualityBar .actionButtonsContainer .shareBlock {
        vertical-align: top; }
  .postDetail-source .shortTagBar {
    height: 35px; }
  .postDetail-source .userTile {
    padding: 10px 0px; }

.onEditContainer md-progress-circular {
  float: right;
  margin-top: -1rem; }

.pdfEditSection {
  padding-top: 2rem; }

.imageSection {
  max-height: 420px;
  max-width: 600px;
  height: 348px;
  border: 1px solid #dde4e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  margin: 25px 64px 0 60px; }
  .imageSection .pdfImage {
    height: 100%;
    width: 100%; }
    .imageSection .pdfImage .pdfImg {
      width: 100%;
      height: 100%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover; }
  .imageSection .editAvatar {
    position: absolute;
    top: 10px;
    left: 10px; }
    .imageSection .editAvatar button {
      border: solid 1px #29c896;
      background-color: #f2f4f4; }
    .imageSection .editAvatar .profileAvatar {
      z-index: 2;
      bottom: -9px;
      padding-top: 0;
      width: auto; }
      .imageSection .editAvatar .profileAvatar label.imageUpload {
        font-size: 1rem; }
        .imageSection .editAvatar .profileAvatar label.imageUpload span {
          letter-spacing: 1px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-weight: bold;
          text-align: left;
          float: left;
          color: #29c896; }
        .imageSection .editAvatar .profileAvatar label.imageUpload i.icon-camera {
          height: 1rem;
          width: 1rem;
          margin: 0 0 0 5px;
          font-size: 1.7rem;
          text-align: center;
          line-height: 3.2rem;
          float: right;
          background: none;
          padding-right: 17px;
          color: #29c896; }

.editPanel {
  padding-top: 2rem; }

.postItemPage {
  text-align: center; }
  .postItemPage .postContainer.isMobile {
    margin-top: -60px; }
  .postItemPage .postItemBannerBooked {
    height: 68px;
    width: 100%; }
  .postItemPage .postItemBanner {
    height: 68px;
    position: fixed;
    top: 56px;
    width: inherit;
    background-color: #ffffff;
    z-index: 3;
    background-color: #ffffff; }
    .postItemPage .postItemBanner.bringLine {
      border-bottom: 1px solid #eceeee;
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
      .postItemPage .postItemBanner.bringLine .centerBanner {
        margin-top: 10px; }
    .postItemPage .postItemBanner.isMobile {
      height: 13rem;
      background-size: cover; }
      .postItemPage .postItemBanner.isMobile h1 {
        font-family: "MuseoSansRounded700";
        font-size: 2rem;
        color: #ffffff;
        padding: 0 2rem;
        text-align: left;
        height: 5rem; }
      .postItemPage .postItemBanner.isMobile .sourceInfo {
        color: #dde4e4;
        text-align: left;
        position: absolute;
        bottom: 2rem;
        font-size: 1.2rem;
        padding: 0 2rem; }
        .postItemPage .postItemBanner.isMobile .sourceInfo a {
          color: #dde4e4; }
      .postItemPage .postItemBanner.isMobile .insightCount {
        color: orange;
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        padding: 0.5rem 1rem;
        border-radius: 0.3rem;
        background-color: #3b3d40; }
        .postItemPage .postItemBanner.isMobile .insightCount i {
          font-size: 1.5rem; }
        .postItemPage .postItemBanner.isMobile .insightCount span {
          font-size: 1.2rem;
          color: #ffffff; }
      .postItemPage .postItemBanner.isMobile .mobileActionButtons {
        width: 100%;
        position: fixed;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        border-top: 1px solid #95a6a6; }
        .postItemPage .postItemBanner.isMobile .mobileActionButtons.adjustForRewards {
          bottom: 4rem; }
        .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer {
          width: 100%;
          padding: 0;
          margin: 0; }
          .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div {
            display: inline-block;
            height: 4rem; }
            .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div i {
              display: block;
              font-size: 2rem;
              padding: 0.4rem 0; }
    .postItemPage .postItemBanner .imageOverlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.5); }
    .postItemPage .postItemBanner a {
      text-decoration: none;
      cursor: pointer; }
    .postItemPage .postItemBanner .leftBanner {
      text-align: left;
      line-height: 7.2rem; }
      .postItemPage .postItemBanner .leftBanner .articleBackButton {
        margin-left: 3rem;
        font-size: 12px;
        display: inline-block;
        border: none;
        background: transparent;
        color: #3b3d40;
        cursor: pointer; }
        .postItemPage .postItemBanner .leftBanner .articleBackButton:hover {
          border: none;
          background: transparent; }
        .postItemPage .postItemBanner .leftBanner .articleBackButton.isMobile {
          margin: 0;
          padding: 10px 0 10px 20px;
          width: 5rem;
          color: #f2f4f4; }
      .postItemPage .postItemBanner .leftBanner.isMobile {
        line-height: 1rem;
        min-height: 3.5rem; }
    .postItemPage .postItemBanner .centerBanner {
      margin-top: 10px; }
      .postItemPage .postItemBanner .centerBanner a, .postItemPage .postItemBanner .centerBanner a:hover, .postItemPage .postItemBanner .centerBanner a:visited {
        text-decoration: none; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall,
      .postItemPage .postItemBanner .centerBanner .collectionTitleLabel {
        font-size: 12px;
        color: #95a6a6;
        padding-left: 5px;
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .postTitle,
      .postItemPage .postItemBanner .centerBanner .collectionTitle {
        overflow: hidden;
        font-size: 1.2rem;
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .postTitle {
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all; }
        .postItemPage .postItemBanner .centerBanner .postTitle a {
          display: block; }
        .postItemPage .postItemBanner .centerBanner .postTitle .postTitleText {
          padding-bottom: 3px; }
        .postItemPage .postItemBanner .centerBanner .postTitle .titleMargin {
          margin-top: 15px;
          padding-top: 8px; }
        .postItemPage .postItemBanner .centerBanner .postTitle .postCollection span {
          color: #95a6a6; }
      .postItemPage .postItemBanner .centerBanner a:visited {
        color: #26b099; }
      .postItemPage .postItemBanner .centerBanner a.collectionTitle {
        height: 27px; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall,
      .postItemPage .postItemBanner .centerBanner .collectionTitle {
        padding-top: 3px; }
      .postItemPage .postItemBanner .centerBanner .creator {
        height: 48px;
        width: 48px; }
        .postItemPage .postItemBanner .centerBanner .creator .userImageContainer {
          display: inline-block;
          vertical-align: middle; }
          .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage {
            width: 30px;
            height: 30px;
            overflow: hidden;
            margin-right: .5em;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.icon-user:before {
              font-size: 3rem;
              color: #f2f4f4; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.default {
              line-height: 32px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.offset {
              position: absolute;
              top: 8px; }
      .postItemPage .postItemBanner .centerBanner .collection {
        padding-top: 8px; }
    .postItemPage .postItemBanner .actionsContainer {
      text-align: right; }
      .postItemPage .postItemBanner .actionsContainer > button {
        margin-right: 2rem; }
      .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer {
        float: right;
        margin-right: 30px;
        padding-top: 19px;
        float: right;
        margin-right: 10px; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .actionShare {
          margin-left: 5px;
          display: inline-block;
          width: 145px;
          vertical-align: bottom; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton,
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton,
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton {
          color: #ffffff;
          position: relative;
          vertical-align: middle;
          width: 80px;
          height: 32px;
          background: #29c896;
          float: left;
          text-align: right;
          line-height: 34px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          cursor: pointer; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton i,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton i,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton i {
            margin: 1px 0 0 4px;
            font-size: 1.3rem;
            color: #eceeee;
            left: 12%;
            top: 48%; }
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton i:hover,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton i:hover,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton i:hover {
              color: #ffffff; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton .icon-home,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton .icon-home,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton .icon-home {
            margin-top: 2px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton span,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton span,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton span {
            padding-right: 7px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.minimize-chat,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.minimize-chat,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton.minimize-chat {
            background: #f2f4f4; }
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.minimize-chat i,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.minimize-chat i,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton.minimize-chat i {
              color: #95a6a6; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.minimize-chat-arrow,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.minimize-chat-arrow,
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton.minimize-chat-arrow {
            background: #f2f4f4; }
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.minimize-chat-arrow i,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.minimize-chat-arrow i,
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton.minimize-chat-arrow i {
              margin: 0;
              left: 50%;
              color: #95a6a6; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton {
          -webkit-border-radius: 2px 0 0 2px;
          -moz-border-radius: 2px 0 0 2px;
          -ms-border-radius: 2px 0 0 2px;
          -o-border-radius: 2px 0 0 2px;
          border-radius: 2px 0 0 2px; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton {
          margin: 0;
          padding: 0; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton span {
            display: block;
            margin-top: -1px; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.withChatOpen {
          width: 32px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.withChatOpen i {
            left: 14px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .discussButton.withChatOpen span {
            display: none; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.withChatOpen {
          width: 32px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.withChatOpen i {
            left: 12px; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .importButton.withChatOpen span {
            display: none; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .otherCollectionsButton {
          width: 21px;
          margin-left: 2px;
          -webkit-border-radius: 0 2px 2px 0;
          -moz-border-radius: 0 2px 2px 0;
          -ms-border-radius: 0 2px 2px 0;
          -o-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper {
          margin-left: 10px;
          display: inline-block;
          vertical-align: middle; }
          .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper .actionEmailShare {
            position: relative;
            width: 32px;
            height: 32px;
            background: #29c896;
            -webkit-border-radius: 20%;
            -moz-border-radius: 20%;
            -ms-border-radius: 20%;
            -o-border-radius: 20%;
            border-radius: 20%;
            padding: 0; }
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper .actionEmailShare i {
              margin: 0;
              font-size: 1.3rem;
              color: #eceeee; }
              .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper .actionEmailShare i:hover {
                color: #ffffff; }
            .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .postDiscussWrapper .actionEmailShare .emailShareAnchor {
              display: inline-block;
              width: 32px;
              height: 32px; }
        .postItemPage .postItemBanner .actionsContainer .actionButtonsContainer .socialCollection {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle; }
    .postItemPage .postItemBanner .titleHideOnTop {
      display: none; }
    .postItemPage .postItemBanner .titleAlwaysPresent .titleHideOnTop {
      display: block;
      margin-top: -8px; }
    .postItemPage .postItemBanner .titleAlwaysPresent .titleShowOnTop {
      display: none; }
  .postItemPage .postItem {
    padding: 0 calc(50% - 335px);
    color: #3b3d40;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
    .postItemPage .postItem.videoPostItem {
      padding-top: 3rem; }
    .postItemPage .postItem.richPostItem {
      max-width: 100%;
      width: 100%;
      padding: 15px 130px; }
    .postItemPage .postItem.editorPost {
      max-width: 100%;
      padding: 10px 30px;
      margin-top: 10px;
      width: 100%; }
    .postItemPage .postItem.pdfPostItem {
      max-width: 100%;
      padding: 0; }
      .postItemPage .postItem.pdfPostItem.pdfPostItemFixed {
        position: fixed;
        width: inherit;
        top: -150px; }
      .postItemPage .postItem.pdfPostItem > div {
        padding: 0px; }
      .postItemPage .postItem.pdfPostItem .contentContainer {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0; }
      .postItemPage .postItem.pdfPostItem .toolbarsContainer .toolbarPower {
        left: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px grey;
        border-radius: 10px; }
        .postItemPage .postItem.pdfPostItem .toolbarsContainer .toolbarPower button {
          background-color: transparent; }
        .postItemPage .postItem.pdfPostItem .toolbarsContainer .toolbarPower .toolbarSpacer {
          display: none; }
      .postItemPage .postItem.pdfPostItem .toolbarsContainer .toolbar {
        z-index: 1;
        /* plugin has this at 9999 but it's on top of any modal we show */ }
      .postItemPage .postItem.pdfPostItem .annotator-hl {
        background-color: #fffc00;
        /* this is overly yellow because the pdfjs applies opacity of 0.2 on top */ }
      .postItemPage .postItem.pdfPostItem .annotator-outer.annotator-editor {
        left: 0; }
    .postItemPage .postItem h1 {
      font-size: 3.2rem; }
    .postItemPage .postItem h1, .postItemPage .postItem h6 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .postItemPage .postItem .title {
      text-align: center;
      margin-bottom: 2rem; }
    .postItemPage .postItem .pdfDescriptionText {
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      color: #95a6a6; }
    .postItemPage .postItem .pdfSection .viewOriginalPDF {
      text-align: right; }
      .postItemPage .postItem .pdfSection .viewOriginalPDF a {
        text-decoration: none;
        font-size: 1.2rem; }
        .postItemPage .postItem .pdfSection .viewOriginalPDF a:visited {
          color: #26b099; }
    .postItemPage .postItem article {
      padding: 30px 0 24px;
      width: 100%;
      max-width: 100%; }
      .postItemPage .postItem article.postDetailVideo-body {
        padding: 0px 0 24px; }
      .postItemPage .postItem article p {
        width: 100%;
        max-width: 100%; }
      .postItemPage .postItem article iframe,
      .postItemPage .postItem article video,
      .postItemPage .postItem article embed {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
        min-height: 355px; }
      .postItemPage .postItem article pre, .postItemPage .postItem article code {
        font-size: 14px;
        font-family: "Courier New";
        display: inline; }
    .postItemPage .postItem .emdeddedRich iframe.embedly-embed {
      display: block;
      width: 100%;
      height: calc(100vh - 68px - 56px - 10px);
      max-width: 100%;
      margin-bottom: 20px;
      min-height: 355px;
      box-shadow: 1px 1px 4px #95a6a6; }
    .postItemPage .postItem .richSource {
      float: right;
      margin-bottom: 10px; }
    .postItemPage .postItem .relatedItemsTitle {
      border-top: 1px solid #95a6a6;
      padding: 20px 0 9px 0; }
    .postItemPage .postItem .postDetail-body {
      font-family: "RooneyLight", Times, "Times New Roman", serif;
      font-size: 1.8rem; }
      .postItemPage .postItem .postDetail-body h2 {
        font-size: 1em; }
      .postItemPage .postItem .postDetail-body p, .postItemPage .postItem .postDetail-body blockquote, .postItemPage .postItem .postDetail-body .declaraEmbed {
        margin-bottom: 3rem; }
      .postItemPage .postItem .postDetail-body img {
        margin: 3rem 0; }
      .postItemPage .postItem .postDetail-body a {
        text-decoration: underline;
        color: #3b3d40;
        cursor: pointer;
        word-wrap: break-word; }
      .postItemPage .postItem .postDetail-body .deleteEmbed {
        display: none !important; }
      .postItemPage .postItem .postDetail-body figure {
        margin: 1em 0; }
      .postItemPage .postItem .postDetail-body img {
        max-width: 100%; }
      .postItemPage .postItem .postDetail-body footer {
        height: auto;
        /* Overrides Declara footer height */ }
      .postItemPage .postItem .postDetail-body .insightTile .tileContent {
        border: 1px solid #dde4e4; }
      .postItemPage .postItem .postDetail-body .insightTile a {
        text-decoration: none; }
    .postItemPage .postItem .collectionItem {
      border-bottom: solid 1px #dde4e4; }
      .postItemPage .postItem .collectionItem .collectionItemBox {
        margin: 8px 0;
        padding: 15px 0;
        border: none; }
        .postItemPage .postItem .collectionItem .collectionItemBox .contentBottom {
          left: 172px;
          width: calc(100% - 174px); }
        .postItemPage .postItem .collectionItem .collectionItemBox .noImage .contentBottom {
          left: 0;
          width: 100%; }
    .postItemPage .postItem md-progress-circular {
      transform: scale(1) !important;
      margin-left: auto;
      margin-right: auto; }
  .mobile .postItemPage .postItemBanner {
    top: 40px; }

.pdfConversation {
  /* HEADER EXPANDED [no description, no tags] */
  /* HEADER EXPANDED [description, tags] */
  /* HEADER EXPANDED [description, no tags] */
  /* HEADER EXPANDED [no description, tags] */ }
  .pdfConversation.headerExpanded-conv > .privateConversationContainer > .conversationBubble {
    top: calc(56px + 75px - 1px); }
  .pdfConversation.headerExpanded-conv .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 230px - 56px - 75px); }
  .pdfConversation.headerExpanded-desc_tags-conv > .privateConversationContainer > .conversationBubble {
    top: calc(56px + 150px - 1px); }
  .pdfConversation.headerExpanded-desc_tags-conv .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 230px - 56px - 150px); }
  .pdfConversation.headerExpanded-desc-conv > .privateConversationContainer > .conversationBubble {
    top: calc(56px + 110px - 1px); }
  .pdfConversation.headerExpanded-desc-conv .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 230px - 56px - 110px); }
  .pdfConversation.headerExpanded-tags-conv > .privateConversationContainer > .conversationBubble {
    top: calc(56px + 125px - 1px); }
  .pdfConversation.headerExpanded-tags-conv .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 230px - 56px - 125px); }
  .pdfConversation .privateConversationContainer .conversationBubble {
    top: 130px;
    -webkit-transition: top 0.2s;
    -ms-transition: top 0.2s;
    -moz-transition: top 0.2s;
    -o-transition: top 0.2s;
    transition: top 0.2s; }
  .pdfConversation .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 355px);
    -webkit-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s; }

.bottomBarContainer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -54px;
  height: 54px;
  border-top: 1px solid #dde4e4;
  border-left: solid 1px #eceeee;
  background: white;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out false;
  -ms-transition: all 0.4s ease-in-out false;
  -moz-transition: all 0.4s ease-in-out false;
  -o-transition: all 0.4s ease-in-out false;
  transition: all 0.4s ease-in-out false; }
  .bottomBarContainer.bottomBar-open {
    opacity: 1;
    -webkit-transform: translate3d(0, -54px, 0);
    -moz-transform: translate3d(0, -54px, 0);
    -ms-transform: translate3d(0, -54px, 0);
    -o-transform: translate3d(0, -54px, 0);
    transform: translate3d(0, -54px, 0); }
    .bottomBarContainer.bottomBar-open .bottomBarAction:nth-child(n+2) {
      padding-left: 20px; }
  .bottomBarContainer .u-pull-right .bottomBarAction {
    padding-right: 40px; }

.facetTagContainer {
  border: 1px solid #dde4e4;
  height: 300px;
  overflow: scroll;
  margin-top: 10px; }
  .facetTagContainer .facetMessage {
    margin: 10px;
    color: #95a6a6;
    font-size: 1.7rem;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-style: italic; }

.postItemPageLeft {
  width: auto; }

.tagBar {
  width: 100%;
  display: inline-block; }

@media screen and (max-width: 1094px) {
  .postItemPageLeft {
    width: auto; }
  .postItemPage:first-child {
    text-align: left; }
  .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div {
    text-align: center; }
  .postItemPage.focusOnConversation {
    display: none; }
  .postItemPage .isMobile .postItem {
    margin-left: 0;
    width: 100%; }
  .postItemPage .postItem {
    padding: 15px 50px; }
    .postItemPage .postItem.richPostItem {
      padding: 15px 50px; } }

@media screen and (max-width: 992px) {
  .postItemPage .postItemBanner .actionButtonsContainer .button.actionCollect {
    margin-bottom: 8px; }
  .postItemPage .postItemBanner .actionButtonsContainer .actionShare {
    display: block;
    margin: 0 auto;
    padding-left: 5px; }
  .postItemPage .postItemBanner .actionButtonsContainer .socialCollection {
    display: block;
    margin-bottom: 5px;
    margin-right: 0px; }
  .postItemPage .postItemBanner .actionButtonsContainer .actionEmailShare {
    margin-right: -55px; }
  .postItemPage .postItemBanner.noCollection .centerBanner .postTitle {
    line-height: 2.4; }
  .postItemPage .postItemBanner .actionButtonsContainer.withChatOpen {
    width: auto; }
  .postItemPage .postItem {
    padding: 15px 50px; }
    .postItemPage .postItem.richPostItem {
      padding: 15px 50px; }
    .postItemPage .postItem h1 {
      font-size: 30px; }
    .postItemPage .postItem .postDetail-body p {
      margin-bottom: 1em;
      font-size: 16px; }
  .postItemPageLeft {
    width: auto; }
  .chatSpace {
    height: 300px;
    width: 100%; } }

@media screen and (max-width: 768px) {
  .postItemPage .postItemBanner.withChatOpen {
    width: 100%; }
  .postItemPage .postItem {
    padding: 15px 50px; }
    .postItemPage .postItem.richPostItem {
      padding: 15px 50px; }
    .postItemPage .postItem .emdeddedRich {
      padding-bottom: 20px; }
      .postItemPage .postItem .emdeddedRich iframe.embedly-embed {
        height: 100%; } }

@media screen and (max-width: 767px) {
  .postItemPage:first-child {
    width: 100%; }
  .postItemPage .postItemBannerBooked {
    display: none; }
  .postItemPage .postItemBanner {
    position: relative;
    top: inherit;
    margin-bottom: 25px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
    .postItemPage .postItemBanner .centerBanner {
      display: none; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall a,
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall span {
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall a {
        width: 90%; }
    .postItemPage .postItemBanner .actionButtonsContainer {
      width: 104px; }
      .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper {
        display: none; }
    .postItemPage .postItemBanner.bringLine {
      height: 63px;
      top: -10px;
      background: #ffffff url(/common/imgs/header_logo_sm.png) no-repeat left 15px center;
      background-size: 3.3rem; }
      .postItemPage .postItemBanner.bringLine .centerBanner {
        display: block;
        padding: 0 15px 0 60px;
        text-align: left; }
      .postItemPage .postItemBanner.bringLine .actionButtonsContainer .actionShare {
        margin: 0 0 0 60px; }
    .postItemPage .postItemBanner.isMobile .sourceInfo {
      max-width: 270px; }
  .postItemPage .postItem {
    color: #3b3d40;
    padding: 0 15px 50px 28px; }
    .postItemPage .postItem.richPostItem {
      padding: 15px 50px; }
    .postItemPage .postItem h1 {
      font-size: 20px; }
    .postItemPage .postItem .postDetail-source {
      line-height: 1.4; }
    .postItemPage .postItem .postDetail-body {
      font-size: 14px; }
      .postItemPage .postItem .postDetail-body p {
        margin-bottom: 1em;
        font-size: 17px; }
    .postItemPage .postItem .actionShare {
      visibility: hidden;
      /*margin: 0 0 30px;
                width: 200px;
                .shareBlock {
                    margin-right: 8px;
                    font-size: 24px;
                }*/ }
    .postItemPage .postItem .toolbarsContainer .toolbarPower .annotator-toolbar-like {
      width: 28px;
      padding: 0; }
    .postItemPage .postItem .toolbarsContainer .toolbarPower .annotator-toolbar-like-count {
      position: absolute;
      bottom: 4px;
      right: 0;
      width: 27px;
      padding: 5px 0 0 0;
      font-size: 1.2rem;
      text-align: center; }
    .postItemPage .postItem .pdfSection .pdfEditSection {
      height: 849px; } }

@media screen and (max-width: 482px) {
  .postItemPage .postItem .pdfSection .pdfEditSection {
    height: 564px; }
    .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle textarea {
      font-size: 1.2rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc textarea {
      font-size: 0.8rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .imageSection {
      max-height: 250px;
      height: 173px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar {
        display: none; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage {
        height: 170px; } }

@media screen and (max-width: 340px) {
  .postItemPage .postItem .pdfSection .pdfEditSection {
    height: 306px; }
    .postItemPage .postItem .pdfSection .pdfEditSection .titleSection {
      margin-top: 20px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle textarea {
        font-size: 1.2rem;
        height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc textarea {
      font-size: 0.8rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .imageSection {
      margin-top: 0px;
      margin-left: 45px;
      height: 110px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar {
        display: none; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage {
        height: 108px; } }

.contentExpanded,
.contentExpanded-tags,
.contentExpanded-desc,
.contentExpanded-desc_tags {
  overflow: auto; }

.contentExpanded {
  height: calc(100vh - 56px - 75px); }
  .contentExpanded.pdfPostItem {
    overflow: hidden; }

.contentExpanded-tags {
  height: calc(100vh - 56px - 125px); }
  .contentExpanded-tags.pdfPostItem {
    overflow: hidden; }

.contentExpanded-desc {
  height: calc(100vh - 56px - 110px); }
  .contentExpanded-desc.pdfPostItem {
    overflow: hidden; }

.contentExpanded-desc_tags {
  height: calc(100vh - 56px - 150px); }
  .contentExpanded-desc_tags.pdfPostItem {
    overflow: hidden; }

.pdfMenu {
  padding: 15px;
  height: 75px;
  text-align: left;
  border-bottom: 1px solid #dde4e4;
  position: relative;
  -webkit-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s; }
  .pdfMenu .expander {
    position: absolute;
    bottom: -1.5rem;
    text-align: center;
    height: 3rem;
    width: 3rem;
    left: calc(50% - 1.5rem);
    z-index: 2;
    background: white;
    cursor: pointer;
    border-radius: 50%; }
    .pdfMenu .expander i {
      display: inline-block;
      font-size: 3rem;
      line-height: 3rem;
      color: #95a6a6;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      -o-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
      .pdfMenu .expander i.upsideDown {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .pdfMenu .expander:hover {
      padding-bottom: 0.2rem; }
      .pdfMenu .expander:hover i {
        color: #95a6a6; }

.pdfMenuExpanded {
  height: 75px; }

.pdfMenuExpanded-tags {
  height: 125px; }

.pdfMenuExpanded-desc {
  height: 110px; }

.pdfMenuExpanded-desc_tags {
  height: 150px; }

.pdfMenu_back {
  display: inline-block;
  width: 25px;
  margin-top: 10px;
  vertical-align: top; }
  .pdfMenu_back i {
    cursor: pointer;
    font-size: 2rem; }
  .pdfMenu_back.mobile {
    width: 10px; }

.pdfMenu_titleSection {
  display: inline-block;
  padding-left: 2rem;
  max-width: calc(100% - 25px - 15rem); }
  .pdfMenu_titleSection .tagsDiv {
    margin: 5px 0; }
  .pdfMenu_titleSection.mobile {
    max-width: calc(100% - 25px); }

.pdfMenu_titleSection_title {
  font-family: 'MuseoSansRounded500', 'Arial', sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  color: #3b3d40; }
  .pdfMenu_titleSection_title.mobile {
    font-size: 1.5rem; }

.pdfMenu_titleSection_description {
  font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
  color: #95a6a6;
  font-size: 1.6rem;
  padding: 5px 0; }
  .pdfMenu_titleSection_description.mobile {
    font-size: 1.3rem; }

.pdfMenu_titleSection_info {
  font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
  color: #95a6a6;
  text-transform: uppercase;
  line-height: 2rem; }
  .pdfMenu_titleSection_info > div {
    display: inline-block; }
  .pdfMenu_titleSection_info .actionButtonsContainer {
    padding-top: 6px; }

.pdfMenu_collectSection {
  position: absolute;
  right: 0;
  top: 0px;
  background: #ffffff;
  padding: 25px 10px; }
  .pdfMenu_collectSection > div {
    display: inline-block; }
  .pdfMenu_collectSection.mobile {
    padding-top: 20px; }

/* 
copied from above - it would be more testing to make sure I didn't break something when I moved this 
so I copied it here
*/
.overrideSocialShare {
  display: inline-block; }
  .overrideSocialShare button {
    padding: 0 5px; }

.spaceLeft {
  margin-left: 15px; }

.selectedPost_error_message {
  font-size: 2rem;
  padding: 130px 40px;
  text-align: center; }

.settingsModal h3 {
  text-align: center; }

.settingsModal .settingsHeading {
  text-align: center; }

.settingsModal .EditProfileForm input {
  margin-bottom: 1rem;
  height: 3rem; }

.settingsModal .EditProfileForm.EditEmailSettingsForm h2 {
  font-size: 16px;
  margin-bottom: 15px;
  font-family: 'MuseoSansRounded300';
  color: #3b3d40; }

.settingsModal .EditProfileForm.EditEmailSettingsForm select {
  font-size: 2rem;
  margin-top: 5px; }

.settingsModal .EditProfileForm.EditEmailSettingsForm .buttonBar {
  width: 100%;
  display: inline-block; }

.settingsModal .settingsList ul li {
  height: 50px;
  padding: 10px 18px;
  line-height: 50px; }
  .settingsModal .settingsList ul li i {
    width: 27px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    text-align: center; }
  .settingsModal .settingsList ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #3b3d40; }

.addArticle form button {
  float: right; }

.addArticle form div {
  overflow: hidden;
  padding-right: 1rem; }
  .addArticle form div > input {
    width: 100%;
    margin-bottom: 0px; }

.post-question button {
  float: right; }

.post-question > div {
  overflow: hidden;
  padding-right: 1rem; }
  .post-question > div > input {
    width: 100%;
    margin-bottom: 0px; }
  .post-question > div > textarea {
    margin-bottom: 0;
    height: 4.2rem;
    max-height: 100%;
    overflow-y: auto;
    max-height: 21rem; }

.declaraCard.dismissed {
  opacity: 0.5; }

.declaraCard .recommendationReason {
  height: 45px;
  color: #dde4e4;
  border-top: 1px solid #dde4e4;
  padding-top: 10px; }
  .declaraCard .recommendationReason span {
    font-size: 1.3em;
    line-height: 1.7em; }
  .declaraCard .recommendationReason button {
    width: 24px;
    height: 24px;
    float: right;
    font-size: 0.9em;
    line-height: 2.4em;
    border: 1px solid #dde4e4; }
    .declaraCard .recommendationReason button:before {
      color: #dde4e4; }

.declaraCard .avatar {
  width: 60px;
  height: 60px;
  border: 2px solid #ffffff; }

.declaraCard .cardBottom {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%; }

.declaraCard .cardActionButton {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0; }
  .declaraCard .cardActionButton.icon-plus {
    color: #29c896;
    font-size: 2em; }

.userTile {
  box-sizing: border-box;
  position: relative;
  width: 232px;
  height: 304px;
  text-align: center; }
  .userTile a.tileAnchor {
    text-decoration: none; }
  .userTile .whiteOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    top: 0;
    left: 0; }
  .userTile .tagContainer {
    height: 30px;
    overflow: hidden; }
    .userTile .tagContainer .tag {
      -webkit-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
      display: inline-block;
      background-color: #ffffff;
      color: #95a6a6;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      max-width: 100px;
      text-overflow: ellipsis;
      padding: 5px;
      font-size: 1.1rem;
      margin-right: 5px;
      margin-top: 5px;
      background-color: transparent;
      border: 1px solid #eceeee;
      max-width: inherit; }
      .userTile .tagContainer .tag:hover {
        background-color: #c9d7d7;
        color: #3b3d40; }
        .userTile .tagContainer .tag:hover em {
          color: #ffffff; }
    .userTile .tagContainer em {
      font-size: 1.1rem; }
  .userTile .tileContent {
    position: relative;
    overflow: hidden;
    height: 304px;
    padding: 2rem;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .userTile .tileContent a {
      text-decoration: none !important; }
    .userTile .tileContent .dismissTile {
      position: absolute;
      top: 0;
      right: 0;
      padding: 10px;
      cursor: pointer; }
      .userTile .tileContent .dismissTile .icon-x {
        color: #dde4e4; }
    .userTile .tileContent .userImage {
      width: 84px;
      height: 84px;
      overflow: hidden;
      margin: 0 auto 1.6rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .userTile .tileContent .userImage.icon-user:before {
        font-size: 7rem;
        color: #eceeee; }
      .userTile .tileContent .userImage.default {
        overflow: hidden;
        margin-top: 10px;
        background-color: #dde4e4;
        line-height: 100px;
        text-align: center; }
      .userTile .tileContent .userImage.offset {
        position: absolute;
        top: 0;
        left: 74px;
        margin-top: 30px; }
    .userTile .tileContent h3.userName {
      height: 23px;
      margin: 0;
      line-height: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .userTile .tileContent h6.userTitle {
      margin-bottom: 1.8rem;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.1rem;
      color: #95a6a6;
      text-transform: none;
      letter-spacing: 0;
      line-height: 1.5; }
      .userTile .tileContent h6.userTitle .jobDescription {
        padding-bottom: 2px; }
    .userTile .tileContent .tileTop {
      height: 60px; }
    .userTile .tileContent .tileBottom {
      position: absolute;
      bottom: 1.8rem;
      left: 0;
      width: 100%; }
      .userTile .tileContent .tileBottom button,
      .userTile .tileContent .tileBottom .buttonSuccessText {
        margin-bottom: 2.2rem; }
      .userTile .tileContent .tileBottom .qualityIndicators--inline {
        display: inline-block; }
        .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator {
          border: 0; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator .qualitySignal {
            display: block;
            margin-bottom: 2px; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers {
            margin: 0 13px 0 10px; }
            .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers .qualitySignal {
              position: relative; }
              .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers .qualitySignal:after {
                position: absolute;
                right: -14px;
                content: '|'; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator .qualityCounter {
            display: block;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            font-size: 1.4rem;
            color: #3b3d40; }
  .userTile.dismissible .tileContent {
    height: 248px;
    width: 240px;
    background-image: -webkit-linear-gradient(left, #19B6BA 0%, #30CC9D 100%);
    background-image: -o-linear-gradient(left, #19B6BA 0%, #30CC9D 100%);
    background-image: linear-gradient(to right, #19B6BA 0%, #30CC9D 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF19B6BA', endColorstr='#FF30CC9D', GradientType=1);
    background-size: 100% 80px;
    background-repeat: no-repeat;
    background-color: #eceeee; }
    .userTile.dismissible .tileContent .userImage {
      width: 90px;
      height: 90px;
      margin-bottom: 12px; }
      .userTile.dismissible .tileContent .userImage.offset {
        left: 77px;
        margin-top: 19px; }
      .userTile.dismissible .tileContent .userImage.default {
        margin-top: -1px;
        margin-left: 57px; }
    .userTile.dismissible .tileContent h6.userTitle {
      font-weight: bold;
      font-size: 1.3rem;
      margin-top: 2px; }
    .userTile.dismissible .tileContent .tileBottom {
      bottom: -3px; }
      .userTile.dismissible .tileContent .tileBottom button {
        background-color: #ffffff;
        color: #29c896;
        width: 108px; }
  .userTile.dismissible .whiteOverlay {
    width: 240px;
    height: 248px; }
  .userTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #ffffff;
    text-align: left; }
    .userTile.searchTile .tileContent {
      height: auto;
      padding: 20px 0 5px 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .userTile.searchTile .tileContent .userImage {
        float: left;
        width: 72px;
        height: 72px;
        margin: -8px 20px 0 0; }
      .userTile.searchTile .tileContent .userImage.offset {
        left: 0px;
        margin-top: 20px; }
      .userTile.searchTile .tileContent h3.userName {
        margin: 8px 75px 0 0; }
      .userTile.searchTile .tileContent h6.userTitle {
        margin-bottom: 0;
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        .userTile.searchTile .tileContent h6.userTitle .jobDescription {
          padding: 0; }
      .userTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 94px;
        width: calc(100% - 94px); }
        .userTile.searchTile .tileContent .tileBottom button,
        .userTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .userTile.searchTile .tileContent .tileBottom .email {
          position: absolute;
          top: 32px;
          right: 0; }
        .userTile.searchTile .tileContent .tileBottom .email {
          top: 63px;
          width: 64px; }
        .userTile.searchTile .tileContent .tileBottom .emailText {
          position: absolute;
          top: 63px;
          right: 0;
          width: 60%;
          height: 20px;
          border: 0px;
          text-align: right; }
  .userTile .fakeName, .userTile .fakeJobDescription,
  .userTile .fakeQualityCounter, .userTile .fakeQualitySignal {
    background: #eceeee;
    width: 140px;
    height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }
  .userTile .fakeButton {
    width: 114px; }
  .userTile .fakeQualityCounter {
    width: 20px; }
  .userTile .fakeQualitySignal {
    width: 85px; }
  .userTile .cssFade.ng-show {
    transition: 0.25s linear all;
    opacity: 1;
    z-index: 1; }
  .userTile .cssFade {
    opacity: 0; }

.sidebarTile .userTile.searchTile {
  float: none;
  width: 350px;
  border: none; }
  .sidebarTile .userTile.searchTile .tileContent {
    overflow: auto; }
    .sidebarTile .userTile.searchTile .tileContent .userImage {
      margin: 0 16px 0 0; }
    .sidebarTile .userTile.searchTile .tileContent .userImage.offset {
      margin-top: 20px; }
    .sidebarTile .userTile.searchTile .tileContent .userText {
      float: left;
      width: auto;
      padding-bottom: 36px; }
      .sidebarTile .userTile.searchTile .tileContent .userText h3 {
        margin: 1px 0 1px;
        font-size: 1.6rem;
        line-height: 1.9rem; }
      .sidebarTile .userTile.searchTile .tileContent .userText h6 {
        font-size: 1.1rem;
        line-height: 1.6rem; }
    .sidebarTile .userTile.searchTile .tileContent .tagContainer {
      display: none; }
    .sidebarTile .userTile.searchTile .tileContent .tileBottom {
      position: absolute;
      bottom: 1px;
      left: 88px;
      width: auto; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        position: relative;
        top: initial;
        margin-bottom: 5px; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
        display: none; }

@media screen and (max-width: 1023px) {
  .sidebarTile .userTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    text-align: left; }
    .sidebarTile .userTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage {
        float: left;
        width: 72px;
        height: 72px;
        margin: 0 20px 0 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage.offset {
        left: 0;
        margin-top: 0; }
      .sidebarTile .userTile.searchTile .tileContent h3.userName {
        margin: 8px 75px 0 0; }
      .sidebarTile .userTile.searchTile .tileContent h6.userTitle {
        margin-bottom: 0;
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        .sidebarTile .userTile.searchTile .tileContent h6.userTitle .jobDescription {
          padding: 0; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 0;
        float: left;
        width: calc(100% - 94px);
        margin: 10px 0 0 94px; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: absolute;
          top: 12px;
          right: 0; } }

@media screen and (max-width: 767px) {
  .sidebarTile .userTile.searchTile,
  .userTile.searchTile {
    padding: 10px 0; }
    .sidebarTile .userTile.searchTile .tileContent,
    .userTile.searchTile .tileContent {
      padding: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage,
      .userTile.searchTile .tileContent .userImage {
        margin: 0 20px 0 0; }
        .sidebarTile .userTile.searchTile .tileContent .userImage.offset,
        .userTile.searchTile .tileContent .userImage.offset {
          margin-top: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userText,
      .userTile.searchTile .tileContent .userText {
        width: 100%;
        padding-bottom: 10px; }
        .sidebarTile .userTile.searchTile .tileContent .userText h3.userName,
        .userTile.searchTile .tileContent .userText h3.userName {
          margin: 0;
          font-size: 1.5rem;
          line-height: 1.4em; }
      .sidebarTile .userTile.searchTile .tileContent .tagContainer,
      .userTile.searchTile .tileContent .tagContainer {
        display: none; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom,
      .userTile.searchTile .tileContent .tileBottom {
        margin: 4px 0 0 92px; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .userTile.searchTile .tileContent .tileBottom button,
        .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: static;
          margin-bottom: 0; }
  .sidebarTile .userTile.searchTile .tileContent .userText {
    width: calc(100% - 92px); } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .sidebarTile .userTile.searchTile .tileContent {
    overflow: hidden; }
    .sidebarTile .userTile.searchTile .tileContent .userText {
      padding-bottom: 0px; }
    .sidebarTile .userTile.searchTile .tileContent .tileBottom {
      position: relative;
      display: block; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom div:first-child {
        float: left; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom div:first-child button {
          top: 0px; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        top: 0px; } }

.teamTileContainer {
  float: left; }

.teamTile {
  box-sizing: border-box;
  position: relative;
  width: 300px;
  height: 300px;
  text-align: center; }
  .teamTile .tileAnchor {
    display: inline;
    text-decoration: none; }
    .teamTile .tileAnchor.memberOfTeam {
      cursor: pointer; }
  .teamTile .tagRepeater {
    display: inline-block; }
  .teamTile .tagContainer {
    height: calc(100% - 100px);
    max-height: inherit;
    margin: 0;
    width: auto;
    text-align: justify;
    overflow: hidden; }
    .teamTile .tagContainer ul {
      height: auto; }
    .teamTile .tagContainer .tag {
      -webkit-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
      display: inline-block;
      background-color: #ffffff;
      color: #95a6a6;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      max-width: 100px;
      text-overflow: ellipsis;
      padding: 5px;
      font-size: 1.1rem;
      margin-right: 5px;
      margin-top: 5px;
      max-width: 100%; }
      .teamTile .tagContainer .tag:hover {
        background-color: #c9d7d7;
        color: #3b3d40; }
        .teamTile .tagContainer .tag:hover em {
          color: #ffffff; }
    .teamTile .tagContainer em {
      font-size: 1.1rem; }
  .teamTile .tileContent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: box-shadow 200ms linear;
    -ms-transition: box-shadow 200ms linear;
    -moz-transition: box-shadow 200ms linear;
    -o-transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f2f4f4; }
    .teamTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .teamTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .teamTile .tileContent .tileTop {
      border-top-right-radius: 6px;
      border-top-left-radius: 6px; }
      .teamTile .tileContent .tileTop .teamNameWrapper {
        height: 65px;
        width: 280px;
        margin: 0 auto;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px; }
        .teamTile .tileContent .tileTop .teamNameWrapper h3.teamName {
          margin: 0;
          padding: 0;
          margin-bottom: 5px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #ffffff; }
        .teamTile .tileContent .tileTop .teamNameWrapper span {
          color: #ffffff;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1.3rem; }
    .teamTile .tileContent .tileBottom {
      padding: 10px;
      height: calc(100% - 75px);
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      text-align: center; }
      .teamTile .tileContent .tileBottom .teamDescription {
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 1.2rem;
        color: #95a6a6;
        text-transform: none;
        text-align: left;
        display: block;
        height: 4.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        padding: 0;
        margin-bottom: 8px; }
        .teamTile .tileContent .tileBottom .teamDescription.open {
          padding-top: 3rem; }
      .teamTile .tileContent .tileBottom .openTeamBanner {
        position: absolute;
        top: 6.5rem;
        height: 3rem;
        background: #E6E6E6;
        color: #26b099;
        font-family: 'MuseoSansRounded500';
        width: 100%;
        left: 0;
        line-height: 3rem;
        z-index: 2;
        font-size: 1.4rem;
        vertical-align: middle; }
      .teamTile .tileContent .tileBottom .action-container {
        text-align: center;
        height: 50px;
        line-height: 50px; }
        .teamTile .tileContent .tileBottom .action-container button {
          margin: 0; }
        .teamTile .tileContent .tileBottom .action-container .buttonSuccessText {
          display: inline-block;
          margin: 0;
          line-height: 50px; }
  .teamTile .teamNameWrapper,
  .teamTile .desc-tooltip + .tooltip {
    -webkit-transition: display 200ms linear;
    -ms-transition: display 200ms linear;
    -moz-transition: display 200ms linear;
    -o-transition: display 200ms linear;
    transition: display 200ms linear; }
    .teamTile .teamNameWrapper .tooltip-inner,
    .teamTile .desc-tooltip + .tooltip .tooltip-inner {
      width: 280px;
      max-width: 280px;
      font-size: 1.2rem;
      background-color: #3b3d40;
      color: #ffffff;
      z-index: 10000 !important; }
    .teamTile .teamNameWrapper.bottom .tooltip-arrow,
    .teamTile .desc-tooltip + .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #3b3d40; }

.teamAvatarContainer {
  height: 55px;
  margin-bottom: 50px; }
  .teamAvatarContainer .teamAvatar {
    position: relative;
    bottom: -18px;
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 50%;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    font-size: 4rem;
    color: #ffffff;
    line-height: 72px;
    text-align: center; }

.collectionTile {
  width: 240px;
  height: 320px;
  text-align: center;
  z-index: 0; }
  .collectionTile a.tileAnchor {
    text-decoration: none; }
  .collectionTile .collectionStack {
    position: relative;
    height: 4px;
    width: 90%;
    margin: 0 auto 4px;
    background-color: #ffffff;
    border-radius: 2px;
    cursor: pointer; }
    .collectionTile .collectionStack.short {
      width: 75%; }
  .collectionTile .collectionStack:before {
    box-sizing: border-box;
    content: "";
    border-radius: 10px; }
  .collectionTile .tileContent {
    position: relative;
    overflow: hidden;
    height: 304px;
    padding: 2.9rem 2rem 2rem;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .collectionTile .tileContent .smallCollectionTiles .smallTile {
      box-sizing: border-box;
      display: inline-block;
      width: 50px;
      height: 60px;
      margin: 0 3px;
      padding: 4px;
      border: solid 1px #dde4e4;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage {
        height: 20px;
        overflow: hidden;
        margin-bottom: 6px;
        background: #eceeee;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage .fitImage {
          width: 100%;
          height: 100%; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage .placeholder {
          width: 100%;
          height: 100%;
          background: #eceeee; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText {
        position: relative;
        height: 3px;
        margin-bottom: 3px;
        background-color: #dde4e4;
        border-radius: 2px; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText.short {
          width: 50%; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
          margin-bottom: 6px; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText:before {
        box-sizing: border-box;
        content: "";
        border-radius: 10px; }
    .collectionTile .tileContent h3.collectionTitle {
      height: 53px;
      overflow: hidden;
      margin: 1.6rem 0 .3rem;
      line-height: 2.7rem;
      word-break: break-word; }
    .collectionTile .tileContent h6.owner {
      vertical-align: middle;
      width: 100%;
      height: 25px;
      margin-bottom: 2.5rem;
      color: #95a6a6;
      text-transform: none;
      letter-spacing: 0;
      line-height: 1.6rem; }
      .collectionTile .tileContent h6.owner span {
        display: inline-block;
        vertical-align: middle; }
        .collectionTile .tileContent h6.owner span.multipleCurators, .collectionTile .tileContent h6.owner span.others {
          color: #3b3d40; }
      .collectionTile .tileContent h6.owner .multipleCurators {
        max-width: 125px; }
    .collectionTile .tileContent .tileBottom {
      position: absolute;
      bottom: 2rem;
      left: 0;
      width: 100%; }
      .collectionTile .tileContent .tileBottom button,
      .collectionTile .tileContent .tileBottom .buttonSuccessText {
        margin-bottom: 1.7rem; }
  .collectionTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 20px;
    text-align: left; }
    .collectionTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .collectionTile.searchTile .tileContent .tileTop {
        margin-bottom: 9px; }
        .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer {
          float: left;
          width: 72px;
          margin-right: 20px; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack {
            position: relative;
            height: 5px;
            width: 90%;
            margin: 0 auto 2px;
            border: solid 1px #dde4e4;
            border-radius: 2px;
            cursor: pointer; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack:before {
            box-sizing: border-box;
            content: "";
            border-radius: 10px; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px 0 4px 8px;
            border: solid 1px #dde4e4;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px; }
            .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
              width: 24px;
              height: 30px;
              margin: 0 5px 5px 0;
              padding: 2px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
                height: 10px;
                margin-bottom: 2px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
                position: relative;
                height: 2px;
                margin-bottom: 1px; }
                .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
                  width: 50%; }
                .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
                  margin-bottom: 3px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
                border-radius: 10px; }
        .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle {
          height: auto;
          margin: 7px 130px 5px 0;
          padding: 0;
          border-bottom: none;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          line-height: 2.9rem;
          text-transform: none;
          display: inline-block; }
        .collectionTile.searchTile .tileContent .tileTop .collectionText h6 {
          height: auto;
          margin: 0 0 0 92px;
          font-size: 1.2rem;
          letter-spacing: 0.1em; }
          .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner {
            margin-bottom: 0; }
            .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.multipleCurators, .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.others {
              color: #95a6a6; }
          .collectionTile.searchTile .tileContent .tileTop .collectionText h6 .jobDescription {
            padding: 0; }
    .collectionTile.searchTile .tileBottom {
      position: static; }
      .collectionTile.searchTile .tileBottom button,
      .collectionTile.searchTile .tileBottom .buttonSuccessText {
        position: absolute;
        top: 10px;
        right: 0; }
      .collectionTile.searchTile .tileBottom .qualityIndicator--inline {
        margin-left: 92px; }
  .collectionTile .fakeName, .collectionTile .fakeOwner,
  .collectionTile .fakeQualityCounter, .collectionTile .fakeQualitySignal {
    background: #eceeee;
    width: 200px;
    height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }
  .collectionTile .fakeOwner {
    vertical-align: middle;
    width: 100%;
    margin-bottom: 2.5rem;
    color: #b4b7b7;
    text-transform: none;
    letter-spacing: 0; }
  .collectionTile .fakeButton {
    width: 114px; }
  .collectionTile .fakeQualityCounter {
    width: 20px; }
  .collectionTile .fakeQualitySignal {
    width: 85px; }

.sidebarTile .collectionTile {
  float: none;
  width: 350px;
  border: none; }
  .sidebarTile .collectionTile.searchTile .tagsContainer {
    display: none; }
  .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer {
    width: 88px;
    margin-right: 28px; }
    .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles {
      padding: 10px 0 4px 10px; }
      .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
        width: 30px;
        height: 36px;
        margin: 0 5px 6px 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
          height: 12px;
          margin-bottom: 2px; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
          position: relative;
          height: 2px;
          margin-bottom: 1px; }
          .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
            width: 50%; }
          .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
            margin-bottom: 3px; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          content: "";
          border-radius: 10px; }
  .sidebarTile .collectionTile.searchTile .tileContent .collectionText {
    float: left;
    width: 230px;
    padding-bottom: 40px; }
    .sidebarTile .collectionTile.searchTile .tileContent .collectionText h3.collectionTitle {
      margin: 4px 0 5px;
      font-size: 1.6rem;
      line-height: 1.9rem; }
    .sidebarTile .collectionTile.searchTile .tileContent .collectionText h6.owner {
      margin: 0; }
  .sidebarTile .collectionTile.searchTile .tileContent .tileBottom {
    position: absolute;
    bottom: 11px;
    left: 117px;
    width: auto; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
      position: relative;
      height: 24px;
      margin-bottom: 0;
      padding: 0 1.2rem;
      font-size: .8rem;
      text-transform: uppercase;
      line-height: 24px;
      letter-spacing: 0.12em; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
      padding: 0; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
      display: none; }

@media screen and (max-width: 1023px) {
  .sidebarTile .collectionTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    text-align: left; }
    .sidebarTile .collectionTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer {
        float: left;
        width: 72px;
        margin-right: 20px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack {
          position: relative;
          height: 5px;
          width: 90%;
          margin: 0 auto 2px;
          border: solid 1px #dde4e4;
          border-radius: 2px;
          cursor: pointer; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack:before {
          box-sizing: border-box;
          content: "";
          border-radius: 10px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 8px 0 4px 8px;
          border: solid 1px #dde4e4;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          -o-border-radius: 4px;
          border-radius: 4px; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
            width: 24px;
            height: 30px;
            margin: 0 5px 5px 0;
            padding: 2px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
              height: 10px;
              margin-bottom: 2px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
              position: relative;
              height: 2px;
              margin-bottom: 1px; }
              .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
                width: 50%; }
              .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
                margin-bottom: 3px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              content: "";
              border-radius: 10px; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText {
        width: calc(100% - 94px);
        padding-bottom: 15px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h3 {
          height: auto;
          margin: 7px 75px 5px 0;
          font-size: 2rem;
          line-height: 2.9rem; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6 {
          height: auto;
          margin-bottom: 0;
          font-size: 1.2rem;
          letter-spacing: 0.1em; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner {
            margin-bottom: 0; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.multipleCurators, .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.others {
              color: #95a6a6; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6 .jobDescription {
            padding: 0; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 0;
        width: calc(100% - 94px);
        margin: 10px 0 0 94px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: absolute;
          top: 12px;
          right: 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
          display: block;
          margin-left: 0; } }

@media screen and (max-width: 767px) {
  .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText {
    float: none;
    width: 100%; }
  .sidebarTile .collectionTile.searchTile,
  .collectionTile.searchTile {
    padding: 10px 0; }
    .sidebarTile .collectionTile.searchTile .tileContent,
    .collectionTile.searchTile .tileContent {
      overflow: visible; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop,
      .collectionTile.searchTile .tileContent .tileTop {
        margin-top: 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText,
        .collectionTile.searchTile .tileContent .tileTop .collectionText {
          padding-bottom: 0; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle,
          .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle {
            margin-right: 0;
            font-size: 1.5rem;
            line-height: 1.4em; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileBottom,
      .collectionTile.searchTile .tileContent .tileBottom {
        margin: 0 0 0 92px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .collectionTile.searchTile .tileContent .tileBottom button,
        .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: static;
          margin-bottom: 10px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline,
        .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
          width: 100%;
          margin: 0; } }

.fitImage {
  background-size: cover;
  background-position: center; }

.curatorAvatar {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 20px; }

.curatorAvatar.icon-user {
  margin-right: 10px; }

.curatorAvatar.icon-user:before {
  display: inline-block;
  vertical-align: middle;
  padding: 4px; }

.curatorAvatar.icon-users:before {
  display: inline-block;
  vertical-align: middle;
  padding: 4px; }

.contentTile {
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin: 15px 0 30px; }
  .contentTile.hcardTile {
    margin: 0; }
    .contentTile.hcardTile .hcard {
      border-bottom: none;
      padding-bottom: 0; }
      .contentTile.hcardTile .hcard .hcard__title {
        color: #7F8FAC;
        font-family: 'MuseoSansRounded500'; }
        .contentTile.hcardTile .hcard .hcard__title.errorTitle {
          color: #f65950; }
      .contentTile.hcardTile .hcard.larger .hcard__pic {
        width: 10rem;
        height: 10rem; }
      .contentTile.hcardTile .hcard.larger .hcard__title {
        margin-left: 10.5rem;
        font-size: 1.6rem;
        line-height: 1.6rem; }
      .contentTile.hcardTile .hcard.larger .hcard__desc, .contentTile.hcardTile .hcard.larger .hcard__meta {
        margin-left: 10.5rem; }
      .contentTile.hcardTile .hcard:hover {
        background: none; }
    .contentTile.hcardTile .addedBy {
      font-family: 'MuseoSansRounded500';
      text-decoration: underline; }
    .contentTile.hcardTile .feedInsightTile {
      box-shadow: none;
      margin: 0; }
      .contentTile.hcardTile .feedInsightTile .tileContent {
        margin-bottom: 0; }
  .contentTile .emptyTile .shimmer {
    opacity: 0.4;
    width: calc(100% - 20px);
    height: 168px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    animation: shimmer 2s linear infinite;
    background: -owg-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -webkit-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -moz-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -o-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    -pie-background: -pie-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%); }

@keyframes shimmer {
  0% {
    background-position-x: -500px; }
  50% {
    background-position-x: 500px; }
  100% {
    background-position-x: 500px; } }
    .contentTile .emptyTile .shimmer.hcard {
      height: 100px; }
  .contentTile .emptyTile .fakeContextLine,
  .contentTile .emptyTile .fakeImage,
  .contentTile .emptyTile .fakeTitle,
  .contentTile .emptyTile .fakeLine,
  .contentTile .emptyTile .userImage {
    background: #f2f4f4;
    display: inline-block; }
    .contentTile .emptyTile .fakeContextLine.error,
    .contentTile .emptyTile .fakeImage.error,
    .contentTile .emptyTile .fakeTitle.error,
    .contentTile .emptyTile .fakeLine.error,
    .contentTile .emptyTile .userImage.error {
      color: #f65950; }
  .contentTile .emptyTile .fakeContextLine {
    width: 230px;
    height: 20px;
    margin: 0 0 5px 5px; }
  .contentTile .emptyTile .fakeTitle {
    margin: 6px 0 15px 0;
    height: 40px;
    width: calc(100% - 190px); }
  .contentTile .emptyTile .fakeLine {
    margin-bottom: 6px;
    height: 20px;
    width: calc(100% - 190px); }
  .contentTile .emptyTile .errorTile {
    width: 100%;
    padding: 20px;
    color: #ffffff;
    background-color: #f65950;
    border-radius: 6px;
    position: relative; }
    .contentTile .emptyTile .errorTile .icon-alert {
      display: inline-block;
      font-size: 4rem;
      margin-right: 20px;
      vertical-align: middle; }
    .contentTile .emptyTile .errorTile .alertMessage {
      width: calc(100% - 100px);
      display: inline-block;
      font-size: 1.6rem;
      line-height: 2rem;
      vertical-align: middle; }
    .contentTile .emptyTile .errorTile .icon-x {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      cursor: pointer;
      font-size: 1.4rem;
      padding: 10px; }
  .contentTile .emptyTile .pdf .tileContent .imageContainer .fitImage {
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.05); }
  .contentTile .tileMetadata {
    width: 100%;
    margin-bottom: 18px;
    color: #95a6a6;
    font-size: 1.5rem; }
    .contentTile .tileMetadata .userImageWrapper {
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      .contentTile .tileMetadata .userImageWrapper .userImage {
        width: 40px;
        height: 40px;
        margin-right: 0.5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        .contentTile .tileMetadata .userImageWrapper .userImage.icon-user:before {
          font-size: 3rem;
          color: #f2f4f4; }
        .contentTile .tileMetadata .userImageWrapper .userImage.default {
          line-height: 32px;
          text-align: center;
          overflow: hidden;
          background: #dde4e4; }
        .contentTile .tileMetadata .userImageWrapper .userImage.offset {
          position: absolute;
          top: 0;
          left: 0; }
    .contentTile .tileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 52px);
      vertical-align: middle;
      padding-top: 4px; }
      .contentTile .tileMetadata .tileMetadata-text a {
        line-height: 1.6rem;
        vertical-align: top; }
      .contentTile .tileMetadata .tileMetadata-text a,
      .contentTile .tileMetadata .tileMetadata-text span {
        line-height: 1.5rem;
        vertical-align: middle; }
      .contentTile .tileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .contentTile .tileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .contentTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        display: inline-block;
        max-width: 45%; }
      .contentTile .tileMetadata .tileMetadata-text .timeAgo {
        width: 150px;
        float: right;
        text-align: right; }
      .contentTile .tileMetadata .tileMetadata-text .removeWrapper {
        float: right;
        padding-top: 2px;
        font-size: 1.2rem;
        color: #95a6a6;
        cursor: pointer; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper:hover,
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .confirmRemove {
          color: #d54c44; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeError {
          color: #d54c44;
          cursor: initial; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeLabel {
          font-style: italic; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .confirmRemoveLabel {
          cursor: initial; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeOption:hover {
          text-decoration: underline; }
  .contentTile .pdf .tileContent .imageContainer .fitImage {
    border: 0 none; }
  .contentTile a.tileAnchor {
    text-decoration: none; }
  .contentTile .tileContent {
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6; }
    .contentTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .contentTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .contentTile .tileContent .alertMessage {
      color: #f65950;
      font-size: 1.6rem;
      line-height: 2rem;
      text-align: center;
      margin: 60px 80px; }
    .contentTile .tileContent .insightCount {
      position: relative;
      z-index: 2;
      float: right;
      margin: 17px 20px -44px 0;
      padding: 5px 13px;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      font-size: 1.4rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #ffffff; }
      .contentTile .tileContent .insightCount i {
        display: inline-block;
        vertical-align: bottom;
        font-size: 1.5rem; }
      .contentTile .tileContent .insightCount span {
        display: inline-block; }
    .contentTile .tileContent .imageContainer {
      position: relative;
      float: none;
      overflow: hidden;
      width: 100%;
      height: 172px;
      margin: 0 0 10px;
      border-bottom: solid 1px #dde4e4; }
      .contentTile .tileContent .imageContainer .icon-d3-video {
        font-size: 500%; }
      .contentTile .tileContent .imageContainer .groovyFitImage {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0; }
    .contentTile .tileContent .contentDetails {
      width: 100%;
      float: none;
      margin-top: 0;
      padding: 0 35px 20px; }
      .contentTile .tileContent .contentDetails .source,
      .contentTile .tileContent .contentDetails .timeAgo {
        font-size: 1.2rem;
        color: #95a6a6;
        white-space: nowrap; }
      .contentTile .tileContent .contentDetails .source {
        float: left;
        max-width: 70%;
        margin-bottom: 5px; }
      .contentTile .tileContent .contentDetails .timeAgo {
        color: #95a6a6;
        font-size: 1.2rem;
        float: right;
        display: inline-block; }
        .contentTile .tileContent .contentDetails .timeAgo:before {
          display: none;
          content: '\2022';
          margin: 0 6px 0 4px; }
      .contentTile .tileContent .contentDetails h3.contentTitle {
        overflow: hidden;
        max-height: 55px;
        margin-top: 10px;
        line-height: 1.4em; }
      .contentTile .tileContent .contentDetails .contentInsightWrapper {
        position: relative; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer {
          width: 100%;
          margin-top: 15px;
          padding-bottom: 15px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer:last-child {
            padding-bottom: 10px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .info {
          clear: both;
          padding-top: 15px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes {
            float: left;
            color: #95a6a6;
            font-size: 1.3rem;
            letter-spacing: 0.2rem; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2 {
              display: inline-block;
              font-size: 1.6rem;
              color: #95a6a6; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2.liked {
                color: #f65950; }
                .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2.liked:before {
                  content: "\e65b"; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes span {
              display: inline-block; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner {
          float: right; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .insightOwnerName {
            display: inline-block;
            vertical-align: middle;
            color: #95a6a6;
            margin-right: 5px;
            font-size: 1.2rem; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .fitImage {
            position: relative; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .userImage.default {
            float: right;
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: relative; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .userImage.default:before {
              font-size: 3rem;
              color: #ffffff; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare {
          float: left;
          margin-left: 10px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .icon-share {
            font-size: 1.8rem;
            color: #95a6a6;
            vertical-align: sub; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .shareLabel {
            font-size: 1.1rem;
            color: #95a6a6;
            text-transform: uppercase;
            letter-spacing: 0.2rem;
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare:hover .shareLabel {
            display: none; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare:hover .hideIcons {
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .hideIcons {
            display: none;
            vertical-align: top; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .loadingTwitterSharableUrl {
            margin: -18px 20px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons {
            position: relative;
            float: right;
            margin-left: 5px; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons .socialShareWrapper {
              margin-top: 7px; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons .socialShareWrapper facebook {
                font-size: 2rem;
                margin-top: -9px; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons .socialShareWrapper twitter {
                font-size: 2rem;
                margin-top: -8px; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons .socialShareWrapper linkedin {
                font-size: 2rem;
                margin-top: -8px; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons .socialShareWrapper email-share-modal i {
                font-size: 2rem;
                margin-top: -7px; }
      .contentTile .tileContent .contentDetails .snippet {
        max-height: 40px;
        overflow: hidden;
        margin-top: .8rem;
        margin-bottom: 25px;
        line-height: 1.4em;
        color: #3b3d40;
        font-size: 1.5rem;
        font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .contentTile .tileContent .contentDetails .contentBottom {
        width: 100%;
        color: #95a6a6; }
        .contentTile .tileContent .contentDetails .contentBottom .insightShareAndLikes {
          display: inline-block; }
        .contentTile .tileContent .contentDetails .contentBottom .insightMetadata {
          display: inline-block;
          font-size: 1.3rem;
          vertical-align: middle;
          position: relative; }
          .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .userImage {
            width: 25px;
            height: 25px;
            margin-right: 0.5em;
            display: inline-block;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .userImage.icon-user:before {
              font-size: 2rem;
              color: #f2f4f4;
              line-height: 25px; }
            .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .userImage.default {
              line-height: 25px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4;
              vertical-align: top; }
            .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .userImage.offset {
              position: absolute;
              top: 0;
              left: 0; }
          .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .tileMetadata-text {
            display: inline-block;
            vertical-align: middle;
            line-height: 25px; }
            .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .tileMetadata-text .likersContainer, .contentTile .tileContent .contentDetails .contentBottom .insightMetadata .tileMetadata-text .timestamp {
              display: inline-block; }
        .contentTile .tileContent .contentDetails .contentBottom .draftIndicator {
          float: left;
          margin-top: 0.3rem;
          font-size: 1rem;
          letter-spacing: 0.1rem;
          color: #f65950;
          text-transform: uppercase; }
          .contentTile .tileContent .contentDetails .contentBottom .draftIndicator span {
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentBottom .draftIndicator .draftLabel {
            margin-right: 1rem;
            padding-right: 1rem;
            border-right: solid 1px #95a6a6; }
        .contentTile .tileContent .contentDetails .contentBottom .collectionAnchor {
          float: right;
          padding: 0 8px;
          height: 2.4rem;
          max-width: 225px;
          background-color: #eceeee;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          font-size: 1.2rem;
          color: #3b3d40;
          line-height: 2.4rem;
          cursor: pointer; }
  .contentTile.compactTile {
    margin: 28px 0 0;
    background-color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .contentTile.compactTile .tileMetadata {
      display: none; }
    .contentTile.compactTile .insightCount {
      display: none; }
    .contentTile.compactTile .tileContent {
      height: auto;
      padding: 0;
      box-shadow: none; }
      .contentTile.compactTile .tileContent .imageContainer {
        width: 84px;
        height: 84px;
        float: left;
        border-bottom: 0; }
        .contentTile.compactTile .tileContent .imageContainer .groovyFitImage {
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          -o-border-radius: 4px;
          border-radius: 4px; }
      .contentTile.compactTile .tileContent .imageSpace {
        padding-left: 10px; }
      .contentTile.compactTile .tileContent .contentDetails {
        padding: 0; }
        .contentTile.compactTile .tileContent .contentDetails h3.contentTitle {
          max-height: 55px;
          margin-top: 0; }
        .contentTile.compactTile .tileContent .contentDetails .source {
          float: none;
          max-width: none; }
        .contentTile.compactTile .tileContent .contentDetails .snippet {
          padding-left: 10px;
          color: #95a6a6; }

.mobile .contentTile .tileMetadata {
  color: #3b3d40; }

.collectionItem .contentTile .tileMetadata .tileMetadata-text {
  width: 100%; }

.allActivityTile .contentTile .tileContent:hover {
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }

.allActivityTile .contentTile .tileContent.active {
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }

/** adding common styel for activity tile**/
/** change color if the tile is a question tile **/
.allActivityTile.question {
  background-color: #95a6a6 !important; }
  .allActivityTile.question .tileMetadata-text {
    color: white; }
  .allActivityTile.question h2 {
    font-size: 2.3rem;
    color: white; }
  .allActivityTile.question .lastFollowedLiker {
    color: #ffffff; }

@media screen and (max-width: 767px) {
  .contentTile {
    margin: 0 0 10px; }
    .contentTile .tileMetadata {
      margin-bottom: 5px;
      font-size: 1.2rem;
      color: #3b3d40; }
      .contentTile .tileMetadata .tileMetadata-text a,
      .contentTile .tileMetadata .tileMetadata-text span {
        line-height: 1.1; }
      .contentTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        max-width: 55%; }
      .contentTile .tileMetadata .tileMetadata-text .timeAgo {
        float: none;
        display: block;
        width: auto;
        padding-top: 5px;
        text-align: left; }
      .contentTile .tileMetadata .tileMetadata-text .removeWrapper {
        float: none;
        display: block; }
      .contentTile .tileMetadata .userImage.default {
        float: left; }
    .contentTile .tileContent {
      height: auto;
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
      .contentTile .tileContent .imageContainer {
        margin: 0; }
        .contentTile .tileContent .imageContainer .icon-d3-video {
          font-size: 300%; }
      .contentTile .tileContent .contentDetails {
        padding: 10px 10px 1px; }
        .contentTile .tileContent .contentDetails .source {
          margin: 0; }
        .contentTile .tileContent .contentDetails h3.contentTitle {
          max-height: 42px;
          font-size: 1.8rem;
          line-height: 1.2; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer {
          margin-left: 25px;
          width: auto; }
        .contentTile .tileContent .contentDetails .snippet {
          margin-bottom: 15px; }
        .contentTile .tileContent .contentDetails .contentBottom .insightCount {
          display: none; }
        .contentTile .tileContent .contentDetails .contentBottom .collectionAnchor {
          max-width: calc(100% - 140px);
          margin-bottom: 10px; }
    .contentTile.compactTile .tileContent {
      padding: 15px 0 10px; }
    .contentTile .pdf .tileContent .imageContainer .fitImage {
      background-position: 0 100%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare {
    width: 120px; } }

.contentTile .pdf .tileContent .imageContainer .fitImage {
  background-position-y: 0; }

.full .contentTile .tagsContainer {
  display: none; }

.content iframe[src*="embed.resultsscorecard.com"] {
  width: 100% !important; }

.contentTile.question.fullView {
  width: calc(100% - 50px);
  margin-left: 50px !important; }

.contentTile.question .title .deleteQuestion {
  float: right;
  color: #dde4e4;
  font-size: 1.7rem;
  line-height: 2;
  vertical-align: middle;
  text-decoration: none; }

.contentTile.question .tileMetadata {
  margin-top: 18px;
  margin-bottom: 0; }

.contentTile.question .userImage {
  height: 24px !important;
  width: 24px !important; }

.contentTile.question .timeAgo {
  color: #dde4e4;
  line-height: 2;
  vertical-align: middle;
  font-size: 1.1rem; }

.masonryContentTile {
  position: relative;
  width: 100%;
  height: auto; }
  .masonryContentTile a.articleAnchor {
    text-decoration: none; }
  .masonryContentTile .tileContent {
    position: relative;
    overflow: visible;
    width: 100%;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .masonryContentTile .tileContent .imageContainer {
      position: relative;
      width: 100%;
      border-bottom: solid 1px #eceeee; }
      .masonryContentTile .tileContent .imageContainer .icon-d3-video {
        font-size: 500%; }
      .masonryContentTile .tileContent .imageContainer img.contentImage {
        display: block;
        width: 100%;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0; }
    .masonryContentTile .tileContent span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.2rem; }
    .masonryContentTile .tileContent .contentDetails {
      padding: 10px 15px 25px; }
      .masonryContentTile .tileContent .contentDetails i {
        padding-right: 4px;
        font-size: 1.2rem; }
      .masonryContentTile .tileContent .contentDetails .tileMetadata {
        width: 100%;
        margin-bottom: 14px;
        font-size: 1.2rem;
        letter-spacing: .04em; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata i,
        .masonryContentTile .tileContent .contentDetails .tileMetadata span {
          display: inline-block;
          line-height: 1rem;
          vertical-align: bottom;
          color: #95a6a6; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .icon-eye {
          font-size: 1.6rem; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .count {
          padding-right: 1.7rem; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .timeAgo {
          float: right;
          text-align: right; }
      .masonryContentTile .tileContent .contentDetails h3.contentTitle {
        display: inline-block;
        margin-bottom: 11px;
        margin-top: 1rem;
        line-height: 1.4em;
        word-break: break-word; }
      .masonryContentTile .tileContent .contentDetails .userContainer {
        position: relative;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        white-space: nowrap; }
        .masonryContentTile .tileContent .contentDetails .userContainer .userImage {
          width: 24px;
          height: 24px;
          overflow: hidden;
          display: inline-block;
          margin-right: .5em;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.icon-user:before {
            font-size: 2.3rem;
            color: #f2f4f4; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.default {
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.offset {
            position: absolute;
            top: 0;
            left: 0; }
        .masonryContentTile .tileContent .contentDetails .userContainer .plainText {
          color: #95a6a6;
          font-style: italic; }
        .masonryContentTile .tileContent .contentDetails .userContainer .lastFollowedLiker {
          display: inline-block;
          max-width: 205px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #29c896; }
          .masonryContentTile .tileContent .contentDetails .userContainer .lastFollowedLiker:visted {
            color: #29c896; }
      .masonryContentTile .tileContent .contentDetails.noImage {
        width: 100%;
        padding-top: 15px; }
    .masonryContentTile .tileContent .insightsContainer {
      padding: 0 15px 20px;
      border-top: solid 1px #eceeee; }
      .masonryContentTile .tileContent .insightsContainer span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.2rem; }
        .masonryContentTile .tileContent .insightsContainer span.plainText {
          color: #95a6a6;
          font-style: italic; }
      .masonryContentTile .tileContent .insightsContainer .insightBlock {
        padding-top: 21px;
        cursor: pointer; }
      .masonryContentTile .tileContent .insightsContainer .insightMetadata {
        padding-bottom: 10px;
        font-family: "RooneyLight", Times, "Times New Roman", serif; }
        .masonryContentTile .tileContent .insightsContainer .insightMetadata i {
          vertical-align: middle;
          font-size: 1.3rem;
          color: #95a6a6; }
      .masonryContentTile .tileContent .insightsContainer .insightText {
        display: inline;
        padding: 3px 0;
        background: rgba(250, 215, 47, 0.2);
        font-size: 1.5rem;
        color: #3b3d40;
        line-height: 1.6; }
    .masonryContentTile .tileContent .empty {
      height: 173px;
      width: 100%; }
      .masonryContentTile .tileContent .empty .feedContentDetails {
        padding-top: 24px; }

.insightTile {
  position: relative;
  height: auto;
  color: #95a6a6;
  /* Group Tile */ }
  .insightTile a.tileAnchor {
    text-decoration: none; }
  .insightTile .tileMetadata {
    width: 100%;
    margin-bottom: 6px;
    font-size: 1.3rem;
    color: #95a6a6; }
    .insightTile .tileMetadata .userImage {
      width: 30px;
      height: 30px;
      overflow: hidden;
      display: inline-block;
      margin-right: .5em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .insightTile .tileMetadata .userImage.icon-user:before {
        font-size: 30px;
        color: #f2f4f4; }
      .insightTile .tileMetadata .userImage.default {
        line-height: 38px;
        text-align: center;
        overflow: hidden;
        background: #dde4e4; }
      .insightTile .tileMetadata .userImage.offset {
        position: absolute;
        top: -1px;
        left: -1px; }
    .insightTile .tileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 40px); }
      .insightTile .tileMetadata .tileMetadata-text a,
      .insightTile .tileMetadata .tileMetadata-text span {
        display: inline-block;
        line-height: 3rem;
        vertical-align: bottom; }
      .insightTile .tileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .insightTile .tileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .insightTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        max-width: 50%; }
      .insightTile .tileMetadata .tileMetadata-text .timeAgo {
        width: 150px;
        float: right;
        text-align: right; }
        .insightTile .tileMetadata .tileMetadata-text .timeAgo span {
          width: 105px; }
  .insightTile .tileContent {
    background-color: #ffffff;
    margin-bottom: 3rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6; }
    .insightTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .insightTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .insightTile .tileContent .groupInsightTabTileTitle {
      cursor: pointer; }
    .insightTile .tileContent a {
      color: #3b3d40;
      text-decoration: none !important; }
      .insightTile .tileContent a:visited {
        color: #3b3d40; }
    .insightTile .tileContent span {
      color: #95a6a6; }
      .insightTile .tileContent span.textTag.red {
        color: #ffffff; }
    .insightTile .tileContent .contentDetails {
      width: 100%;
      float: none;
      margin-top: 0;
      padding: 20px 35px; }
      .insightTile .tileContent .contentDetails h3 {
        margin-top: 20px; }
        .insightTile .tileContent .contentDetails h3 .textTag {
          line-height: 1.7rem; }
      .insightTile .tileContent .contentDetails a {
        color: #3b3d40; }
      .insightTile .tileContent .contentDetails .insightContainer .icon-quote {
        position: absolute;
        top: -6px;
        left: -25px;
        height: 30px;
        color: #f4b737;
        font-size: 2.4rem; }
      .insightTile .tileContent .contentDetails .insightContainer .insightTextContainer {
        position: relative;
        display: inline-block;
        padding: 3px 10px;
        vertical-align: top;
        background-color: #fcf9eb;
        border-left: 1px solid #f4b737;
        font-size: 1.5rem;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        color: #3b3d40;
        line-height: 1.6;
        cursor: pointer;
        word-break: break-word; }
        .insightTile .tileContent .contentDetails .insightContainer .insightTextContainer .annotator-hl {
          padding: 0;
          background: none; }
      .insightTile .tileContent .contentDetails .contentBottom {
        margin-top: 20px; }
        .insightTile .tileContent .contentDetails .contentBottom .icon-user:hover {
          text-decoration: none; }
        .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails {
          float: right;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.1rem;
          line-height: 26px;
          letter-spacing: 0.1em; }
          .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails .postTitle {
            display: inline-block;
            color: #3b3d40; }
        .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes {
          float: left;
          width: auto;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1rem; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
            float: left;
            margin-right: 20px;
            padding-right: 20px;
            border-right: solid 1px #dde4e4;
            letter-spacing: 0.1em;
            text-transform: uppercase; }
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i,
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes span {
              line-height: 26px; }
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i {
              float: left;
              margin-top: 0;
              padding-right: 8px;
              font-size: 1.5rem;
              color: #95a6a6;
              cursor: pointer; }
              .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i.icon-heart.liked {
                color: #f65950; }
              a:visited .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i {
                color: #95a6a6; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightShare {
            float: left;
            line-height: 26px; }
        .insightTile .tileContent .contentDetails .contentBottom .icon-user:before {
          display: inline-block;
          vertical-align: sub; }
        .insightTile .tileContent .contentDetails .contentBottom .insightLiker {
          float: left;
          max-width: 40%; }
    .insightTile .tileContent .likerAvatar {
      background-position: 50% 50%;
      background-size: contain;
      border-radius: 100%;
      height: 21px;
      width: 21px;
      display: inline-block;
      margin: 0 2px 0;
      vertical-align: middle; }
      .insightTile .tileContent .likerAvatar.noBgUrl {
        background-color: #dde4e4;
        color: #eceeee;
        line-height: 30px;
        font-size: 23px;
        text-align: center;
        overflow: hidden; }
      .insightTile .tileContent .likerAvatar:first-child {
        margin-left: 2px; }
    .insightTile .tileContent .noBgUrl {
      background-color: #b4b7b7;
      color: #eaeaea; }
    .insightTile .tileContent .others {
      margin: 10px; }
    .insightTile .tileContent .otherName {
      margin-left: 5px;
      font-size: 1.3rem; }
  .insightTile.groupTile .tileContent h3 {
    padding: 20px 35px 0; }
  .insightTile.groupTile .tileContent .contentDetails .insightText {
    font-size: 1.6rem; }
  .insightTile.groupTile .tileContent .groupTileMetadata {
    position: relative;
    float: left;
    width: 60%;
    white-space: nowrap;
    margin-top: 2px; }
    .insightTile.groupTile .tileContent .groupTileMetadata a {
      display: inline-block; }
    .insightTile.groupTile .tileContent .groupTileMetadata .userImage {
      width: 20px;
      height: 20px;
      overflow: hidden;
      margin-right: 0.5em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.icon-user:before {
        font-size: 20px;
        color: #f2f4f4; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.default {
        line-height: 24px;
        text-align: center;
        overflow: hidden;
        background: #dde4e4; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.offset {
        position: absolute;
        top: 0;
        left: 0; }
    .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 25px);
      font-size: 1.3rem;
      vertical-align: bottom; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a,
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text span {
        display: inline-block;
        line-height: 20px;
        vertical-align: middle; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .likersContainer,
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .timestamp {
        display: inline-block;
        vertical-align: middle;
        max-width: 50%; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .likersContainer .lastFollowedLiker {
        width: 100%;
        color: #26b099; }

.lastLikerAvatar {
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 100%;
  height: 22px;
  width: 22px;
  display: inline-block;
  vertical-align: middle; }
  .lastLikerAvatar.noBgUrl {
    background-color: #dde4e4;
    color: #eceeee;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    font-size: 45px; }

.likerAvatarWrapper {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .insightTile {
    /* Group Tile */ }
    .insightTile .tileMetadata {
      font-size: 1.1rem; }
      .insightTile .tileMetadata .tileMetadata-text a,
      .insightTile .tileMetadata .tileMetadata-text span {
        line-height: 1.1; }
      .insightTile .tileMetadata .tileMetadata-text .timeAgo {
        float: none;
        display: block;
        width: auto;
        padding-top: 5px;
        text-align: left; }
      .insightTile .tileMetadata .userImage.default {
        float: left; }
    .insightTile .tileContent {
      margin-bottom: 10px;
      padding: 10px; }
      .insightTile .tileContent .contentDetails .insightText {
        margin-left: 4px;
        padding: 4px 0;
        font-size: 1.5rem; }
      .insightTile .tileContent .contentDetails:before, .insightTile .tileContent .contentDetails:after {
        top: 26px;
        font-size: 4.5rem; }
      .insightTile .tileContent .contentDetails:before {
        margin-left: -26px; }
      .insightTile .tileContent .contentDetails:after {
        top: 21px;
        margin-left: 3px; }
      .insightTile .tileContent .contentDetails .contentBottom {
        clear: both;
        position: static;
        margin-left: -23px;
        padding-top: 10px; }
        .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails {
          float: none;
          padding: 0 0 12px; }
        .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes {
          float: none;
          width: 100%; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
            padding: 4px 25px 0 0; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .socialShareWrapper .shareBlock {
            margin-right: 8px;
            font-size: 24px; }
    .insightTile.groupTile .tileContent h3 {
      padding: 0; }
    .insightTile.groupTile .tileContent .contentDetails {
      padding: 10px 0 0 25px; }
      .insightTile.groupTile .tileContent .contentDetails .contentBottom {
        width: calc(100% + 23px);
        padding-top: 0; }
        .insightTile.groupTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
          margin-right: 10px;
          padding-right: 10px; }
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes .likeLabel {
            display: none; }
        .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata {
          width: calc(100% - 70px);
          white-space: nowrap;
          margin-top: 6px; }
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata .tileMetadata-text .othersLabel,
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata .tileMetadata-text .markedInsight {
            display: none; } }

/* Mobile Devices */
/* iOS renders the first quote differently; this corrects it */
.mobile .insightTile .tileContent .contentDetails:before,
.tablet .insightTile .tileContent .contentDetails:before {
  top: 19px; }

.discussionTile {
  position: relative;
  width: 100%;
  height: auto;
  /* Unread state 
    &.unread {
        .tileContent {
            background: $white;
            .contentDetails {
                .contentDetailsTitle {
                    float:left;
                    width:100%;
                }
                .contentDetailsTime {
                    float:right;
                    white-space:nowrap;
                    vertical-align:top;
                    width:25%;
                }
                h3.discussionMembers {
                    font-family: $font-sans-serif-700;
                }
            }
        }
    }
    */ }
  .discussionTile .tileContent {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6;
    /*@include border-radius(0 0 $tile-border-radius $tile-border-radius);
        border-top: solid 1px $grey-03;*/ }
    .discussionTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .discussionTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .discussionTile .tileContent .moreCommentsLink {
      margin-bottom: 15px;
      font-size: 1.4rem; }
    .discussionTile .tileContent .emptyConversation {
      text-align: center;
      font-size: 3rem;
      color: #95a6a6;
      padding: 2rem; }
      .discussionTile .tileContent .emptyConversation .icon {
        margin: 1rem; }
      .discussionTile .tileContent .emptyConversation .text {
        font-size: 1.6rem;
        line-height: 1.2; }
    .discussionTile .tileContent .contentTop {
      cursor: pointer; }
      .discussionTile .tileContent .contentTop .imageContainer {
        position: relative;
        float: none;
        overflow: hidden;
        width: 100%;
        height: 172px;
        margin: 0 0 10px; }
        .discussionTile .tileContent .contentTop .imageContainer .icon-d3-video {
          font-size: 500%; }
        .discussionTile .tileContent .contentTop .imageContainer .groovyFitImage {
          width: 100%;
          height: 100%;
          background-position: 50% 50%;
          border-bottom: solid 1px #eceeee;
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
          -ms-border-radius: 6px 6px 0 0;
          -o-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
      .discussionTile .tileContent .contentTop .hcard {
        width: auto;
        margin: 0 20px;
        padding: 2rem; }
        .discussionTile .tileContent .contentTop .hcard .hcard__pic {
          margin-top: 2rem; }
        .discussionTile .tileContent .contentTop .hcard .hcard__title {
          color: #7F8FAC; }
        .discussionTile .tileContent .contentTop .hcard .hcard__desc {
          color: #95a6a6; }
        .discussionTile .tileContent .contentTop .hcard:hover {
          background: transparent; }
      .discussionTile .tileContent .contentTop .contentDetails {
        width: 100%;
        float: none;
        margin-top: 0;
        padding: 0 35px 20px; }
        .discussionTile .tileContent .contentTop .contentDetails .source,
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          font-size: 1.2rem;
          color: #95a6a6;
          white-space: nowrap; }
        .discussionTile .tileContent .contentTop .contentDetails .source {
          float: left;
          margin-bottom: 5px; }
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          color: #95a6a6;
          font-size: 1.2rem;
          float: right;
          display: inline-block; }
          .discussionTile .tileContent .contentTop .contentDetails .timeAgo:before {
            display: none;
            content: '\2022';
            margin: 0 6px 0 4px; }
        .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
          overflow: hidden;
          max-height: 55px;
          margin-top: 10px;
          line-height: 1.4em; }
    .discussionTile .tileContent .newMessagesAvailableLabel {
      position: absolute;
      bottom: 110px;
      width: 100%;
      text-align: center; }
      .discussionTile .tileContent .newMessagesAvailableLabel span {
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
        background: #37b3ff;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer; }
        .discussionTile .tileContent .newMessagesAvailableLabel span i {
          vertical-align: middle;
          line-height: 1.3; }
    .discussionTile .tileContent .discussionContainer {
      background: #f2f4f4;
      border-top: solid 1px #dde4e4;
      display: inline-block;
      width: 100%;
      padding: 15px 20px;
      position: relative; }
      .discussionTile .tileContent .discussionContainer .commentContainer {
        margin: 10px 0; }
      .discussionTile .tileContent .discussionContainer .lastComment {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        padding: 5px;
        -webkit-transition: all ease-in-out 200ms;
        -ms-transition: all ease-in-out 200ms;
        -moz-transition: all ease-in-out 200ms;
        -o-transition: all ease-in-out 200ms;
        transition: all ease-in-out 200ms; }
        .discussionTile .tileContent .discussionContainer .lastComment.editing {
          background-color: #ffffff;
          margin: 15px 5px;
          padding: 10px;
          -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
        .discussionTile .tileContent .discussionContainer .lastComment i {
          vertical-align: middle; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar {
          position: absolute; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.icon-user:before {
              font-size: 2.5rem;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.default {
              line-height: 36px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.offset {
              position: absolute;
              top: 3px;
              left: -1px; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText {
          float: left;
          width: calc(100% - 24px - 5px);
          display: inline-block;
          font-size: 1.3rem;
          line-height: 1.5;
          margin-left: 29px;
          margin-right: 0;
          margin-bottom: 6px;
          margin-top: 6px; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText a.lastCommenter {
            color: #95a6a6;
            vertical-align: middle; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .questionContainer {
            cursor: pointer; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .questionContainer .questionTextContainer {
              position: relative;
              width: 100%;
              padding: 4px 10px;
              background-color: #F8F8F8;
              box-sizing: border-box;
              color: #3b3d40;
              border-radius: 0 4px 4px 0;
              font-size: 1.5rem;
              font-family: "RooneyLight", Times, "Times New Roman", serif;
              cursor: pointer;
              margin-top: 1rem;
              line-height: 1.2;
              border-left: 5px solid #ff9000; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata {
            float: right;
            margin-right: 20px; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span.timestamp {
              font-size: 1.1rem;
              color: #95a6a6; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo {
              color: #3b3d40;
              font-size: 1rem;
              float: right; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .comment {
            font-size: 1.5rem;
            line-height: 1.3; }
      .discussionTile .tileContent .discussionContainer .others {
        margin: 0 0 15px 30px;
        font-size: 1.3rem;
        color: #95a6a6; }
        .discussionTile .tileContent .discussionContainer .others span {
          display: inline-block;
          vertical-align: middle; }
        .discussionTile .tileContent .discussionContainer .others .othersAvatar {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .tooltip {
            white-space: nowrap; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            opacity: .3; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage:hover {
              opacity: 1; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.icon-user:before {
              font-size: 20px;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.default {
              line-height: 20px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
      .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar {
        position: relative;
        float: left;
        width: 24px;
        height: 24px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage {
          display: inline-block;
          width: 24px;
          height: 24px;
          overflow: hidden;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.icon-user:before {
            font-size: 24px;
            color: #f2f4f4; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.default {
            line-height: 24px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.offset {
            position: absolute;
            top: -1px;
            left: -1px; }
      .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment {
        position: relative;
        float: left;
        width: calc(100% - 24px); }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme {
          padding-bottom: 0; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme textarea {
            position: relative;
            width: 100%;
            height: 32px;
            margin: 0;
            padding: 4px;
            background-color: #ffffff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            border: solid 1px #dde4e4;
            font-size: 1.5rem;
            -webkit-transition: ease, all, 0.2s;
            -ms-transition: ease, all, 0.2s;
            -moz-transition: ease, all, 0.2s;
            -o-transition: ease, all, 0.2s;
            transition: ease, all, 0.2s;
            resize: none;
            overflow: hidden; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme .md-placeholder {
            opacity: .3;
            top: 29px;
            left: -10px;
            position: absolute;
            width: 100%;
            font-size: 1.3rem;
            font-weight: 700;
            margin: -45px 0 0 15px;
            color: black; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container {
          padding-bottom: 0;
          margin-bottom: -5px; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container .md-placeholder {
            opacity: .3;
            top: 27px;
            left: -10px;
            position: absolute;
            width: 100%;
            font-size: 1.5rem;
            font-weight: 700;
            margin: -45px 0 0 15px;
            color: black;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right: 20px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-has-value .md-placeholder {
          transition: none;
          opacity: 0; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused .md-placeholder {
          transition: none;
          opacity: 0; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused {
          width: calc(100% - 63px); }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused + button {
            opacity: 1; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment button {
          position: absolute;
          right: 0;
          top: 3px;
          padding: 0 10px;
          opacity: 0;
          -webkit-transition: ease, all, 0.4s;
          -ms-transition: ease, all, 0.4s;
          -moz-transition: ease, all, 0.4s;
          -o-transition: ease, all, 0.4s;
          transition: ease, all, 0.4s; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .mentio-menu {
          z-index: 5 !important; }

.allActivityTile .discussionTile .tileContent {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .allActivityTile .discussionTile .tileContent:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .allActivityTile .discussionTile .tileContent.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

@media screen and (max-width: 767px) {
  .discussionTile .tileContent .contentTop .contentDetails {
    padding: 0 10px 10px; }
    .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
      max-height: 42px;
      font-size: 1.8rem;
      line-height: 1.2; } }

.emojis-modal {
  position: relative;
  overflow: visible !important; }
  .emojis-modal .emoji-button {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    filter: grayscale(50%); }
    .emojis-modal .emoji-button:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      filter: grayscale(0%); }
  .emojis-modal .emoji-container {
    position: absolute;
    bottom: 40px;
    right: 0;
    border: 1px solid #d1d6d6;
    border-radius: 4px; }
    .emojis-modal .emoji-container .content {
      position: relative;
      height: 300px;
      width: 400px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      /**
             * Common styles for header/footer
             */ }
      .emojis-modal .emoji-container .content .header,
      .emojis-modal .emoji-container .content .footer {
        position: absolute;
        width: 100%;
        background-color: #eceeee;
        font-size: 1.4rem;
        padding: 5px; }
      .emojis-modal .emoji-container .content .header {
        top: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #d1d6d6;
        height: 40px; }
        .emojis-modal .emoji-container .content .header > input {
          height: auto; }
      .emojis-modal .emoji-container .content .list {
        position: absolute;
        height: calc(300px - 40px - 40px);
        top: 40px;
        background-color: #ffffff;
        overflow-y: scroll;
        width: 100%; }
        .emojis-modal .emoji-container .content .list ul {
          padding: 6px; }
          .emojis-modal .emoji-container .content .list ul li {
            list-style: none;
            display: inline-block;
            margin: 6px; }
      .emojis-modal .emoji-container .content .footer {
        bottom: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #d1d6d6;
        height: 40px; }
        .emojis-modal .emoji-container .content .footer i, .emojis-modal .emoji-container .content .footer span {
          float: left; }
        .emojis-modal .emoji-container .content .footer span {
          margin-top: 5px; }

.emojis-modal.mobile .emoji-container {
  position: fixed;
  width: 100%;
  left: 0; }

.invitesInputContainer textarea {
  resize: none; }

.userComment a {
  text-decoration: none; }

.userComment .userInfo {
  display: inline-block;
  vertical-align: top; }

.userComment .userImage {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  margin-right: .5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .userComment .userImage.icon-user:before {
    font-size: 3rem;
    color: #f2f4f4; }
  .userComment .userImage.default {
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    background: #dde4e4; }
  .userComment .userImage.offset {
    top: -1px;
    left: -1px; }

.userComment .userName {
  font-size: 1.5rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  color: #3b3d40;
  line-height: 1.7; }

.userComment .commentText {
  display: inline-block;
  max-width: 214px;
  word-wrap: break-word;
  line-height: 150%; }
  .userComment .commentText .timeAgo {
    margin: 5px 0 17px 0;
    font-size: 1.1rem;
    color: #95a6a6; }

.userComment p {
  line-height: 1.2;
  font-size: 1.4rem;
  word-break: break-word; }

.userComment .btn.emoji {
  background-position: -357px -484px;
  height: 20px;
  border: none;
  margin-top: 10px;
  margin-right: 5px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 50%; }

.channelTile {
  max-width: 435px;
  cursor: pointer; }
  .channelTile .channelStack {
    position: relative;
    height: 4px;
    width: 94%;
    margin: 0 auto 4px;
    background-color: #95a6a6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; }
    .channelTile .channelStack.short {
      width: 88%; }
  .channelTile .channelTileDetail {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
    height: 275px; }
    .channelTile .channelTileDetail .channelImageContainer {
      background-color: #7F7F7F;
      width: 100%;
      height: 123px;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%);
      overflow: hidden; }
      .channelTile .channelTileDetail .channelImageContainer img {
        width: 100%; }
    .channelTile .channelTileDetail .channelHeader {
      margin-top: -88px;
      margin-left: 30px;
      height: 132px;
      position: relative; }
      .channelTile .channelTileDetail .channelHeader .channelLogo {
        width: 113px;
        height: 113px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        float: left;
        border: 1px solid #dde4e4;
        background-color: #7F7F7F; }
        .channelTile .channelTileDetail .channelHeader .channelLogo img {
          width: 100%;
          height: 100%; }
      .channelTile .channelTileDetail .channelHeader .channelInfo {
        float: left;
        width: calc(100% - 140px);
        color: #ffffff;
        padding-left: 20px;
        padding-top: 2px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 2.4rem;
        line-height: 1.2; }
        .channelTile .channelTileDetail .channelHeader .channelInfo .collectionInfo {
          padding-top: 18px;
          text-transform: uppercase;
          font-size: 1.5rem; }
    .channelTile .channelTileDetail .channelDesc {
      font-size: 15px;
      padding: 0px 35px;
      line-height: 25px;
      height: 74px;
      overflow: hidden; }

@media screen and (max-width: 473px) {
  .channelTile .channelTileDetail {
    height: 200px; }
    .channelTile .channelTileDetail .channelImageContainer {
      height: 83px; }
    .channelTile .channelTileDetail .channelHeader {
      margin-top: -59px;
      margin-left: 20px;
      height: 78px; }
      .channelTile .channelTileDetail .channelHeader .channelLogo {
        width: 76px;
        height: 76px; }
      .channelTile .channelTileDetail .channelHeader .channelInfo {
        padding-left: 8px; }
        .channelTile .channelTileDetail .channelHeader .channelInfo .collectionInfo {
          padding-top: 7px;
          font-size: 0.8rem; }
    .channelTile .channelTileDetail .channelDesc {
      padding: 0px 18px; } }

.channelCollectionTile {
  max-width: 466px;
  cursor: pointer; }
  .channelCollectionTile .channelStack {
    position: relative;
    height: 4px;
    width: 96%;
    margin: 0 auto 4px;
    background-color: #95a6a6;
    border-radius: 2px;
    cursor: pointer; }
    .channelCollectionTile .channelStack.short {
      width: 87%; }
  .channelCollectionTile .channelTileDetail {
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }
    .channelCollectionTile .channelTileDetail .channelImageContainer {
      width: 100%;
      height: 174px;
      -webkit-filter: blur(2px) brightness(60%);
      -moz-filter: blur(2px) brightness(60%);
      filter: blur(2px) brightness(60%);
      overflow: hidden;
      background-color: #7F7F7F; }
    .channelCollectionTile .channelTileDetail .channelHeader {
      margin-top: -145px;
      margin-left: 20px;
      margin-right: 25px;
      height: 113px;
      position: relative; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionTitle {
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 2.4rem;
        line-height: 1.2;
        color: #ffffff;
        display: inline-block;
        width: 95%;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionClosed {
        display: inline-block;
        position: absolute;
        margin-top: 5px; }
        .channelCollectionTile .channelTileDetail .channelHeader .collectionClosed i {
          color: #ffffff;
          font-size: 1.8rem; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo {
        margin-top: 10px;
        padding-top: 5px;
        font-size: 1.2rem;
        color: #ffffff;
        font-style: italic;
        white-space: nowrap;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
        .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo .ownerName {
          display: inline-block;
          text-transform: uppercase;
          font-style: normal;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          letter-spacing: 2px;
          font-size: 0.9em;
          margin-left: 2px;
          vertical-align: middle;
          max-width: calc(100% - 125px); }
    .channelCollectionTile .channelTileDetail .channelDesc {
      margin: 45px 10px 10px 8px;
      padding: 10px;
      text-transform: uppercase;
      font-size: 1.3em; }
      .channelCollectionTile .channelTileDetail .channelDesc .count {
        max-width: 250px;
        color: #808E8E; }
        .channelCollectionTile .channelTileDetail .channelDesc .count .articles {
          display: inline-block; }
        .channelCollectionTile .channelTileDetail .channelDesc .count .followers {
          display: inline-block;
          padding-left: 10px; }
      .channelCollectionTile .channelTileDetail .channelDesc .follow {
        float: right;
        margin-top: -22px; }

@media screen and (max-width: 767px) {
  .channelCollectionTile .channelTileDetail .channelImageContainer {
    height: 130px; }
  .channelCollectionTile .channelTileDetail .channelHeader {
    margin-top: -115px; }
    .channelCollectionTile .channelTileDetail .channelHeader .collectionTitle {
      font-size: 1.9rem; }
    .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo {
      font-size: 1rem; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo .ownerName {
        letter-spacing: 1px; }
  .channelCollectionTile .channelTileDetail .channelDesc {
    margin: 8px 10px 10px 8px; }
    .channelCollectionTile .channelTileDetail .channelDesc .count {
      font-size: 0.9rem; }
    .channelCollectionTile .channelTileDetail .channelDesc .follow {
      margin-top: -19px; } }

.conversationMentioMenu {
  z-index: 2 !important;
  margin-bottom: 2px; }

.privateMenu {
  z-index: 4 !important;
  position: fixed !important; }
  .privateMenu .user-search {
    width: 315px; }

.privateCommentMenu {
  z-index: 4 !important;
  left: calc(100% - 310px) !important; }
  .privateCommentMenu .user-search {
    width: 285px; }

@media screen and (max-width: 991px) {
  .privateMenu {
    bottom: 89px; } }

.editor {
  height: auto;
  min-height: 140px; }

.menu-highlighted {
  font-weight: bold; }

.product-search,
.user-search {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  outline: 0;
  background-color: #ffffff; }

.product-search {
  max-width: 500px; }

.product-search .list-group-item.active {
  background-color: #fef1b3; }

.product-search:hover,
.user-search:hover {
  cursor: pointer; }

.product-search .product-photo-container {
  float: left;
  width: 100px; }

.product-search .product-photo {
  max-width: 80px;
  max-height: 50px;
  border-radius: 3px;
  margin: auto; }

.product-search .list-group-item-heading,
.product-search .list-group-item-text {
  margin-left: 10px; }

.user-search {
  border: solid 1px #eceeee;
  max-height: 150px;
  overflow: auto;
  width: 274px; }
  .user-search .list-group-item {
    padding: 5px;
    white-space: nowrap; }
    .user-search .list-group-item.active {
      color: #fff;
      background-color: #fef1b3;
      border-color: transparent; }
      .user-search .list-group-item.active .text-muted {
        color: #ccc; }
    .user-search .list-group-item .text-primary {
      font-size: 1.3rem;
      color: #95a6a6;
      display: inline-block;
      width: 212px; }
  .user-search .user-photo {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 1rem; }
    .user-search .user-photo.icon-user:before {
      font-size: 1.6rem;
      color: #eceeee;
      line-height: 2.4rem; }
    .user-search .user-photo.default {
      text-align: center;
      overflow: hidden;
      background: #dde4e4; }
    .user-search .user-photo.offset {
      top: -1px;
      left: -1px; }

.documentation-attr {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold; }

.documentation-element {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold; }

.section-heading {
  margin-top: 30px; }

.demo-scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-y: auto; }

.commentsPanel {
  width: 100%; }
  .commentsPanel .members {
    margin-bottom: 3rem;
    font-size: 1.2rem;
    text-align: center; }
    .commentsPanel .members .membersList {
      display: inline-block;
      vertical-align: top;
      max-width: 260px;
      padding-bottom: .5em;
      border-bottom: solid 1px #dde4e4; }
  .commentsPanel p {
    margin: .5em 0 1.5em; }
  .commentsPanel .tooltip .tooltip-inner {
    word-wrap: break-word; }
  .commentsPanel .commentsInstruction {
    display: none;
    font-size: 1.4rem;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    color: #3b3d40; }
    .commentsPanel .commentsInstruction span {
      color: #26b099; }
    .commentsPanel .commentsInstruction p {
      font-size: 1.2rem;
      color: #95a6a6; }
  .commentsPanel .noTagsLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/add-insight-infographic.png) no-repeat center; }
  .commentsPanel .noTagsLabelText {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .commentsPanel .commentsWrapper {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 10px; }
    .commentsPanel .commentsWrapper .commentsRepeater {
      height: calc(100vh - 280px); }
  .commentsPanel .commentsWrapper::-webkit-scrollbar {
    -webkit-appearance: none; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar:vertical {
    width: 11px; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar:horizontal {
    height: 11px; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #eceeee;
    background-color: rgba(0, 0, 0, 0.5); }
  .commentsPanel .commentsWrapper::-webkit-scrollbar-track {
    background-color: #f6f7f7;
    border-radius: 8px; }
  .commentsPanel .commentBox {
    height: 7rem;
    resize: none;
    padding: 10px 9px;
    cursor: auto;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px; }
  .commentsPanel .userMentioned {
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .commentsPanel .buttonBar {
    text-align: right;
    margin-top: 5px; }
    .commentsPanel .buttonBar button {
      margin-left: .5em;
      font-size: 10px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      padding: 0;
      width: 60px; }
      .commentsPanel .buttonBar button.inactive {
        color: #dde4e4;
        pointer-events: none;
        cursor: default; }
  .commentsPanel .errorOccured {
    border: 1px solid #f65950;
    color: #f65950; }

.edit-comment {
  height: 4rem;
  margin: 1rem 0;
  font-size: 15px; }

.comment-options-container {
  float: right;
  position: relative; }
  .comment-options-container:before, .comment-options-container:after {
    content: " ";
    display: table; }
  .comment-options-container:after {
    clear: both; }
  .comment-options-container .comment-options-button {
    position: absolute;
    right: 0;
    font-size: 16px;
    padding: 0 10px;
    color: #95a6a6; }
    .comment-options-container .comment-options-button i {
      vertical-align: top !important; }
    .comment-options-container .comment-options-button.disabled {
      color: #dde4e4; }
    .comment-options-container .comment-options-button:hover {
      color: #29c896;
      text-decoration: none; }
  .comment-options-container .comment-options {
    position: absolute;
    min-width: 120px;
    text-align: center;
    right: 0;
    top: -8px;
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 100;
    font-size: 14px; }
    .comment-options-container .comment-options .comment-option {
      height: 100%;
      margin: 5px 0;
      display: inline-block; }
      .comment-options-container .comment-options .comment-option a {
        display: block;
        padding: 4px 8px; }
      .comment-options-container .comment-options .comment-option:last {
        margin: 0 0; }
      .comment-options-container .comment-options .comment-option:hover {
        background-color: #eceeee; }
    .comment-options-container .comment-options .active {
      display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 280px); } }

.featureftux {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  font-family: "MuseoSansRounded300"; }
  .featureftux .bubbleArrow {
    position: absolute;
    top: 49px;
    left: -12px;
    overflow: hidden;
    width: 13px;
    height: 30px; }
    .featureftux .bubbleArrow:after {
      position: absolute;
      top: 4px;
      left: 6px;
      display: block;
      width: 21px;
      height: 21px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #29c896;
      content: "\00a0"; }
  .featureftux .tip {
    position: absolute;
    min-height: 100px;
    width: 240px;
    background-color: #29c896;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 1rem 2.3rem 2rem;
    text-align: center;
    color: #ffffff; }
    .featureftux .tip .yellowText {
      color: #fef1b3;
      font-family: "MuseoSansRounded700"; }
    .featureftux .tip .bold {
      font-family: "MuseoSansRounded700"; }
    .featureftux .tip i {
      font-size: 2.4rem;
      line-height: 1.2em;
      color: #ffffff;
      margin-bottom: 1rem; }
    .featureftux .tip h3 {
      margin-bottom: .5rem;
      font-size: 1.4rem;
      color: #ffffff;
      text-transform: uppercase;
      font-family: "MuseoSansRounded900";
      letter-spacing: .1em; }
    .featureftux .tip p {
      font-size: 1.3rem;
      line-height: 1.4em;
      margin-bottom: 10px;
      text-align: left;
      line-height: 1.2; }

.buttonSuccessText {
  height: 32px;
  font-size: 1.1rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  color: #29c896;
  text-transform: uppercase;
  letter-spacing: .16em;
  line-height: 32px; }
  a:visted .buttonSuccessText {
    color: #29c896; }
  .buttonSuccessText i {
    font-size: 1.3rem; }
  .searchTile .buttonSuccessText {
    height: 24px;
    font-size: .8rem;
    line-height: 24px; }
    .searchTile .buttonSuccessText i {
      font-size: 1.1rem; }

.socialMetadata {
  width: 100%;
  font-size: 1rem;
  color: #95a6a6;
  text-transform: uppercase; }

.declaraModal .declaraModal-wrapper .declaraModal-content .socialOthersModal .othersList {
  max-height: 300px;
  overflow: auto;
  padding-right: 20px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .socialOthersModal h3 {
  text-transform: none; }

.counter {
  font-size: 20px;
  color: #29c896;
  position: fixed;
  bottom: 70px;
  left: 25px;
  text-align: center;
  animation-duration: 3s;
  z-index: 3; }

.gameArticleTopics {
  text-align: left;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #f2f4f4;
  border-top: 1px solid #eceeee;
  z-index: 3;
  height: 40px;
  width: 100%;
  padding: 5px 0 3px 0;
  -webkit-box-shadow: 0 0 2px #dde4e4;
  -moz-box-shadow: 0 0 2px #dde4e4;
  box-shadow: 0 0 2px #dde4e4; }
  .gameArticleTopics.collapsed {
    width: 70px;
    display: block;
    -webkit-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s; }
    .gameArticleTopics.collapsed.tall {
      height: 80px;
      box-shadow: none;
      border: none;
      background: transparent; }
      .gameArticleTopics.collapsed.tall i {
        position: absolute;
        background-color: red;
        left: 21px; }
  .gameArticleTopics .topicItem {
    display: inline-block;
    font-size: 12px;
    color: #95a6a6;
    opacity: 0.3;
    padding: 8px 35px 0 0;
    max-width: 30%;
    height: 25px; }
    .gameArticleTopics .topicItem.title {
      padding: 0;
      font-weight: bold;
      opacity: 1;
      float: left;
      text-align: center; }
      .gameArticleTopics .topicItem.title .icon-coggraph {
        margin: 0 10px 0 20px;
        font-size: 25px;
        -webkit-animation: spin 4s linear;
        -moz-animation: spin 4s linear;
        -ms-animation: spin 4s linear;
        -o-animation: spin 4s linear;
        animation: spin 4s linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0.6;
        -webkit-transform-origin: 58% 44.1% 50%;
        -moz-transform-origin: 58% 44.1% 50%;
        -ms-transform-origin: 58% 44.1% 50%;
        -o-transform-origin: 58% 44.1% 50%;
        transform-origin: 58% 44.1% 50%;
        height: 25px;
        width: 23px;
        display: block; }
        .gameArticleTopics .topicItem.title .icon-coggraph.active {
          color: #29c896; }
      .gameArticleTopics .topicItem.title .userImage {
        width: 30px;
        height: 30px;
        overflow: hidden;
        display: inline-block;
        margin-right: .5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-left: 25px; }
        .gameArticleTopics .topicItem.title .userImage.offset {
          position: absolute; }
        .gameArticleTopics .topicItem.title .userImage.default {
          line-height: 40px;
          text-align: center;
          overflow: hidden;
          padding-left: 1px;
          background: #dde4e4; }
        .gameArticleTopics .topicItem.title .userImage.icon-user:before {
          font-size: 3rem;
          color: #f2f4f4; }
    .gameArticleTopics .topicItem.selected {
      color: #3b3d40; }
  .gameArticleTopics .progressBar {
    width: 1%;
    height: 10px; }
    .gameArticleTopics .progressBar.inProgress {
      width: 100%;
      background-color: #fad72f; }
      .gameArticleTopics .progressBar.inProgress.success {
        background-color: #29c896; }
  .gameArticleTopics .gameArticlesCtaLink {
    color: #29c896;
    font-size: 12px;
    position: absolute;
    bottom: 15px;
    left: 10px; }

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media screen and (max-width: 767px) {
  .gameArticleTopics.collapsed.tall {
    text-align: left;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #f2f4f4;
    border-top: 1px solid #eceeee;
    z-index: 3;
    height: 40px;
    width: 100%;
    padding: 5px 0 3px 0;
    -webkit-box-shadow: 0 0 2px rgba(59, 61, 64, 0.5);
    -moz-box-shadow: 0 0 2px rgba(59, 61, 64, 0.5);
    box-shadow: 0 0 2px rgba(59, 61, 64, 0.5); }
  .gameArticleTopics .gameArticlesCtaLink {
    left: 58px; } }

.privateConversationContainer .conversationBubble {
  position: fixed;
  right: 0;
  top: 56px;
  z-index: 4;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dde4e4;
  background-color: #ffffff;
  font-size: 1.4rem; }
  .privateConversationContainer .conversationBubble .toggleView {
    display: none; }
  .privateConversationContainer .conversationBubble .autocomplete {
    max-height: 220px;
    overflow: auto;
    padding: 0;
    margin-top: -1px; }
  .privateConversationContainer .conversationBubble .inviteButtonBar {
    text-align: right;
    margin-right: 20px; }
  .privateConversationContainer .conversationBubble .inviteWrapper .tagsLabel {
    float: left;
    margin: 20px 5px 0 5px; }
  .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/add-insight-infographic.png) no-repeat center; }
  .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabelText {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .privateConversationContainer .conversationBubble .inviteWrapper .groupInviteSuccessLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/confirmation-message-sent.png) no-repeat center; }
  .privateConversationContainer .conversationBubble .inviteWrapper .groupInviteSuccessLabelHeader {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
    display: inline-block;
    width: 314px;
    float: left;
    margin-bottom: 0px; }
  .privateConversationContainer .conversationBubble .inviteWrapper.intialInvite {
    display: block;
    margin-bottom: 90px;
    margin-left: 15px; }
  .privateConversationContainer .conversationBubble .inviteWrapper.initialInvite.redirectToGroup {
    display: block;
    margin-bottom: 0px;
    margin-left: 15px; }
  .privateConversationContainer .conversationBubble .inviteOverlay {
    position: absolute;
    height: calc(100% - 175px);
    width: 100%;
    top: 180px;
    background-color: #ffffff;
    z-index: 5;
    opacity: 0.7;
    filter: alpha(opacity=70); }
  .privateConversationContainer .conversationBubble .tags {
    max-height: 100px;
    overflow: auto; }
  .privateConversationContainer .conversationBubble .tag-item {
    max-width: 100%; }
    .privateConversationContainer .conversationBubble .tag-item .tag-template {
      max-width: 86%; }
      .privateConversationContainer .conversationBubble .tag-item .tag-template .inviteeTagName {
        max-width: 83%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .privateConversationContainer .conversationBubble .successButtonBar {
    text-align: center; }
  .privateConversationContainer .conversationBubble .commentsContent .commentsPanel {
    height: 100%; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
      bottom: 120px;
      top: 180px;
      max-height: calc(100% - 195px);
      position: inherit;
      overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .buttonBar button {
      line-height: 3rem;
      vertical-align: top; }
  .privateConversationContainer .conversationBubble .commentsContent .commentsPanel.initialInvite {
    height: 65%; }
  .privateConversationContainer .conversationBubble .rightConversationHeaderArrow {
    float: right;
    font-size: 10px;
    color: #95a6a6;
    width: 15px;
    cursor: pointer;
    line-height: 15px;
    margin-top: 20px; }
    .privateConversationContainer .conversationBubble .rightConversationHeaderArrow .conversationCloseButton {
      display: inline-block;
      padding: 5px; }
  .privateConversationContainer .conversationBubble .leftConversationHeaderArrow {
    cursor: pointer;
    float: left;
    font-size: 1.5rem;
    padding-top: 2px; }
  .privateConversationContainer .conversationBubble .commentsHeader {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    min-height: 68px;
    padding: 0 0 1rem 0;
    margin: 0 24px;
    background-color: rgba(59, 61, 64, 0.75);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    font-size: 15px;
    color: #3b3d40;
    line-height: 5rem;
    text-align: left;
    background-color: #ffffff; }
    .privateConversationContainer .conversationBubble .commentsHeader a {
      text-decoration: none; }
    .privateConversationContainer .conversationBubble .commentsHeader .others {
      color: #29c896;
      text-decoration: none; }
    .privateConversationContainer .conversationBubble .commentsHeader .groupNameIcon {
      color: #dde4e4;
      margin-right: 10px; }
    .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle .description {
      line-height: 1.8rem;
      color: #3b3d40;
      font-family: "MuseoSansRounded100", "Arial", sans-serif;
      font-size: 1.2rem; }
  .privateConversationContainer .conversationBubble .image.placeholder {
    height: 30px;
    width: 30px;
    line-height: 42px;
    font-size: 25px;
    background-color: #eceeee;
    text-align: center;
    overflow: hidden; }
    .privateConversationContainer .conversationBubble .image.placeholder i {
      color: #95a6a6; }
  .privateConversationContainer .conversationBubble .conversationListContainer {
    margin-right: 20px; }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList {
      max-height: 25vh;
      overflow-y: auto;
      cursor: pointer; }
      .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .members {
        color: #95a6a6;
        padding-bottom: 1rem;
        font-size: 1.2rem; }
      .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .text {
        font-size: 1.5rem;
        padding: 1rem 0;
        font-weight: bold; }
    .privateConversationContainer .conversationBubble .conversationListContainer hr {
      background-color: #95a6a6;
      height: 1px;
      border: none; }
    .privateConversationContainer .conversationBubble .conversationListContainer .instruction {
      padding: 2rem 0 1rem 0;
      color: #95a6a6;
      line-height: 1.6rem;
      font-size: 1.2rem; }
    .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer {
      padding: 2px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage, .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
        display: inline-block;
        vertical-align: middle; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage {
        margin-right: 3px; }
        .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage .image {
          width: 30px;
          height: 30px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: inline-block; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
        font-size: 1.5rem;
        font-family: "MuseoSansRounded500", "Arial", sans-serif; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer:hover {
        cursor: pointer;
        background-color: #f2f4f4; }
    .privateConversationContainer .conversationBubble .conversationListContainer .selected {
      padding: 0.8rem 3rem 0 0;
      color: #29c896;
      float: right; }
    .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation {
      margin-bottom: 10px;
      cursor: pointer;
      padding: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .conversationHeader {
        margin-bottom: 5px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation:hover {
        background-color: #f2f4f4; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .user {
        display: inline-block;
        margin-right: 5px; }
        .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .user .image {
          width: 30px;
          height: 30px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: inline-block; }
  .privateConversationContainer .conversationBubble .commentsHeader.noIcon {
    min-height: 4rem;
    height: 4rem;
    margin: 0 24px 0 0;
    border: none; }
  .privateConversationContainer .conversationBubble .commentsContent {
    padding: 16px;
    max-height: calc(100% - 68px);
    overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel {
      /*.commentBoxAndButtons {
                    width: 100%;
                    height: 95px;
                }*/ }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .form-group {
        bottom: 0;
        width: 100%; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .form-group .commentBox {
          margin-bottom: 0px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
        position: relative;
        max-height: calc(100% - 180px);
        top: auto;
        bottom: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons {
      bottom: 15px; }
  .privateConversationContainer .conversationBubble .commentsHeaderMembers {
    height: 100%;
    min-width: 204px;
    height: 37px;
    text-transform: none;
    font-size: 15px;
    text-align: center; }
    .privateConversationContainer .conversationBubble .commentsHeaderMembers .heading {
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      color: #3b3d40;
      font-size: 1.2em; }
  .privateConversationContainer .conversationBubble .commentUsersContent {
    position: absolute;
    margin-top: 1px;
    height: calc(100% - 68px);
    overflow: auto;
    width: 95%; }
    .privateConversationContainer .conversationBubble .commentUsersContent .usersContent {
      padding: 5px 18px 5px 5px;
      margin-left: 10px;
      border-bottom: 1px solid #dde4e4; }
      .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser {
        position: relative; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage {
          width: 30px;
          height: 30px;
          overflow: hidden;
          display: inline-block;
          margin-right: .5em;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.icon-user:before {
            font-size: 3rem;
            color: #f2f4f4; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.default {
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4;
            float: left; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.offset {
            position: absolute;
            top: -1px;
            left: -1px; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName {
          display: inline-block;
          width: calc(100% - 40px); }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName a,
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName span {
            display: inline-block;
            line-height: 3rem;
            vertical-align: bottom; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName a:hover {
            text-decoration: none; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName .lastFollowedLiker {
            color: #3b3d40; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .dismissUser {
          position: absolute;
          top: 0;
          right: 0;
          padding: 10px;
          cursor: pointer; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .dismissUser .icon-x {
            color: #3b3d40;
            font-size: 1rem; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm {
          margin-top: 10px; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm span {
            font-size: 0.9em;
            margin-top: 7px;
            padding-top: 5px;
            padding-left: 14px; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm .removeButtons {
            margin: 10px;
            padding: 3px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inputField {
      display: inline-block;
      min-width: 250px;
      margin-left: 5px;
      padding: 3px;
      padding-top: 7px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .privateInviteTags {
      float: left;
      width: 240px;
      margin-bottom: 0px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inviteByTagsButton {
      float: left;
      margin-top: 5px;
      height: 40px;
      margin-left: 16px;
      padding: 0 10px; }

@media screen and (max-width: 1088px) {
  .privateConversationContainer .conversationBubble {
    overflow-y: scroll; }
    .privateConversationContainer .conversationBubble .commentsContent {
      overflow: initial; }
    .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
      font-size: 1.1rem; }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .text {
      font-size: 1.3rem; }
    .privateConversationContainer .conversationBubble .commentsHeader {
      margin-left: 10px;
      margin-right: 10px; }
    .privateConversationContainer .conversationBubble .inviteWrapper .commentsHeader .discussionTitle {
      font-size: 1.2rem;
      white-space: nowrap; }
    .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
      width: 215px; } }

@media screen and (max-width: 768px) {
  .privateConversationContainer .conversationBubble {
    visibility: hidden;
    /*top: auto;
            height: 345px;
            left: 0px;
            width: auto;
            */ }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList {
      max-height: 9vh; }
    .privateConversationContainer .conversationBubble .expertSection {
      float: left;
      width: 40%; }
    .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
      width: 59%; }
    .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabel {
      display: none; }
    .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabelText {
      display: none; }
    .privateConversationContainer .conversationBubble .tags {
      max-height: 65px;
      overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel.initialInvite .commentsWrapper {
      max-height: 103px;
      height: auto;
      top: auto;
      bottom: auto; }
    .privateConversationContainer .conversationBubble .commentsHeader.noIcon {
      margin: 0 24px 0 4px; }
    .privateConversationContainer .conversationBubble .commentsContent {
      padding-top: 160px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsInstruction .commentsInstructionExample {
        display: inline;
        margin-left: 5px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsInstruction .smallScreenText {
        padding-top: 15px;
        text-align: center; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
        width: 94.5%;
        height: 145px;
        top: auto;
        bottom: 112px;
        position: fixed;
        border-top: 1px solid #dde4e4;
        border-bottom: 1px solid #dde4e4; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .privateUserComment {
          max-width: none; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .commentsInstruction {
          display: block; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .noTagsLabel {
          display: none; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .noTagsLabelText {
          display: none; }
      .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons {
        bottom: 5px;
        width: 94%; }
        .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons .commentBox {
          margin: 0; }
    .privateConversationContainer .conversationBubble .commentUsersContent {
      height: 260px;
      overflow: auto;
      width: 100%; }
      .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inputField {
        width: 99%; }
      .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .privateInviteTags {
        width: calc(100% - 65px); }
    .privateConversationContainer .conversationBubble .inviteWrapper.intialInvite {
      margin-bottom: 0px; }
  .isMobile .privateConversationContainer {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
    margin-top: -56px;
    padding-top: 56px; }
    .isMobile .privateConversationContainer .conversationBubble {
      height: 100vh;
      width: 100vw;
      text-align: left;
      border: none;
      position: static;
      overflow-y: scroll; }
      .isMobile .privateConversationContainer .conversationBubble .inviteWrapper {
        margin-right: 15px; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer {
          margin: 0; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .conversationList {
            max-height: none; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .instruction {
            padding-top: 0; }
            .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .instruction hr {
              margin-bottom: 20px; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .expertSection {
            display: block;
            float: none;
            width: 100vw; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .tagsLabel {
          display: block;
          float: none; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
          width: 100%;
          float: none;
          display: block; }
      .isMobile .privateConversationContainer .conversationBubble .commentsHeader {
        line-height: 2rem;
        min-height: 40px;
        height: 40px;
        margin: 0 5px; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .rightConversationHeaderArrow {
          font-size: 16px;
          padding: 10px; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .titleDiscussionUsers {
          display: block;
          float: right;
          font-size: 16px;
          padding-top: 10px; }
          .isMobile .privateConversationContainer .conversationBubble .commentsHeader .titleDiscussionUsers span {
            display: none; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle {
          font-size: 16px;
          padding-top: 10px; }
          .isMobile .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle.mobileBackToArticle {
            float: left;
            text-transform: uppercase;
            font-size: 12px; }
      .isMobile .privateConversationContainer .conversationBubble .commentsContent {
        height: calc(100vh - 68px);
        padding: 0; }
        .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
          height: calc(100vh - 200px);
          width: 100vw;
          display: block;
          position: relative;
          top: 0; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .commentsInstruction {
            display: none; }
        .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons {
          display: block;
          position: relative;
          top: 0;
          height: auto; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .form-group {
            padding: 0; }
            .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .form-group .commentBox {
              height: 10rem; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .buttonBar {
            text-align: center;
            padding-bottom: 10px; } }

/*
@media screen and (max-width: 767px) {
    .isMobile {
        .privateConversationContainer {
            .conversationBubble {
                .commentsHeader {
                    .titleDiscussionUsers {
                        display: none;
                    }
                }
            }
        }
    }
}*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .commentBox.currentCommentBox {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important; } }

.privateSystemComment {
  margin: 8px;
  max-width: 302px;
  display: inline; }
  .privateSystemComment .systemCommentText {
    position: relative;
    display: inline-block;
    background-color: transparent;
    width: 85%;
    border-radius: 3px;
    word-wrap: break-word;
    min-height: 50px;
    margin: 0;
    padding-right: 30px;
    padding-top: 8px;
    height: auto; }
    .privateSystemComment .systemCommentText .commentBySystem {
      text-align: center;
      font-size: 1rem;
      color: #95a6a6;
      font-style: italic; }
  .privateSystemComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }

.privateSystemComment {
  margin: 8px;
  max-width: 302px;
  display: inline; }
  .privateSystemComment .systemCommentText {
    position: relative;
    display: inline-block;
    background-color: transparent;
    width: 85%;
    border-radius: 3px;
    word-wrap: break-word;
    min-height: 50px;
    margin: 0;
    padding-right: 30px;
    padding-top: 8px;
    height: auto; }
    .privateSystemComment .systemCommentText .commentBySystem {
      text-align: center;
      font-size: 1rem;
      color: #95a6a6;
      font-style: italic; }
  .privateSystemComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }

.privateUserComment {
  margin: 8px;
  min-height: 60px;
  text-align: left; }
  .privateUserComment .bubbleArrow {
    position: absolute;
    left: -13px;
    overflow: hidden;
    width: 17px;
    height: 30px; }
    .privateUserComment .bubbleArrow:after {
      position: absolute;
      top: 4px;
      left: 6px;
      display: block;
      width: 15px;
      height: 15px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #ffffff;
      content: "\00a0"; }
  .privateUserComment .commentHeaderWrapper {
    margin-bottom: 10px;
    padding-top: 10px; }
  .privateUserComment .commentHeaderWrapper.withBorder {
    border-top: solid 1px #eceeee; }
  .privateUserComment .myComment {
    float: right; }
  .privateUserComment a {
    text-decoration: none; }
  .privateUserComment .userInfo {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px; }
  .privateUserComment .userImage {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    margin-right: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .privateUserComment .userImage.icon-user:before {
      font-size: 3rem;
      color: #f2f4f4; }
    .privateUserComment .userImage.default {
      line-height: 32px;
      text-align: center;
      overflow: hidden;
      background: #dde4e4; }
    .privateUserComment .userImage.offset {
      top: -1px;
      left: -1px; }
  .privateUserComment .userName {
    font-size: 15px;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    color: #3b3d40; }
  .privateUserComment .commentDetails {
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    max-width: 255px; }
    .privateUserComment .commentDetails .userName {
      display: block;
      margin-bottom: 4px; }
    .privateUserComment .commentDetails .timeAgo {
      margin: 3px 2px 17px 0;
      font-size: 12px;
      color: #95a6a6;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .privateUserComment .commentDetails a {
      text-decoration: none; }
  .privateUserComment .comment-options-container {
    -webkit-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    margin-top: 8px; }
  .privateUserComment .commentEdit {
    -webkit-transition: all ease-in-out 200ms;
    -ms-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    margin-bottom: 10px; }
  .privateUserComment .commentText {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    word-wrap: break-word;
    padding: 0 0 10px 0;
    width: calc(100% - 10px);
    line-height: 150%;
    z-index: -10; }
    .privateUserComment .commentText .commentByUser {
      padding-top: 5px; }
    .privateUserComment .commentText.userComment {
      margin-left: 0.5em;
      margin-right: none; }
    .privateUserComment .commentText .insightComment {
      border-left: 3px solid #eceeee;
      padding-left: 9px; }
      .privateUserComment .commentText .insightComment a {
        background-color: #fef6d1;
        text-decoration: none;
        color: #3b3d40; }
  .privateUserComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }
  .privateUserComment .currentUserComment .commentText {
    margin-left: none;
    padding-left: none; }
  .privateUserComment .currentUserComment .userImage {
    margin-right: 0px; }
  .privateUserComment .currentUserComment .bubbleArrow {
    position: absolute;
    right: -12px;
    left: auto;
    overflow: hidden;
    width: 26px;
    height: 30px; }
    .privateUserComment .currentUserComment .bubbleArrow:after {
      position: absolute;
      top: 4px;
      display: block;
      width: 15px;
      height: 15px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #ffffff;
      content: "\00a0"; }

.privateUserComment.combineComment {
  min-height: 20px;
  margin-top: -15px;
  padding-top: 0px; }

.cognitiveGraphBubblesDirectiveContainer {
  margin: 0; }
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer {
    background-color: #333;
    position: relative; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer svg {
      overflow: hidden; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileName {
      position: absolute;
      bottom: 10vw;
      font-size: 3vw;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center;
      width: 100%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileName.isMobile {
        bottom: 11rem;
        font-size: 3rem; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer {
      position: absolute;
      width: 100%;
      top: 8%;
      height: 40%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer.isMobile {
        top: 38%;
        height: 22%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol {
        margin-left: auto;
        margin-right: auto;
        width: 13vw;
        height: 100%;
        background-color: #dde4e4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        z-index: 3; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol.isMobile {
          width: 27%; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg {
          width: 100%;
          height: 100%; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg.default {
            z-index: 2;
            width: 100%;
            height: 100%;
            position: static;
            /*text-align: right;*/
            display: inline-block;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            font-size: 13vw; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg.isMobile {
            font-size: 25vw; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo {
          position: absolute;
          z-index: 2;
          bottom: -5px;
          width: 13vw;
          -moz-border-radius: 4px 0;
          -webkit-border-radius: 4px;
          border-radius: 4px 0;
          overflow: hidden;
          margin-top: 5px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload {
            height: 36px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0.1);
            color: #ffffff;
            text-align: right;
            line-height: 36px;
            padding: 0 5px; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload i {
              display: inline;
              width: auto;
              height: auto;
              background-color: transparent;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
              border-radius: 0;
              font-size: 1.8rem;
              line-height: 36px; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: left;
              float: left; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper {
      position: absolute;
      width: 100%;
      bottom: 2rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer {
        position: relative;
        text-align: center;
        margin: auto; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton {
          text-transform: none;
          height: 4vw;
          max-height: 32px;
          line-height: 100%;
          font-size: 1.3rem; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton.isMobile {
            height: 32px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton i {
            color: #ffffff;
            height: 4vw;
            max-height: 32px;
            line-height: 100%; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton i.isMobile {
              height: 32px; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer {
      width: 100%;
      text-align: center;
      color: #ffffff;
      font-size: 0.6rem;
      position: absolute;
      bottom: 5.5rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot {
        color: #ffffff;
        padding: 4px;
        display: inline-block; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot:before {
          content: "\e800"; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot.inactive:before {
          content: "\e800";
          opacity: 0.5;
          filter: alpha(opacity=50); }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
      position: absolute;
      min-height: 40px;
      width: 100%;
      bottom: 5.5vw;
      font-size: 1.2vw; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts.isMobile {
        bottom: 6.5rem;
        font-size: 1.2rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .primaryEmail {
        display: block;
        white-space: nowrap;
        margin-bottom: 0.7rem;
        color: #ffffff;
        text-align: center; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .primaryEmail.isMobile {
          opacity: 0.8; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts {
        margin: auto;
        height: 100%;
        color: #ffffff;
        text-align: center;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts.isMobile {
          line-height: 1.4rem; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock {
          display: inline-block;
          max-width: 50%;
          overflow: hidden; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock span {
            color: #ffffff;
            height: 100%;
            padding: 0 8px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock.withPadding {
            padding-bottom: 0.5rem; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock:first-child {
          text-align: right; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .location {
          text-align: center; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .followingCount {
          border-left: 1px solid #ffffff; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .followingCount.noBorder {
            border: none; }
  .cognitiveGraphBubblesDirectiveContainer .userName.isMobile {
    font-size: 22px; }
  .cognitiveGraphBubblesDirectiveContainer .followButtonContainer {
    position: absolute;
    text-align: left;
    width: 100%;
    top: 15px;
    margin-left: 20px; }

@media screen and (max-width: 800px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    bottom: 5vw; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock.withPadding {
      padding-bottom: 0px; }
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton {
    font-size: 1.6vw; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton.isMobile {
      font-size: 1.3rem;
      height: 32px; } }

@media screen and (max-width: 650px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    bottom: 4vw; } }

@media screen and (max-width: 600px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    display: none; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts.isMobile {
      display: block; }
  .cognitiveGraphBubblesDirectiveContainer .followButtonContainer button {
    font-size: 0.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem; } }

.horizontalContentSectionView .postCard {
  padding-bottom: 1.5rem; }

.horizontalContentSectionView .categoriesTags {
  display: block;
  margin-left: 11rem; }
  .horizontalContentSectionView .categoriesTags .tag {
    display: inline-block;
    margin: 2px 0;
    padding: 0 4px;
    cursor: pointer;
    font-size: 1.1rem;
    text-transform: uppercase; }
    .horizontalContentSectionView .categoriesTags .tag a {
      color: #7F8FAC;
      font-family: 'MuseoSansRounded500';
      vertical-align: middle; }
    .horizontalContentSectionView .categoriesTags .tag:first-child {
      vertical-align: middle; }
    .horizontalContentSectionView .categoriesTags .tag.add a {
      color: #7F8FAC;
      font-family: 'MuseoSansRounded500'; }
    .horizontalContentSectionView .categoriesTags .tag.special {
      background: none;
      color: #95a6a6;
      font-family: 'MuseoSansRounded500'; }

.tagsContainer {
  height: 30px;
  overflow: hidden; }
  .tagsContainer .tag {
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    display: inline-block;
    background-color: #ffffff;
    color: #95a6a6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    max-width: 100px;
    text-overflow: ellipsis;
    padding: 5px;
    font-size: 1.1rem;
    margin-right: 5px;
    margin-top: 5px;
    background-color: transparent;
    border: 1px solid #eceeee;
    max-width: inherit; }
    .tagsContainer .tag:hover {
      background-color: #c9d7d7;
      color: #3b3d40; }
      .tagsContainer .tag:hover em {
        color: #ffffff; }
  .tagsContainer em {
    font-size: 1.1rem; }

.groupPage__activity .groupContent {
  max-width: calc(100vw - 240px - 30px) !important;
  margin: 1rem 0 !important;
  padding: 0 !important;
  background: white; }
  .groupPage__activity .groupContent.isMobile {
    max-width: 100% !important; }

.groupContentView .activityFacetsView {
  display: none;
  padding: 3rem; }
  .groupContentView .activityFacetsView .title {
    text-transform: uppercase;
    color: #95a6a6;
    font-family: 'MuseoSansRounded500';
    font-size: 1.6rem;
    margin-bottom: 1rem; }
  .groupContentView .activityFacetsView .clear {
    cursor: pointer;
    font-size: 1.3rem;
    color: #95a6a6;
    padding-top: 0.5rem;
    border-bottom: 1px dashed #dde4e4; }
  .groupContentView .activityFacetsView .facetList .facetItem {
    padding: 1rem 0;
    text-transform: uppercase;
    color: #7F8FAC;
    font-size: 1.4rem;
    cursor: pointer; }
    .groupContentView .activityFacetsView .facetList .facetItem i {
      font-size: 1.2rem; }
    .groupContentView .activityFacetsView .facetList .facetItem span {
      padding: 0.5rem 1rem;
      border: 1px solid transparent;
      border-radius: 3px; }
    .groupContentView .activityFacetsView .facetList .facetItem.active {
      color: #26b099; }
      .groupContentView .activityFacetsView .facetList .facetItem.active span {
        border: 1px solid #26b099; }

.groupContentView .activityView {
  padding: 1rem; }
  .groupContentView .activityView .welcomeTeamMessage {
    padding: 3rem 2rem;
    font-size: 1.8rem;
    background: #7F8FAC;
    border-radius: 0.5rem;
    color: white;
    margin-bottom: 1rem; }
    .groupContentView .activityView .welcomeTeamMessage .name {
      text-decoration: underline; }

.groupContentView .emptyActivity {
  font-size: 1.5rem;
  color: #95a6a6;
  margin: 2rem 0;
  text-align: center; }
  .groupContentView .emptyActivity .emptyImg {
    width: 10rem; }
  .groupContentView .emptyActivity .text {
    padding: 1rem; }

.groupContentView .allActivityTile {
  overflow: hidden;
  margin-bottom: 10px; }
  .groupContentView .allActivityTile .contentTile {
    margin-bottom: 0; }
  .groupContentView .allActivityTile .categoriesTags {
    display: block;
    margin: 0 2rem 10px; }
    .groupContentView .allActivityTile .categoriesTags .tag {
      display: inline-block;
      padding: 0 4px;
      margin: 2px 0; }
      .groupContentView .allActivityTile .categoriesTags .tag span {
        color: #0081d0;
        font-family: 'MuseoSansRounded500'; }
      .groupContentView .allActivityTile .categoriesTags .tag.special {
        background: none;
        color: #95a6a6;
        font-family: 'MuseoSansRounded500'; }
  @media screen and (max-width: 767px) {
    .groupContentView .allActivityTile .contentTile {
      padding: 10px; }
      .groupContentView .allActivityTile .contentTile .tileContent .contentDetails {
        padding: 10px 35px; } }

.groupContentView .timestamp {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 1rem 0; }
  .groupContentView .timestamp:before {
    border-top: 1px solid #dde4e4;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1; }
  .groupContentView .timestamp span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #fff;
    padding: 0 15px;
    color: #95a6a6;
    font-size: 1.5rem; }

.groupBanner_isMobile {
  margin-top: 97px; }

.groupBannerContent md-progress-circular {
  margin-left: auto;
  margin-right: auto; }

.privacyTag, .publicTag {
  white-space: nowrap;
  margin-left: 10px;
  min-width: 60px;
  min-height: 20px;
  background-color: #f65950;
  font-size: 1.1rem;
  color: #ffffff;
  padding: 0.4rem;
  font-weight: bold;
  border-radius: .2rem;
  text-transform: uppercase; }

.privateTag {
  color: #ffffff;
  background-color: #f65950;
  float: left;
  text-align: center;
  white-space: nowrap;
  margin-left: 10px;
  min-width: 60px;
  font-size: 1.1rem;
  padding: 0.4rem;
  font-weight: bold;
  border-radius: .2rem;
  text-transform: uppercase;
  margin-top: 6px;
  padding-top: 0;
  min-height: 21px;
  padding-bottom: 0;
  line-height: 21px; }

.publicTag {
  background-color: #26b099; }

.groupBanner.isMobile {
  margin-top: calc(40px + 58px); }

.groupBanner .center {
  text-align: center; }

.groupBanner h1 {
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  color: #ffffff; }

.groupBanner h5 {
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  color: #ffffff; }

.groupBanner .memberLink,
.groupBanner .inviteMemberLink {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px; }

.groupBanner .memberLink {
  position: relative; }
  .groupBanner .memberLink .userImage {
    width: 41px;
    height: 41px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .groupBanner .memberLink .userImage.icon-user:before {
      font-size: 3.6rem;
      color: #eceeee; }
    .groupBanner .memberLink .userImage.default {
      overflow: hidden;
      background: #95a6a6;
      line-height: 48px;
      text-align: center; }
    .groupBanner .memberLink .userImage.offset {
      position: absolute;
      top: 0; }

.groupBanner .inviteMemberLink {
  width: 41px;
  height: 41px;
  background: #29c896;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1); }
  .groupBanner .inviteMemberLink i {
    font-size: 1.8rem;
    color: #ffffff;
    line-height: 41px; }

.groupBanner .actionButtonContainer {
  padding-right: 0px !important; }

.groupBanner .bannerContainer.isMobile h1 {
  font-size: 2rem; }

.groupBanner .bannerContainer.isMobile h5 {
  font-size: 1.4rem; }

.groupBanner .bannerContainer {
  background: #17C995;
  padding: 1rem 2rem; }
  .groupBanner .bannerContainer .name {
    color: white; }
    .groupBanner .bannerContainer .name h1 {
      font-size: 3rem;
      margin: 0; }
    .groupBanner .bannerContainer .name h4 {
      color: #f2f4f4;
      margin: 0; }
  .groupBanner .bannerContainer .metric {
    text-align: center;
    margin: 0.5rem 0; }
    .groupBanner .bannerContainer .metric .title {
      font-family: 'MuseoSansRounded500';
      font-size: 2.4rem;
      margin: 0.5rem 0;
      color: white; }
    .groupBanner .bannerContainer .metric .subtitle {
      font-family: 'MuseoSansRounded100';
      font-size: 1.4rem;
      margin: 0.5rem 0;
      text-transform: uppercase;
      color: #f2f4f4; }

.groupBanner.shrink, .groupBanner.slackify.mobile {
  position: absolute;
  z-index: 10;
  width: calc(100vw - 240px); }
  .groupBanner.shrink h1, .groupBanner.slackify.mobile h1 {
    font-size: 2rem; }
  .groupBanner.shrink .shrinkHide, .groupBanner.slackify.mobile .shrinkHide {
    display: none; }

.groupBanner.row, .settingsGroupModal .groupBanner.memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader, #readerNavigation .journeyNavigation .groupBanner.navItem, .journeyForumWrapper .groupBanner.journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion {
  margin: 0;
  position: relative;
  overflow: hidden; }
  .groupBanner.row .groupBannerImg, .settingsGroupModal .groupBanner.memberRow .groupBannerImg, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerImg, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerImg, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerImg, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerImg {
    width: 100%;
    height: 1px;
    text-align: center; }
    .groupBanner.row .groupBannerImg img, .settingsGroupModal .groupBanner.memberRow .groupBannerImg img, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerImg img, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerImg img, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerImg img, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerImg img {
      display: inline-block;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%);
      opacity: 0.8;
      width: 100%;
      height: auto; }
  .groupBanner.row .groupBannerContent, .settingsGroupModal .groupBanner.memberRow .groupBannerContent, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent {
    position: relative;
    width: 100%;
    display: inline-block; }
    .groupBanner.row .groupBannerContent .groupTitle, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle,
    .groupBanner.row .groupBannerContent .editActionsContainer,
    .settingsGroupModal .groupBanner.memberRow .groupBannerContent .editActionsContainer,
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .editActionsContainer,
    #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .editActionsContainer,
    .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer,
    .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .editActionsContainer {
      min-height: 9.6rem; }
    
    .groupBanner.row .groupBannerContent .editActionsContainer,
    .settingsGroupModal .groupBanner.memberRow .groupBannerContent .editActionsContainer,
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .editActionsContainer,
    #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .editActionsContainer,
    .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer,
    .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .editActionsContainer {
      padding: 0 30px;
      margin-top: 30px; }
      .groupBanner.row .groupBannerContent .editActionsContainer .editActionItem, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .editActionsContainer .editActionItem, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .editActionsContainer .editActionItem, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .editActionsContainer .editActionItem, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer .editActionItem, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .editActionsContainer .editActionItem {
        vertical-align: middle;
        text-align: center; }
        .groupBanner.row .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection {
          margin: -15px 0 15px; }
      .groupBanner.row .groupBannerContent .editActionsContainer button, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .editActionsContainer button, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .editActionsContainer button, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .editActionsContainer button, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer button, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .editActionsContainer button {
        width: 100px;
        padding: 0; }
    .groupBanner.row .groupBannerContent .groupTitle, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle {
      padding: 0 0 15px 30px;
      opacity: 1;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end);
      padding-bottom: 15px; }
      .groupBanner.row .groupBannerContent .groupTitle .titleSegment, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment {
        word-break: break-word;
        padding: 15px 20px 0 0;
        vertical-align: middle;
        text-align: center; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment h1, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment h1, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment h1, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment h1, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment h1, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment h1 {
          color: #ffffff; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment md-input-container, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment md-input-container, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment md-input-container, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment md-input-container, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment md-input-container, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment md-input-container {
          z-index: 1;
          position: relative;
          margin-left: -10px;
          padding: 0; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment h5, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment h5, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment h5, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment h5, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment h5, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment h5 {
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: white; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink,
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .inviteMemberLink {
          display: inline-block;
          vertical-align: middle;
          margin: 0 3px; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink {
          position: relative; }
          .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink .userImage, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink .userImage, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink .userImage, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink .userImage, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink .userImage {
            width: 41px;
            height: 41px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before {
              font-size: 3.6rem;
              color: #eceeee; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default {
              overflow: hidden;
              background: #95a6a6;
              line-height: 48px;
              text-align: center; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset {
              position: absolute;
              top: 0; }
        
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .inviteMemberLink,
        .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .inviteMemberLink {
          width: 41px;
          height: 41px;
          background: #29c896;
          cursor: pointer;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          -webkit-transform: scaleX(-1);
          -moz-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          transform: scaleX(-1); }
          .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i {
            font-size: 1.8rem;
            color: #ffffff;
            line-height: 41px; }
      .groupBanner.row .groupBannerContent .groupTitle .md-char-counter, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .md-char-counter, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .md-char-counter, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .md-char-counter, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .md-char-counter {
        display: none;
        position: absolute;
        right: 5px; }
      .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle.editFocus textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle.editFocus textarea, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle.editFocus textarea, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle.editFocus textarea, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle.editFocus textarea {
        background-color: rgba(255, 255, 255, 0.5);
        resize: none; }
        .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
          border: solid 1px #f65950; }
        .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea:focus, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle.editFocus textarea:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle.editFocus textarea:focus, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle.editFocus textarea:focus, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle.editFocus textarea:focus, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle.editFocus textarea:focus {
          border: solid 1px #f2f4f4; }
      .groupBanner.row .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter {
        display: block; }
      .groupBanner.row .groupBannerContent .groupTitle textarea, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle textarea, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle textarea, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle textarea, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle textarea, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle textarea {
        opacity: 1;
        resize: none;
        overflow: hidden;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        -ms-border-radius: 0%;
        -o-border-radius: 0%;
        border-radius: 0%;
        background: transparent;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        color: white;
        font-size: 3.9rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        min-height: 37px;
        height: auto;
        overflow: hidden;
        border-color: rgba(0, 0, 0, 0);
        text-align: left; }
      .groupBanner.row .groupBannerContent .groupTitle .md-placeholder, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .md-placeholder, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .md-placeholder, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .md-placeholder, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .md-placeholder {
        position: absolute;
        z-index: -1;
        width: 100%;
        font-weight: 700;
        margin: -17px 0 0 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 3.9rem;
        color: #dde4e4; }
      .groupBanner.row .groupBannerContent .groupTitle .md-input-has-value .md-placeholder, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .md-input-has-value .md-placeholder, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .md-input-has-value .md-placeholder, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .md-input-has-value .md-placeholder, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .md-input-has-value .md-placeholder, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .md-input-has-value .md-placeholder {
        display: none; }
      .groupBanner.row .groupBannerContent .groupTitle .md-char-counter, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle .md-char-counter, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle .md-char-counter, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle .md-char-counter, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle .md-char-counter, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle .md-char-counter {
        margin-top: 5px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 10px;
        color: #ffffff;
        text-align: right; }
      .groupBanner.row .groupBannerContent .groupTitle:focus, .settingsGroupModal .groupBanner.memberRow .groupBannerContent .groupTitle:focus, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .groupBannerContent .groupTitle:focus, #readerNavigation .journeyNavigation .groupBanner.navItem .groupBannerContent .groupTitle:focus, .journeyForumWrapper .groupBanner.journeyConversationTopBar .groupBannerContent .groupTitle:focus, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .groupBannerContent .groupTitle:focus {
        border: solid 1px #eceeee; }
  .groupBanner.row.lockBanner, .settingsGroupModal .groupBanner.lockBanner.memberRow, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion {
    width: calc(100% - 240px);
    position: fixed;
    z-index: 6;
    height: 46px;
    top: 56px; }
    .groupBanner.row.lockBanner .animationTitle, .settingsGroupModal .groupBanner.lockBanner.memberRow .animationTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .animationTitle, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .animationTitle, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .animationTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .animationTitle {
      color: white;
      margin-top: 13px;
      visibility: visible;
      font-size: 18px;
      line-height: 2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      opacity: 1;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      text-align: left;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end); }
    .groupBanner.row.lockBanner .groupTitle h5, .settingsGroupModal .groupBanner.lockBanner.memberRow .groupTitle h5, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .groupTitle h5, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .groupTitle h5, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .groupTitle h5, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .groupTitle h5 {
      opacity: 0;
      visibility: hidden;
      text-align: left; }
    .groupBanner.row.lockBanner .groupBannerContent .groupTitle, .settingsGroupModal .groupBanner.lockBanner.memberRow .groupBannerContent .groupTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .groupBannerContent .groupTitle, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .groupBannerContent .groupTitle, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .groupBannerContent .groupTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .groupBannerContent .groupTitle {
      opacity: 0; }
    .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer, .settingsGroupModal .groupBanner.lockBanner.memberRow .groupBannerContent .editActionsContainer, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .groupBannerContent .editActionsContainer, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .groupBannerContent .editActionsContainer, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .groupBannerContent .editActionsContainer {
      margin-top: 0px; }
      .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer .editActionItem, .settingsGroupModal .groupBanner.lockBanner.memberRow .groupBannerContent .editActionsContainer .editActionItem, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .groupBannerContent .editActionsContainer .editActionItem, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .groupBannerContent .editActionsContainer .editActionItem, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer .editActionItem, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .groupBannerContent .editActionsContainer .editActionItem {
        vertical-align: bottom;
        text-align: center;
        padding-bottom: 49px; }
      .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer button, .settingsGroupModal .groupBanner.lockBanner.memberRow .groupBannerContent .editActionsContainer button, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .groupBannerContent .editActionsContainer button, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .groupBannerContent .editActionsContainer button, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .groupBannerContent .editActionsContainer button, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .groupBannerContent .editActionsContainer button {
        position: relative; }
    .mobile .groupBanner.row.lockBanner.lockBanner, .mobile .settingsGroupModal .groupBanner.lockBanner.lockBanner.memberRow, .settingsGroupModal .mobile .groupBanner.lockBanner.lockBanner.memberRow, .mobile .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.lockBanner.membersHeader, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .mobile .groupBanner.lockBanner.lockBanner.membersHeader, .mobile #readerNavigation .journeyNavigation .groupBanner.lockBanner.lockBanner.navItem, #readerNavigation .journeyNavigation .mobile .groupBanner.lockBanner.lockBanner.navItem, .mobile .journeyForumWrapper .groupBanner.lockBanner.lockBanner.journeyConversationTopBar, .journeyForumWrapper .mobile .groupBanner.lockBanner.lockBanner.journeyConversationTopBar, .mobile .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.lockBanner.journeyQuestion, .journeyForumWrapper .journeyQuestionsList .mobile .groupBanner.lockBanner.lockBanner.journeyQuestion {
      margin-left: 0;
      top: 40px; }
    .groupBanner.row.lockBanner .reducedHeader, .settingsGroupModal .groupBanner.lockBanner.memberRow .reducedHeader, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .reducedHeader, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .reducedHeader, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .reducedHeader, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .reducedHeader {
      height: 5rem; }
      .groupBanner.row.lockBanner .reducedHeader .icon_container, .settingsGroupModal .groupBanner.lockBanner.memberRow .reducedHeader .icon_container, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .reducedHeader .icon_container, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .reducedHeader .icon_container, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .reducedHeader .icon_container, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .reducedHeader .icon_container {
        position: relative;
        top: 2rem;
        left: 2rem; }
      .groupBanner.row.lockBanner .reducedHeader .animationTitle, .settingsGroupModal .groupBanner.lockBanner.memberRow .reducedHeader .animationTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.lockBanner.membersHeader .reducedHeader .animationTitle, #readerNavigation .journeyNavigation .groupBanner.lockBanner.navItem .reducedHeader .animationTitle, .journeyForumWrapper .groupBanner.lockBanner.journeyConversationTopBar .reducedHeader .animationTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.lockBanner.journeyQuestion .reducedHeader .animationTitle {
        position: relative; }
  .groupBanner.row .reducedHeader, .settingsGroupModal .groupBanner.memberRow .reducedHeader, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader {
    display: block; }
    .groupBanner.row .reducedHeader .col-xs-1, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-1, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-1, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-1, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-1, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-1 {
      padding-top: 17px; }
    .groupBanner.row .reducedHeader .col-xs-2, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-2, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-2, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-2, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-2, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-2, .groupBanner.row .reducedHeader .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow .groupBanner.row .reducedHeader .roleCell, .settingsGroupModal .groupBanner.memberRow .reducedHeader .roleCell, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .roleCell, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .roleCell, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .roleCell, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .roleCell, .groupBanner.row .reducedHeader #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .groupBanner.row .reducedHeader .iconCol, .settingsGroupModal .groupBanner.memberRow .reducedHeader #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .settingsGroupModal .groupBanner.memberRow .reducedHeader .iconCol, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .iconCol, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .iconCol, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .iconCol, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .iconCol, .groupBanner.row .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .groupBanner.row .reducedHeader .profilePic, .settingsGroupModal .groupBanner.memberRow .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .settingsGroupModal .groupBanner.memberRow .reducedHeader .profilePic, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .profilePic, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .profilePic, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .groupBanner.journeyConversationTopBar .reducedHeader .profilePic, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .profilePic {
      padding-top: 17px; }
      .groupBanner.row .reducedHeader .col-xs-2.editActionItem, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-2.editActionItem, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-2.editActionItem, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-2.editActionItem, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-2.editActionItem, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-2.editActionItem, .groupBanner.row .reducedHeader .settingsGroupModal .memberRow .editActionItem.roleCell, .settingsGroupModal .memberRow .groupBanner.row .reducedHeader .editActionItem.roleCell, .settingsGroupModal .groupBanner.memberRow .reducedHeader .editActionItem.roleCell, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .settingsGroupModal .memberRow .editActionItem.roleCell, .settingsGroupModal .memberRow .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .editActionItem.roleCell, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .settingsGroupModal .memberRow .editActionItem.roleCell, .settingsGroupModal .memberRow #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .editActionItem.roleCell, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .settingsGroupModal .memberRow .editActionItem.roleCell, .settingsGroupModal .memberRow .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .editActionItem.roleCell, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .settingsGroupModal .memberRow .editActionItem.roleCell, .settingsGroupModal .memberRow .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .editActionItem.roleCell, .groupBanner.row .reducedHeader #readerNavigation .journeyNavigation .navItem .editActionItem.iconCol, #readerNavigation .journeyNavigation .navItem .groupBanner.row .reducedHeader .editActionItem.iconCol, .settingsGroupModal .groupBanner.memberRow .reducedHeader #readerNavigation .journeyNavigation .navItem .editActionItem.iconCol, #readerNavigation .journeyNavigation .navItem .settingsGroupModal .groupBanner.memberRow .reducedHeader .editActionItem.iconCol, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader #readerNavigation .journeyNavigation .navItem .editActionItem.iconCol, #readerNavigation .journeyNavigation .navItem .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .editActionItem.iconCol, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .editActionItem.iconCol, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader #readerNavigation .journeyNavigation .navItem .editActionItem.iconCol, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .editActionItem.iconCol, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader #readerNavigation .journeyNavigation .navItem .editActionItem.iconCol, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .editActionItem.iconCol, .groupBanner.row .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .groupBanner.row .reducedHeader .editActionItem.profilePic, .settingsGroupModal .groupBanner.memberRow .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .settingsGroupModal .groupBanner.memberRow .reducedHeader .editActionItem.profilePic, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .editActionItem.profilePic, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .journeyForumWrapper .journeyQuestionsList .journeyQuestion .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .editActionItem.profilePic, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .journeyQuestionsList .journeyQuestion .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .groupBanner.journeyConversationTopBar .reducedHeader .editActionItem.profilePic, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .editActionItem.profilePic {
        padding-top: 6px; }
    .groupBanner.row .reducedHeader .col-xs-3, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-3, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-3, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-3, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-3, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-3, .groupBanner.row .reducedHeader .bannerContainer .metric, .groupBanner.row .bannerContainer .reducedHeader .metric, .settingsGroupModal .groupBanner.memberRow .reducedHeader .bannerContainer .metric, .settingsGroupModal .groupBanner.memberRow .bannerContainer .reducedHeader .metric, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .bannerContainer .metric, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .bannerContainer .reducedHeader .metric, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .bannerContainer .metric, #readerNavigation .journeyNavigation .groupBanner.navItem .bannerContainer .reducedHeader .metric, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .bannerContainer .metric, .journeyForumWrapper .groupBanner.journeyConversationTopBar .bannerContainer .reducedHeader .metric, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .bannerContainer .metric, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .bannerContainer .reducedHeader .metric, .groupBanner.row .reducedHeader .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .groupBanner.row .reducedHeader .leftBtn, .settingsGroupModal .groupBanner.memberRow .reducedHeader .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .settingsGroupModal .groupBanner.memberRow .reducedHeader .leftBtn, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .leftBtn, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .leftBtn, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .leftBtn, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .leftBtn, .groupBanner.row .reducedHeader .journeyForumWrapper .journeyConversationTopBar .rightBtn, .journeyForumWrapper .journeyConversationTopBar .groupBanner.row .reducedHeader .rightBtn, .settingsGroupModal .groupBanner.memberRow .reducedHeader .journeyForumWrapper .journeyConversationTopBar .rightBtn, .journeyForumWrapper .journeyConversationTopBar .settingsGroupModal .groupBanner.memberRow .reducedHeader .rightBtn, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .journeyForumWrapper .journeyConversationTopBar .rightBtn, .journeyForumWrapper .journeyConversationTopBar .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .rightBtn, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .journeyForumWrapper .journeyConversationTopBar .rightBtn, .journeyForumWrapper .journeyConversationTopBar #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .rightBtn, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .rightBtn, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .journeyConversationTopBar .rightBtn, .journeyForumWrapper .journeyConversationTopBar .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .rightBtn {
      padding-top: 10px; }
    .groupBanner.row .reducedHeader .col-xs-10, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-10, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-10, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-10, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-10, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-10, .groupBanner.row .reducedHeader #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .groupBanner.row .reducedHeader .itemTitle, .settingsGroupModal .groupBanner.memberRow .reducedHeader #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .settingsGroupModal .groupBanner.memberRow .reducedHeader .itemTitle, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .itemTitle, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .itemTitle, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .itemTitle, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .itemTitle {
      text-align: right;
      padding: 10px 6px 0 0; }
    .groupBanner.row .reducedHeader .col-xs-11, .settingsGroupModal .groupBanner.memberRow .reducedHeader .col-xs-11, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .groupBanner.membersHeader .reducedHeader .col-xs-11, #readerNavigation .journeyNavigation .groupBanner.navItem .reducedHeader .col-xs-11, .journeyForumWrapper .groupBanner.journeyConversationTopBar .reducedHeader .col-xs-11, .journeyForumWrapper .journeyQuestionsList .groupBanner.journeyQuestion .reducedHeader .col-xs-11 {
      text-align: right;
      padding: 6px 6px 0 0; }

.groupPage__content .groupContent {
  max-width: calc(100vw - 240px - 30px) !important;
  margin: 1rem 0 !important;
  padding: 0 !important;
  background: white; }
  .groupPage__content .groupContent.isMobile {
    max-width: 100% !important; }

.groupPage__content .groupContentView__contentContainer .groupContentView__contentContainer__contents {
  background: white;
  padding: 1.5rem; }

.groupPage__content .groupContentView__contentContainer.groupContentView__contentContainer--state-empty {
  text-align: center;
  padding: 2rem; }

.groupContentView .groupContentView__tagsContainer hr.separator {
  margin: 0 20px;
  height: 0;
  margin-bottom: -1px;
  margin-top: -1px;
  border: 1px solid #eceeee;
  box-shadow: none;
  text-shadow: none; }

.groupContentView .groupContentView__tagsContainer .filters {
  width: 100%;
  background: white;
  margin-bottom: 2rem;
  height: 5rem;
  box-shadow: 0 0 2px #eceeee; }

.groupContentView .inviewTag {
  height: 1px; }

.groupContentView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-content.png"); }
  .groupContentView .emptyMessage .contentMessageBox {
    width: 290px;
    height: 300px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0 10px #95a6a6;
    text-align: center;
    padding: 16px 34px;
    margin-top: -60px;
    background-color: #ffffff;
    background-image: url("/group/groupPage/asset/image/content-sources.png");
    background-repeat: no-repeat;
    background-position: center bottom; }
    .groupContentView .emptyMessage .contentMessageBox:after {
      bottom: calc(100% - 7px);
      left: calc(50% - 7px);
      content: " ";
      height: 14px;
      width: 14px;
      position: absolute;
      pointer-events: none;
      background-color: #ffffff;
      transform: rotate(45deg);
      box-shadow: -2px -2px 8px -3px #95a6a6; }
    .groupContentView .emptyMessage .contentMessageBox .messageText h3.handwritten {
      font-size: 2.6rem;
      font-family: "Just Me Again Down Here", cursive; }
    .groupContentView .emptyMessage .contentMessageBox .messageText p {
      font-size: 1.3rem; }

@media screen and (max-width: 1000px) {
  .groupContentView .inputWrapper .copyPasteMessage {
    display: none; } }

.groupDiscussionView .allActivityTile {
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }
  .groupDiscussionView .allActivityTile:hover {
    -webkit-box-shadow: 0 2px 6px #95a6a6;
    -moz-box-shadow: 0 2px 6px #95a6a6;
    box-shadow: 0 2px 6px #95a6a6; }
  .groupDiscussionView .allActivityTile.active {
    -webkit-box-shadow: 0 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 0 2px #95a6a6;
    box-shadow: 0 0 0 2px #95a6a6; }
  .groupDiscussionView .allActivityTile .contentTile {
    margin-bottom: 0;
    padding: 5px 25px 25px; }
  @media screen and (max-width: 767px) {
    .groupDiscussionView .allActivityTile .contentTile {
      padding: 10px; }
      .groupDiscussionView .allActivityTile .contentTile .tileContent .contentDetails {
        padding: 10px 35px; } }

.groupDiscussionView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-discussions.png"); }

@media screen and (min-width: 450px) and (max-width: 991px) {
  .groupPage__discussion .groupContent {
    max-width: calc(100vw - 240px - 30px) !important;
    margin: 1rem 0 !important;
    padding: 0 !important; } }

.groupInsightView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-insights.png"); }
  .groupInsightView .emptyMessage .messageText {
    width: 85%; }

.groupInsightView .hcard {
  border-bottom: none;
  margin: 2rem 2rem -2rem 2rem;
  padding: 2rem 1rem;
  width: auto; }
  .groupInsightView .hcard.isMobile {
    margin: 0; }
  .groupInsightView .hcard .hcard__pic {
    margin-top: 2rem; }
  .groupInsightView .hcard .hcard__title {
    color: #7F8FAC; }
  .groupInsightView .hcard .hcard__desc {
    color: #95a6a6; }
  .groupInsightView .hcard:hover {
    background: transparent; }

@media screen and (min-width: 450px) and (max-width: 991px) {
  .groupPage__insight .groupContent {
    max-width: calc(100vw - 240px - 30px) !important;
    margin: 1rem 0 !important;
    padding: 0 !important; } }

.groupView {
  width: 100%;
  transition: 1s; }
  .groupView .groupContentContainer {
    padding: 0 15px; }
  .groupView .groupContent {
    max-width: 630px;
    margin: 1rem auto;
    padding: 40px 10px; }
    .groupView .groupContent .emptyMessage {
      min-height: 500px;
      padding-top: 40px; }
      .groupView .groupContent .emptyMessage .messageBox {
        position: relative;
        max-width: 440px;
        height: 200px;
        margin: 0 auto;
        padding: 40px 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        background: #ffffff; }
        .groupView .groupContent .emptyMessage .messageBox .messageText {
          text-align: center; }
          .groupView .groupContent .emptyMessage .messageBox .messageText h3 {
            margin-bottom: .6em;
            font-family: "MuseoSansRounded300", "Arial", sans-serif; }
          .groupView .groupContent .emptyMessage .messageBox .messageText p {
            font-size: 1.5rem; }

@media screen and (max-width: 767px) {
  .groupView .groupContent {
    padding: 10px; } }

.groupSettings {
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.2rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .1em;
  cursor: pointer; }
  .groupSettings i,
  .groupSettings span {
    display: inline-block;
    vertical-align: middle; }
  .groupSettings i {
    font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  .groupSettings {
    right: 15px; } }

.groupSubNav {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 58px;
  background: #ffffff;
  border-bottom: solid 1px #dde4e4;
  text-align: center;
  line-height: 58px;
  margin-top: 1rem; }
  .groupSubNav ul {
    display: inline-block;
    font-size: 0;
    -webkit-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s; }
    .groupSubNav ul li {
      position: relative;
      display: inline-block;
      margin: 0 10px;
      border-bottom: solid 2px transparent; }
      .groupSubNav ul li a {
        display: block; }
        .groupSubNav ul li a:hover h6 {
          border-bottom: solid 1px transparent; }
      .groupSubNav ul li h6 {
        display: inline-block;
        margin-bottom: 0;
        padding: 10px 15px;
        border-bottom: solid 1px transparent;
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        font-size: 1.2rem;
        color: #29c896;
        letter-spacing: 1px;
        border-radius: 0.3rem; }
        .groupSubNav ul li h6:hover {
          background: #eceeee; }
        .groupSubNav ul li h6.selected {
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: white;
          background: #95a6a6; }
      .groupSubNav ul li .notificationCountBubble {
        display: inline-block;
        vertical-align: super;
        height: 16px;
        margin-left: 2px;
        padding: 0 6px;
        line-height: 17px;
        background-color: #f65950;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        color: #f2f4f4;
        font-size: .9rem;
        letter-spacing: 0; }

@media screen and (max-width: 449px) {
  .groupSubNav {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100vw - 30px); }
    .groupSubNav ul li {
      margin: 0 5px; }
      .groupSubNav ul li h6 {
        letter-spacing: 0; } }

@media screen and (min-width: 450px) and (max-width: 991px) {
  .groupSubNav {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100vw - 240px - 30px); }
    .groupSubNav.isMobile {
      width: calc(100vw - 30px); }
    .groupSubNav ul li {
      margin: 0 5px; }
      .groupSubNav ul li h6 {
        letter-spacing: 0; } }

.groupActionsNav {
  width: 100%;
  background: white;
  padding: 1rem 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6; }
  .groupActionsNav ul {
    display: inline-block; }
    .groupActionsNav ul li.action-item {
      position: relative;
      display: inline-block;
      border-bottom: solid 2px transparent;
      width: 20%;
      float: left;
      cursor: pointer;
      padding: 0.5rem 2rem; }
      .groupActionsNav ul li.action-item.disabled {
        cursor: not-allowed; }
      .groupActionsNav ul li.action-item:hover {
        background: #f2f4f4; }
      .groupActionsNav ul li.action-item .icon {
        display: inline-block;
        width: 4rem;
        font-size: 3.5rem;
        margin-right: 1rem;
        float: left;
        color: #95a6a6; }
      .groupActionsNav ul li.action-item .text {
        display: inline-block;
        font-size: 1.6rem;
        width: calc(100% - 4rem - 1rem);
        float: left; }
        .groupActionsNav ul li.action-item .text .title {
          color: #26b099;
          text-decoration: underline; }
      .groupActionsNav ul li.action-item .description {
        margin-top: 0.5rem;
        font-size: 1.4rem;
        color: #95a6a6; }
  .groupActionsNav .arrow {
    position: absolute;
    display: none;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #95a6a6; }
    .groupActionsNav .arrow.webpage {
      display: block;
      left: 10%; }
    .groupActionsNav .arrow.discussion {
      display: block;
      left: 50%; }
  .groupActionsNav .inputContainer {
    position: absolute;
    top: 100%;
    width: 100%;
    background: white;
    padding: 1rem 2rem;
    z-index: 2;
    border: 1px solid #95a6a6;
    max-height: 23rem; }

@media screen and (max-width: 991px) {
  .groupActionsNav {
    padding: 0.25rem 0; }
    .groupActionsNav ul li.action-item {
      padding: 0.5rem 1rem;
      text-align: center; }
      .groupActionsNav ul li.action-item .icon {
        font-size: 2.5rem;
        display: block;
        width: 100%;
        margin-right: 0; }
      .groupActionsNav ul li.action-item .text {
        font-size: 1.4rem;
        width: 100%; }
        .groupActionsNav ul li.action-item .text .title {
          color: #26b099;
          text-decoration: none; } }

.groupActivityTile {
  display: block;
  padding: 1rem 2rem;
  border-radius: 6px;
  border: 1px solid transparent; }
  .groupActivityTile:hover {
    background: #FAFAFA;
    border: 1px solid transparent; }
  .groupActivityTile .activityMetadata .userImageWrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .groupActivityTile .activityMetadata .userImageWrapper .userImage {
      width: 3rem;
      height: 3rem;
      margin-right: 0.5em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .groupActivityTile .activityMetadata .userImageWrapper .userImage.icon-user:before {
        font-size: 2rem;
        color: #f2f4f4;
        line-height: 3rem; }
      .groupActivityTile .activityMetadata .userImageWrapper .userImage.default {
        line-height: 32px;
        text-align: center;
        overflow: hidden;
        background: #dde4e4; }
      .groupActivityTile .activityMetadata .userImageWrapper .userImage.offset {
        position: absolute;
        top: 0;
        left: 0; }
  .groupActivityTile .activityMetadata .activityMetadataText, .groupActivityTile .activityMetadata .feedTile .contextBar .activityContext, .feedTile .contextBar .groupActivityTile .activityMetadata .activityContext, .groupActivityTile .activityMetadata .feedTile .contextBar .inclass, .feedTile .contextBar .groupActivityTile .activityMetadata .inclass, .groupActivityTile .activityMetadata .name, .groupActivityTile .activityMetadata .activityAction, .groupActivityTile .activityMetadata .activityObject {
    font-size: 1.5rem;
    line-height: 3rem;
    font-family: 'MuseoSansRounded500';
    vertical-align: middle; }
  .groupActivityTile .activityMetadata .name {
    color: #3b3d40; }
  .groupActivityTile .activityMetadata .activityAction, .groupActivityTile .activityMetadata .activityObject {
    margin-left: 0.2rem;
    font-family: 'MuseoSansRounded300';
    color: #95a6a6; }
  .groupActivityTile .align-center {
    text-align: center; }
  .groupActivityTile.teamCreatedCard {
    text-align: center;
    padding-top: 2rem; }
    .groupActivityTile.teamCreatedCard:hover {
      background: none; }
  .groupActivityTile .rocketImg {
    width: 12rem;
    vertical-align: middle;
    margin-bottom: 1rem; }
  .groupActivityTile .activityContent {
    margin-top: 1rem; }
    .groupActivityTile .activityContent .hcard {
      padding: 0 1rem; }
      .groupActivityTile .activityContent .hcard .hcard__pic {
        margin-top: 0; }
    .groupActivityTile .activityContent .insight .activityContent-mainText, .groupActivityTile .activityContent .insight .insightBlockquote, .groupActivityTile .activityContent .insight .commentBlockquote, .groupActivityTile .activityContent .comment .activityContent-mainText, .groupActivityTile .activityContent .comment .insightBlockquote, .groupActivityTile .activityContent .comment .commentBlockquote {
      font-size: 1.6rem;
      padding: 1rem;
      display: inline-block;
      width: calc(100% - 3rem - 1rem);
      border-radius: 0.2rem; }
      .groupActivityTile .activityContent .insight .activityContent-mainText .emoji, .groupActivityTile .activityContent .insight .insightBlockquote .emoji, .groupActivityTile .activityContent .insight .commentBlockquote .emoji, .groupActivityTile .activityContent .comment .activityContent-mainText .emoji, .groupActivityTile .activityContent .comment .insightBlockquote .emoji, .groupActivityTile .activityContent .comment .commentBlockquote .emoji {
        vertical-align: middle; }
    .groupActivityTile .activityContent .insight .activityIcon, .groupActivityTile .activityContent .comment .activityIcon {
      display: inline-block;
      font-size: 2.2rem;
      width: 3rem;
      text-align: center;
      margin-right: 0.5rem; }
      .groupActivityTile .activityContent .insight .activityIcon.commentIcon, .groupActivityTile .activityContent .comment .activityIcon.commentIcon {
        color: #0081d0; }
      .groupActivityTile .activityContent .insight .activityIcon.insightIcon, .groupActivityTile .activityContent .comment .activityIcon.insightIcon {
        color: #fad72f;
        vertical-align: top;
        font-size: 3rem; }
    .groupActivityTile .activityContent .insight .insightBlockquote, .groupActivityTile .activityContent .comment .insightBlockquote {
      border-left: 2px solid #fad72f;
      background: #fcf9eb;
      line-height: 1.3;
      font-family: "RooneyLight", Times, "Times New Roman", serif; }
    .groupActivityTile .activityContent .insight .commentBlockquote, .groupActivityTile .activityContent .comment .commentBlockquote {
      border-left: 2px solid #0081d0;
      background: #E1F5FE;
      color: #3b3d40; }
    .groupActivityTile .activityContent .insight .subContext, .groupActivityTile .activityContent .comment .subContext {
      display: block;
      color: #95a6a6;
      font-size: 1.4rem;
      margin: 1rem 4rem 0; }
      .groupActivityTile .activityContent .insight .subContext a, .groupActivityTile .activityContent .insight .subContext a:visited, .groupActivityTile .activityContent .comment .subContext a, .groupActivityTile .activityContent .comment .subContext a:visited {
        color: #95a6a6; }
  .groupActivityTile .hcard .hcard__title {
    color: #7F8FAC;
    font-family: 'MuseoSansRounded500';
    font-size: 1.5rem; }

.createGroupMenuItem.label, .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username {
  position: relative;
  margin: 8px 0 0 48px;
  padding: 0 0 4px 22px;
  color: #26b099;
  cursor: pointer;
  line-height: 1.4; }
  .createGroupMenuItem.label i, .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i {
    position: absolute;
    left: 0;
    font-size: 1.8rem; }

.mobile .createGroupMenuItem.label, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username {
  width: calc(100% - 25px);
  max-width: 100%;
  margin: 0 0 0 25px;
  padding: 10px;
  background: #29c896;
  border-radius: 4px;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff; }
  .mobile .createGroupMenuItem.label i, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username i, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username i,
  .mobile .createGroupMenuItem.label span,
  .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username span,
  .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username span,
  .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username span,
  .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username span {
    display: inline-block;
    vertical-align: middle; }
  .mobile .createGroupMenuItem.label i, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username i, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username i {
    position: relative;
    margin-right: 2px; }

.slackify {
  height: calc(100vh - 56px);
  background-color: white;
  position: relative;
  /** stupid container always pushed the content down **/ }
  .slackify .contentTile.question {
    cursor: default;
    padding: 15px;
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0;
    max-height: 100px;
    height: 100px;
    overflow-y: hidden;
    background-color: #95a6a6;
    color: white;
    -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3); }
    .slackify .contentTile.question h2 {
      color: white;
      font-size: 2.0rem;
      line-height: 2.0rem;
      height: 4.0rem;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms; }
    .slackify .contentTile.question .tileMetadata {
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms;
      margin-top: 5px;
      margin-bottom: 0; }
    .slackify .contentTile.question span {
      color: white; }
  .slackify .back {
    -webkit-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    position: absolute;
    z-index: 10;
    top: 0;
    background-color: #95a6a6;
    height: 100px;
    width: 50px; }
    .slackify .back:hover {
      cursor: pointer;
      background-color: #b1bdbd; }
    .slackify .back a {
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms;
      display: block;
      color: white;
      width: 100%;
      height: 100px;
      line-height: 100px;
      padding-left: 15px;
      font-size: 3rem; }
      .slackify .back a:hover {
        text-decoration: none; }
  .slackify .discussionTile .tileContent {
    cursor: default;
    position: relative;
    height: calc(100% - 100px);
    top: 100px; }
    .slackify .discussionTile .tileContent:before, .slackify .discussionTile .tileContent:after {
      content: " ";
      display: table; }
    .slackify .discussionTile .tileContent:after {
      clear: both; }
    .slackify .discussionTile .tileContent .discussionContainer {
      /** typography **/
      font-size: 1.5rem;
      line-height: 2.2rem;
      background: #ffffff;
      border-top: none;
      /** position and size **/
      height: calc(100% - 110px);
      max-height: calc(100% - 110px);
      /** make it scroll **/
      overflow-y: scroll;
      border-bottom: 1px solid #f2f4f4;
      /** more comments **/
      /** avatar styles **/ }
      .slackify .discussionTile .tileContent .discussionContainer .moreCommentsLink {
        margin-bottom: 15px; }
      .slackify .discussionTile .tileContent .discussionContainer .lastComment {
        -webkit-transition: all ease-in-out 200ms;
        -ms-transition: all ease-in-out 200ms;
        -moz-transition: all ease-in-out 200ms;
        -o-transition: all ease-in-out 200ms;
        transition: all ease-in-out 200ms;
        position: relative; }
        .slackify .discussionTile .tileContent .discussionContainer .lastComment.editing {
          margin: 15px 5px;
          padding: 10px;
          background: #FFFCE0; }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment.editing .lastCommentText {
            margin-bottom: 15px; }
        .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar {
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 5px; }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.icon-user:before {
              font-size: 2.5rem;
              color: #f2f4f4; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.default {
              line-height: 36px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.offset {
              position: absolute;
              left: -1px; }
        .slackify .discussionTile .tileContent .discussionContainer .lastComment .comment {
          margin-left: 30px;
          clear: both;
          margin-left: 30px; }
        .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText {
          float: left;
          width: calc(100% - 30px); }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText a.lastCommenter {
            float: left;
            display: inline-block;
            max-width: 100%; }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span {
            display: inline-block;
            padding: 0 4px 0 0; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:after {
              content: ' -'; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:last-child:after {
              content: ''; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span.timestamp {
              font-size: 1.1rem;
              color: #95a6a6; }
          .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo {
            color: #a4b7b7;
            font-size: 1.1rem;
            float: right;
            display: inline-block;
            margin-left: 20px; }
            .slackify .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo:before {
              display: none;
              content: '\2022';
              margin: 0 6px 0 4px; }
      .slackify .discussionTile .tileContent .discussionContainer .others {
        margin: 0 0 15px 30px;
        color: #95a6a6; }
        .slackify .discussionTile .tileContent .discussionContainer .others span {
          display: inline-block;
          vertical-align: middle; }
        .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
          .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .tooltip {
            white-space: nowrap; }
          .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            opacity: .3; }
            .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage:hover {
              opacity: 1; }
            .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.icon-user:before {
              font-size: 20px;
              color: #f2f4f4; }
            .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.default {
              line-height: 20px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .slackify .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
  .slackify .discussionTile .userCommentContainer {
    width: 100%;
    padding: 10px 20px;
    overflow: visible;
    padding-right: 1rem; }
    .slackify .discussionTile .userCommentContainer .userComment button {
      float: right; }
    .slackify .discussionTile .userCommentContainer .edit-comment {
      height: 8rem; }
    .slackify .discussionTile .userCommentContainer .userComment > .text {
      overflow: hidden;
      padding-right: 1rem; }
      .slackify .discussionTile .userCommentContainer .userComment > .text > textarea {
        width: 100%;
        height: 40px;
        margin-bottom: 20px; }
      .slackify .discussionTile .userCommentContainer .userComment > .text .errorOccurred {
        border: 1px solid #f65950;
        color: #f65950; }
    .slackify .discussionTile .userCommentContainer .userComment > .emojis-modal {
      float: right;
      margin-top: 9px;
      margin-right: 5px; }
    .slackify .discussionTile .userCommentContainer ul.onlineAvatars {
      display: inline-block;
      padding: 0 10px 10px 10px; }
      .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar {
        display: inline;
        margin-right: 5px;
        -webkit-transition: all ease-in-out 200ms;
        -ms-transition: all ease-in-out 200ms;
        -moz-transition: all ease-in-out 200ms;
        -o-transition: all ease-in-out 200ms;
        transition: all ease-in-out 200ms;
        /* The finishing CSS styles for the enter animation */ }
        .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar div {
          position: relative;
          -webkit-transition: all ease-in-out 200ms;
          -ms-transition: all ease-in-out 200ms;
          -moz-transition: all ease-in-out 200ms;
          -o-transition: all ease-in-out 200ms;
          transition: all ease-in-out 200ms;
          width: 22px;
          height: 22px; }
        .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar.ng-enter.ng-enter-active div {
          width: 0px;
          height: 0px; }
        .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar.ng-leave.ng-leave-active div {
          width: 0px;
          height: 0px; }

.groupQuestionPage.shrink .contentTile.question, .groupQuestionPage.slackify.mobile .contentTile.question {
  /** add transition effects **/
  -webkit-transition: all ease 200ms;
  -ms-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
  /** shrink styles **/
  height: 40px;
  max-height: 40px;
  padding: 5px; }
  .groupQuestionPage.shrink .contentTile.question h2, .groupQuestionPage.slackify.mobile .contentTile.question h2 {
    height: 2.3rem;
    padding-top: 5px; }
  .groupQuestionPage.shrink .contentTile.question .tileMetadata, .groupQuestionPage.slackify.mobile .contentTile.question .tileMetadata {
    opacity: 0; }

.groupQuestionPage.shrink .back, .groupQuestionPage.slackify.mobile .back {
  /** shrink styles **/
  height: 40px; }
  .groupQuestionPage.shrink .back a, .groupQuestionPage.slackify.mobile .back a {
    height: 40px;
    line-height: 40px;
    font-size: 2rem;
    padding-top: 3px; }

.groupQuestionPage.shrink .discussionTile, .groupQuestionPage.slackify.mobile .discussionTile {
  -webkit-transition: all ease 200ms;
  -ms-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
  height: calc(100% - 40px);
  top: 40px; }

/** for mobile **/
.slackify.mobile {
  height: calc(100vh - 100px);
  top: 100px; }

.acceptInviteModal .inviterAvatar {
  text-align: center;
  width: 100%;
  height: 80px; }
  .acceptInviteModal .inviterAvatar a.memberLink {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    overflow: hidden; }
    .acceptInviteModal .inviterAvatar a.memberLink div.userImage {
      width: 60px;
      height: 60px;
      border-radius: 50%; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage.fitImage {
        position: absolute;
        top: 0; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage.default {
        font-size: 60px;
        overflow: hidden;
        background: #95a6a6; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage:before {
        color: #eceeee; }

.acceptInviteModal .invitationRequestStatement {
  text-align: center;
  font-size: 2rem; }

.acceptInviteModal h1 {
  padding: 5px 0 20px;
  text-align: center; }

.settingsGroupModal {
  min-height: 60vh; }
  .settingsGroupModal .input.cantRemoveMembers {
    display: none; }
  .settingsGroupModal .input.leaveGroup {
    padding: 20px 0; }
    .settingsGroupModal .input.leaveGroup .yesLeaveGroup {
      font-size: 1.4rem;
      color: #29c896;
      cursor: pointer; }
  .settingsGroupModal .modalHeader {
    margin: -25px -35px 20px -35px;
    background-color: #eceeee;
    border-bottom: 1px solid #dde4e4;
    padding: 0 20px; }
    .settingsGroupModal .modalHeader .title {
      font-size: 2.4rem;
      padding: 20px 0 10px 0; }
    .settingsGroupModal .modalHeader ul {
      display: block; }
      .settingsGroupModal .modalHeader ul li {
        display: inline-block;
        padding: 10px;
        margin-right: 15px; }
        .settingsGroupModal .modalHeader ul li.active {
          border-bottom: 2px solid #26b099; }
        .settingsGroupModal .modalHeader ul li a {
          color: #3b3d40;
          font-size: 1.4rem;
          text-decoration: none; }
          .settingsGroupModal .modalHeader ul li a:hover {
            text-decoration: none; }
  .settingsGroupModal .memberRow {
    border-bottom: 1px solid #dde4e4;
    font-size: 1.2rem;
    padding: 3px 5px; }
    .settingsGroupModal .memberRow .nameCell {
      padding: 2px 0; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader {
  margin: -25px -35px 0 -35px;
  background: #eceeee;
  padding: 25px 35px 0; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav {
    position: relative;
    z-index: 1;
    height: 58px;
    margin: 0 -35px 20px;
    background: #eceeee;
    border-bottom: solid 1px #dde4e4;
    line-height: 58px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul {
      display: block;
      font-size: 0;
      -webkit-transition: padding 0.3s;
      -ms-transition: padding 0.3s;
      -moz-transition: padding 0.3s;
      -o-transition: padding 0.3s;
      transition: padding 0.3s; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab {
        display: inline-block;
        width: 25%;
        text-align: center;
        cursor: pointer;
        border-bottom: solid 1px transparent;
        float: left; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab.disabled {
          color: #eceeee;
          cursor: default; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab.disabled:hover h6 {
            border-bottom: none; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab:hover h6 {
          border-bottom: solid 1px #29c896; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab h6 {
          display: inline-block;
          margin-bottom: 0;
          padding: 22px 0 21px;
          border-bottom: solid 1px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.2rem;
          color: #95a6a6;
          letter-spacing: 1px;
          text-transform: capitalize; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab h6.selected {
            border-bottom: solid 1px #29c896;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent {
  min-height: 60vh;
  max-height: 60vh;
  overflow: auto;
  margin: 0px -35px;
  padding: 0 30px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .messageBar {
    padding: 10px 0;
    font-family: MuseoSansRounded700;
    font-size: 1.4rem; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .messageBar .success {
      color: #26b099; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .messageBar .error {
      color: #d54c44; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .message {
    padding: 5px 0;
    font-family: MuseoSansRounded700; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .leaveGroup {
    font-size: 1.2rem; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .leaveGroup .confirm {
      color: #f65950;
      padding: 4px 0; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .leaveGroup .actionContainer {
      display: inline-block; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .leaveGroup .action {
      cursor: pointer; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .openTeamsSection {
    margin: 2rem 0; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .openTeamsSection label.title {
      margin-bottom: 0;
      line-height: 34px;
      vertical-align: top;
      margin-left: 1rem;
      cursor: pointer; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalContent .groupEditView .openTeamsSection .description {
      margin-top: 0.5rem;
      font-size: 1.3rem;
      line-height: 1.2;
      color: #95a6a6; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader {
  margin-bottom: 1rem; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .membersHeader .actions .permissionsDropdown {
    right: 0; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberInvite strong {
  font-size: 12px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .InviteToGroupForm.memberItem .memberAction.inviteFormField {
  padding-top: 3px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .InviteToGroupForm.memberItem .memberAction.inviteFormField button {
    padding: 0 15px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .duplicateUsersError {
  font-size: 1.3rem;
  color: #f65950;
  margin: 1rem 0; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .duplicateUsersError .focus {
    color: #95a6a6;
    border-bottom: 1px dashed #dde4e4; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem {
  margin-bottom: 12px;
  -webkit-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem.processing {
    opacity: 0.5; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem.cantRemoveMembers .memberAction {
    display: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .actionCol, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete {
    padding-top: 5px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .main-action {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    font-size: 1.2rem;
    vertical-align: middle;
    cursor: pointer;
    padding: 6px 10px;
    border: 1px solid #dde4e4;
    border-radius: 4px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .main-action .text {
      display: inline-block;
      max-width: 90%;
      vertical-align: middle; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .dropdown-menu li a {
    padding: 3px 10px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .dropdown-menu li .nonAdminView {
    padding: 3px 10px;
    cursor: not-allowed; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .admin {
    cursor: pointer;
    padding: 4px 10px;
    border: 1px solid #dde4e4;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .permissions .admin .text {
      vertical-align: middle;
      margin-right: 15px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete {
    text-align: right;
    vertical-align: middle;
    font-size: 1.1rem;
    line-height: 2.2rem; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete span.deleteIcon {
      padding: 3px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete i {
      color: #95a6a6;
      cursor: pointer; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete i:hover {
        color: #3b3d40; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .delete .promptForConfirmation .actionElement {
      color: #26b099;
      font-size: 1.2rem;
      line-height: 2.2rem;
      cursor: pointer;
      vertical-align: middle; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .groupCommonPermissions {
    vertical-align: middle; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberHeaderLink {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: inline-block;
    background-color: #eceeee;
    text-align: center;
    margin-right: 10px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberHeaderLink i {
      line-height: 32px;
      vertical-align: middle;
      font-size: 1.4rem;
      color: #95a6a6; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberHeaderTitle {
    font-size: 1.3rem;
    text-transform: uppercase;
    font-family: MuseoSansRounded700;
    color: #95a6a6;
    letter-spacing: 1px;
    line-height: 32px;
    vertical-align: middle; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage {
      display: inline-block;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      overflow: hidden;
      margin-right: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.icon-user:before {
        font-size: 32px;
        color: #eceeee; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.default {
        overflow: hidden;
        background: #95a6a6;
        line-height: 32px;
        text-align: center; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.offset {
        position: absolute;
        top: 0; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberName {
    display: inline-block;
    max-width: 250px;
    vertical-align: middle;
    font-size: 1.3rem; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberActionMessage {
    display: inline-block;
    float: right;
    margin-top: 11px;
    font-size: 1.2rem; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberActionMessage.success {
      color: #26b099; }

.declaraModal .declaraModal-wrapper .declaraModal-content .dangerTip {
  margin: 2rem 0;
  padding: 1rem;
  line-height: 1.6rem;
  background-color: #f88781;
  font-size: 1.3rem;
  border-radius: 4px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .infoTip {
  margin: 2rem 0;
  padding: 1rem;
  line-height: 1.6rem;
  background-color: #eee;
  font-size: 1.3rem; }

@media screen and (max-width: 767px) {
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader {
    margin: -15px -15px 0 -15px; } }

@media screen and (max-width: 375px) {
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab h6 {
    font-size: 1.1rem; } }

.loginView.inProgress {
  text-align: center;
  padding-top: 100px; }
  .loginView.inProgress md-progress-circular {
    display: inline-block; }

.joinView.loginView.loggedInContainer {
  z-index: 99; }
  .joinView.loginView.loggedInContainer .loginContent {
    padding-top: 100px; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox {
      width: 100%; }
      .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox.invitationError button {
        min-width: 250px;
        margin-bottom: 15px; }
      .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox .swithAccount {
        max-width: 100%;
        width: 100%; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .inspiration {
      padding: 10px 0; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .identityDismissed {
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      color: #29c896;
      text-transform: none; }
    .joinView.loginView.loggedInContainer .loginContent .loginBox {
      text-align: center;
      position: relative; }
      .joinView.loginView.loggedInContainer .loginContent .loginBox button {
        max-width: 120px; }
      .joinView.loginView.loggedInContainer .loginContent .loginBox .verifyInProgress {
        text-align: center;
        background: rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100%;
        min-height: 303px;
        position: absolute;
        margin: -42px 0 0 -46px; }
        .joinView.loginView.loggedInContainer .loginContent .loginBox .verifyInProgress md-progress-circular {
          display: inline-block;
          margin-top: 70px; }

@media screen and (max-width: 699px) {
  .joinView.loginView.loggedInContainer .loginContent {
    padding-top: 25px; } }

@-webkit-keyframes outer-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes outer-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@-webkit-keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@-webkit-keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

@keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

md-progress-circular {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden; }

md-progress-circular .md-inner {
  width: 50px;
  height: 50px;
  position: relative; }

md-progress-circular .md-inner .md-gap {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  bottom: 0;
  border-top: 5px solid black;
  box-sizing: border-box; }

md-progress-circular .md-inner .md-left, md-progress-circular .md-inner .md-right {
  position: absolute;
  top: 0;
  height: 50px;
  width: 25px;
  overflow: hidden; }

md-progress-circular .md-inner .md-left .md-half-circle, md-progress-circular .md-inner .md-right .md-half-circle {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: black black transparent;
  border-radius: 50%; }

md-progress-circular .md-inner .md-left {
  left: 0; }

md-progress-circular .md-inner .md-left .md-half-circle {
  left: 0;
  border-right-color: transparent; }

md-progress-circular .md-inner .md-right {
  right: 0; }

md-progress-circular .md-inner .md-right .md-half-circle {
  right: 0;
  border-left-color: transparent; }

md-progress-circular[value="0"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="0"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

md-progress-circular[value="0"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="1"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="1"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-131.4deg);
  transform: rotate(-131.4deg); }

md-progress-circular[value="1"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="2"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="2"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-127.8deg);
  transform: rotate(-127.8deg); }

md-progress-circular[value="2"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="3"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="3"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-124.2deg);
  transform: rotate(-124.2deg); }

md-progress-circular[value="3"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="4"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="4"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-120.6deg);
  transform: rotate(-120.6deg); }

md-progress-circular[value="4"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="5"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="5"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-117deg);
  transform: rotate(-117deg); }

md-progress-circular[value="5"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="6"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="6"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-113.4deg);
  transform: rotate(-113.4deg); }

md-progress-circular[value="6"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="7"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="7"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-109.8deg);
  transform: rotate(-109.8deg); }

md-progress-circular[value="7"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="8"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="8"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-106.2deg);
  transform: rotate(-106.2deg); }

md-progress-circular[value="8"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="9"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="9"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-102.6deg);
  transform: rotate(-102.6deg); }

md-progress-circular[value="9"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="10"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="10"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-99deg);
  transform: rotate(-99deg); }

md-progress-circular[value="10"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="11"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="11"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-95.4deg);
  transform: rotate(-95.4deg); }

md-progress-circular[value="11"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="12"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="12"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-91.8deg);
  transform: rotate(-91.8deg); }

md-progress-circular[value="12"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="13"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="13"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-88.2deg);
  transform: rotate(-88.2deg); }

md-progress-circular[value="13"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="14"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="14"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-84.6deg);
  transform: rotate(-84.6deg); }

md-progress-circular[value="14"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="15"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="15"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-81deg);
  transform: rotate(-81deg); }

md-progress-circular[value="15"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="16"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="16"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-77.4deg);
  transform: rotate(-77.4deg); }

md-progress-circular[value="16"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="17"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="17"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-73.8deg);
  transform: rotate(-73.8deg); }

md-progress-circular[value="17"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="18"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="18"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-70.2deg);
  transform: rotate(-70.2deg); }

md-progress-circular[value="18"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="19"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="19"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-66.6deg);
  transform: rotate(-66.6deg); }

md-progress-circular[value="19"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="20"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="20"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-63deg);
  transform: rotate(-63deg); }

md-progress-circular[value="20"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="21"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="21"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-59.4deg);
  transform: rotate(-59.4deg); }

md-progress-circular[value="21"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="22"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="22"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-55.8deg);
  transform: rotate(-55.8deg); }

md-progress-circular[value="22"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="23"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="23"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-52.2deg);
  transform: rotate(-52.2deg); }

md-progress-circular[value="23"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="24"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="24"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-48.6deg);
  transform: rotate(-48.6deg); }

md-progress-circular[value="24"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="25"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="25"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

md-progress-circular[value="25"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="26"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="26"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-41.4deg);
  transform: rotate(-41.4deg); }

md-progress-circular[value="26"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="27"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="27"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-37.8deg);
  transform: rotate(-37.8deg); }

md-progress-circular[value="27"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="28"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="28"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-34.2deg);
  transform: rotate(-34.2deg); }

md-progress-circular[value="28"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="29"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="29"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-30.6deg);
  transform: rotate(-30.6deg); }

md-progress-circular[value="29"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="30"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="30"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg); }

md-progress-circular[value="30"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="31"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="31"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-23.4deg);
  transform: rotate(-23.4deg); }

md-progress-circular[value="31"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="32"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="32"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-19.8deg);
  transform: rotate(-19.8deg); }

md-progress-circular[value="32"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="33"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="33"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-16.2deg);
  transform: rotate(-16.2deg); }

md-progress-circular[value="33"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="34"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="34"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-12.6deg);
  transform: rotate(-12.6deg); }

md-progress-circular[value="34"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="35"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="35"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg); }

md-progress-circular[value="35"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="36"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="36"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-5.4deg);
  transform: rotate(-5.4deg); }

md-progress-circular[value="36"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="37"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="37"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-1.8deg);
  transform: rotate(-1.8deg); }

md-progress-circular[value="37"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="38"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="38"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(1.8deg);
  transform: rotate(1.8deg); }

md-progress-circular[value="38"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="39"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="39"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(5.4deg);
  transform: rotate(5.4deg); }

md-progress-circular[value="39"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="40"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="40"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg); }

md-progress-circular[value="40"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="41"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="41"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(12.6deg);
  transform: rotate(12.6deg); }

md-progress-circular[value="41"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="42"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="42"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(16.2deg);
  transform: rotate(16.2deg); }

md-progress-circular[value="42"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="43"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="43"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(19.8deg);
  transform: rotate(19.8deg); }

md-progress-circular[value="43"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="44"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="44"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(23.4deg);
  transform: rotate(23.4deg); }

md-progress-circular[value="44"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="45"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="45"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg); }

md-progress-circular[value="45"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="46"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="46"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(30.6deg);
  transform: rotate(30.6deg); }

md-progress-circular[value="46"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="47"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="47"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(34.2deg);
  transform: rotate(34.2deg); }

md-progress-circular[value="47"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="48"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="48"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(37.8deg);
  transform: rotate(37.8deg); }

md-progress-circular[value="48"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="49"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="49"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(41.4deg);
  transform: rotate(41.4deg); }

md-progress-circular[value="49"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="50"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="50"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="50"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="51"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(138.6deg);
  transform: rotate(138.6deg); }

md-progress-circular[value="51"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="51"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="52"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(142.2deg);
  transform: rotate(142.2deg); }

md-progress-circular[value="52"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="52"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="53"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(145.8deg);
  transform: rotate(145.8deg); }

md-progress-circular[value="53"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="53"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="54"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(149.4deg);
  transform: rotate(149.4deg); }

md-progress-circular[value="54"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="54"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="55"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(153deg);
  transform: rotate(153deg); }

md-progress-circular[value="55"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="55"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="56"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(156.6deg);
  transform: rotate(156.6deg); }

md-progress-circular[value="56"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="56"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="57"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(160.2deg);
  transform: rotate(160.2deg); }

md-progress-circular[value="57"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="57"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="58"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(163.8deg);
  transform: rotate(163.8deg); }

md-progress-circular[value="58"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="58"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="59"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(167.4deg);
  transform: rotate(167.4deg); }

md-progress-circular[value="59"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="59"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="60"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(171deg);
  transform: rotate(171deg); }

md-progress-circular[value="60"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="60"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="61"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(174.6deg);
  transform: rotate(174.6deg); }

md-progress-circular[value="61"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="61"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="62"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(178.2deg);
  transform: rotate(178.2deg); }

md-progress-circular[value="62"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="62"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="63"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(181.8deg);
  transform: rotate(181.8deg); }

md-progress-circular[value="63"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="63"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="64"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(185.4deg);
  transform: rotate(185.4deg); }

md-progress-circular[value="64"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="64"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="65"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(189deg);
  transform: rotate(189deg); }

md-progress-circular[value="65"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="65"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="66"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(192.6deg);
  transform: rotate(192.6deg); }

md-progress-circular[value="66"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="66"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="67"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(196.2deg);
  transform: rotate(196.2deg); }

md-progress-circular[value="67"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="67"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="68"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(199.8deg);
  transform: rotate(199.8deg); }

md-progress-circular[value="68"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="68"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="69"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(203.4deg);
  transform: rotate(203.4deg); }

md-progress-circular[value="69"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="69"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="70"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(207deg);
  transform: rotate(207deg); }

md-progress-circular[value="70"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="70"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="71"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(210.6deg);
  transform: rotate(210.6deg); }

md-progress-circular[value="71"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="71"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="72"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(214.2deg);
  transform: rotate(214.2deg); }

md-progress-circular[value="72"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="72"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="73"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(217.8deg);
  transform: rotate(217.8deg); }

md-progress-circular[value="73"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="73"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="74"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(221.4deg);
  transform: rotate(221.4deg); }

md-progress-circular[value="74"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="74"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="75"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

md-progress-circular[value="75"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="75"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="76"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(228.6deg);
  transform: rotate(228.6deg); }

md-progress-circular[value="76"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="76"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="77"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(232.2deg);
  transform: rotate(232.2deg); }

md-progress-circular[value="77"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="77"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="78"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(235.8deg);
  transform: rotate(235.8deg); }

md-progress-circular[value="78"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="78"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="79"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(239.4deg);
  transform: rotate(239.4deg); }

md-progress-circular[value="79"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="79"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="80"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(243deg);
  transform: rotate(243deg); }

md-progress-circular[value="80"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="80"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="81"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(246.6deg);
  transform: rotate(246.6deg); }

md-progress-circular[value="81"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="81"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="82"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(250.2deg);
  transform: rotate(250.2deg); }

md-progress-circular[value="82"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="82"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="83"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(253.8deg);
  transform: rotate(253.8deg); }

md-progress-circular[value="83"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="83"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="84"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(257.4deg);
  transform: rotate(257.4deg); }

md-progress-circular[value="84"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="84"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="85"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(261deg);
  transform: rotate(261deg); }

md-progress-circular[value="85"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="85"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="86"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(264.6deg);
  transform: rotate(264.6deg); }

md-progress-circular[value="86"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="86"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="87"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(268.2deg);
  transform: rotate(268.2deg); }

md-progress-circular[value="87"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="87"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="88"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(271.8deg);
  transform: rotate(271.8deg); }

md-progress-circular[value="88"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="88"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="89"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(275.4deg);
  transform: rotate(275.4deg); }

md-progress-circular[value="89"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="89"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="90"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg); }

md-progress-circular[value="90"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="90"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="91"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(282.6deg);
  transform: rotate(282.6deg); }

md-progress-circular[value="91"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="91"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="92"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(286.2deg);
  transform: rotate(286.2deg); }

md-progress-circular[value="92"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="92"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="93"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(289.8deg);
  transform: rotate(289.8deg); }

md-progress-circular[value="93"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="93"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="94"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(293.4deg);
  transform: rotate(293.4deg); }

md-progress-circular[value="94"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="94"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="95"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(297deg);
  transform: rotate(297deg); }

md-progress-circular[value="95"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="95"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="96"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(300.6deg);
  transform: rotate(300.6deg); }

md-progress-circular[value="96"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="96"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="97"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(304.2deg);
  transform: rotate(304.2deg); }

md-progress-circular[value="97"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="97"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="98"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(307.8deg);
  transform: rotate(307.8deg); }

md-progress-circular[value="98"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="98"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="99"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(311.4deg);
  transform: rotate(311.4deg); }

md-progress-circular[value="99"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="99"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="100"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

md-progress-circular[value="100"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="100"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper {
  -webkit-animation: outer-rotate 2.91667s linear infinite;
  animation: outer-rotate 2.91667s linear infinite; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner {
  -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.3125s;
  animation-duration: 1.3125s;
  -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  -webkit-animation-name: left-wobble;
  animation-name: left-wobble; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-name: right-wobble;
  animation-name: right-wobble; }

.relatedCollectionsContainer {
  width: 100%;
  padding: 1.5rem;
  background: #eceeee; }
  .relatedCollectionsContainer.empty {
    background: none;
    text-align: center; }
  .relatedCollectionsContainer .collectionCard {
    width: 240px;
    float: left;
    margin: 0 1rem 2rem; }
  .relatedCollectionsContainer h6 {
    padding: 2rem 1rem; }

.bottomBar {
  height: 100%;
  line-height: 54px; }
  .bottomBar a {
    float: left;
    color: #95a6a6;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase; }
    .bottomBar a:hover {
      color: #29c896;
      text-decoration: none; }
    .bottomBar a:hover i, .bottomBar a.active i {
      color: #29c896; }
    .bottomBar a:visited {
      color: #95a6a6; }
    .bottomBar a i {
      font-size: 1.1em;
      color: #dde4e4; }

.bottomBarAction {
  float: left;
  padding: 0 40px;
  border-right: solid 1px #eceeee; }
  .u-pull-right .bottomBarAction {
    border-right: none;
    border-left: solid 1px #eceeee; }
  .bottomBarAction span {
    padding-left: 20px; }
  .bottomBarAction:last-child {
    padding-right: 0; }

.likeCount {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 5px;
  background: #dde4e4;
  color: #ffffff;
  line-height: 1em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  letter-spacing: 0em; }

.shareBar {
  float: left;
  display: inline-block; }
  .shareBar a {
    padding: 2px 15px;
    border-left: solid 1px #eceeee; }
    .shareBar a:first-child {
      padding-left: 0;
      border-left: 0; }
    .shareBar a i {
      font-size: 1.8em;
      line-height: inherit; }
      .shareBar a i.icon-mail {
        display: block;
        padding-top: 2px;
        padding-right: 0;
        padding-left: 15px;
        margin-top: -2px;
        border-left: solid 1px #eceeee; }

/* Inline Bottom Bar */
.inlineBarContainer {
  margin: 30px auto 50px;
  text-align: center; }
  .inlineBarContainer .u-pull-left {
    float: none;
    display: inline-block; }
    .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a {
      border-left: 0;
      padding: 0; }
      .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a:first-child i {
        border-left: 0;
        padding-left: 0; }
      .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a i {
        padding: 2px 15px;
        border-left: solid 1px #eceeee; }
    .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) email-share-modal a:first-child i.icon-mail {
      padding: 2px 15px;
      display: inline;
      border-left: solid 1px #eceeee; }
    .inlineBarContainer .u-pull-left .bottomBarAction:first-child {
      padding-left: 0; }
  .inlineBarContainer .u-pull-right {
    float: none;
    display: inline-block; }
    .inlineBarContainer .u-pull-right .bottomBarAction {
      padding-right: 0; }
  .inlineBarContainer .bottomBarAction {
    float: none;
    display: inline-block;
    padding: 0 15px;
    vertical-align: top; }
    .inlineBarContainer .bottomBarAction:last-child {
      border-left: none; }
    .inlineBarContainer .bottomBarAction span {
      padding-left: 10px; }
    .inlineBarContainer .bottomBarAction .likeCount {
      margin-left: 10px; }

.CollectionView {
  padding-top: 16.6rem; }

.collectionsContainer {
  max-width: 780px;
  margin: 0 auto;
  position: relative; }
  .collectionsContainer .searchCollections {
    max-width: 400px;
    margin: auto; }
    .collectionsContainer .searchCollections .collectionSearchInput {
      position: relative;
      z-index: 1; }
      .collectionsContainer .searchCollections .collectionSearchInput .clearIcon {
        position: absolute;
        top: 23px;
        left: 11px;
        font-size: 1.6rem;
        z-index: 2;
        color: #95a6a6; }
      .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery {
        padding: .6rem 1.2rem .6rem .6rem; }
        .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags {
          padding-left: 23px;
          box-shadow: none; }
          .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags.focused {
            border: 1px solid #29c896; }
          .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags .input {
            padding-left: 10px; }
  .collectionsContainer .collectionViewItem {
    width: 240px;
    display: inline-block;
    margin-right: 2rem; }
    .collectionsContainer .collectionViewItem .icon-locked {
      position: absolute;
      top: 80px;
      left: 11px;
      font-size: 1.6rem;
      color: #dde4e4; }
    .collectionsContainer .collectionViewItem.ghostCard {
      height: 320px;
      padding-top: 130px;
      cursor: pointer;
      float: left;
      background-color: #f2f4f4;
      border: 2px #ffffff dashed;
      color: #3b3d40;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.1rem;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
      -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
      -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
      -o-transition: background-color 0.1s linear, border-color 0.1s linear;
      transition: background-color 0.1s linear, border-color 0.1s linear;
      color: #3b3d40; }
      .collectionsContainer .collectionViewItem.ghostCard:hover {
        background-color: #ffffff;
        border-color: #eceeee; }
      .collectionsContainer .collectionViewItem.ghostCard i {
        color: #29c896;
        font-size: 2.2rem;
        display: block;
        margin-bottom: 20px; }
  .collectionsContainer .collectionTileContainer {
    display: inline-block; }
  .collectionsContainer.noCollections {
    text-align: center; }

@media screen and (max-width: 1020px) {
  .collectionsContainer {
    max-width: 520px; } }

@media screen and (max-width: 519px) {
  .collectionsContainer {
    max-width: 260px; } }

.collectionDetailPage.loggedOut .collectionBanner {
  width: 100vw; }

.collectionDetailPage .collectionDetailContainer {
  text-align: center; }
  .collectionDetailPage .collectionDetailContainer .facets {
    height: auto;
    display: inline-block;
    margin-top: 10px; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody {
    width: 100%;
    display: inline-block;
    text-align: left;
    overflow: hidden; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer {
      position: relative; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn {
        position: absolute;
        top: 0;
        bottom: 0;
        height: calc(100vh - 9rem - 56px);
        overflow-y: auto;
        min-width: 20rem;
        padding: 20px; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer {
        background: #ffffff;
        width: 100%;
        border-radius: 3px;
        padding: 10px 20px;
        min-height: 10rem;
        max-height: 22rem;
        margin-bottom: 2rem;
        overflow: auto; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer.fh {
          height: auto;
          max-height: none; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader {
          font-size: 1.2rem;
          letter-spacing: 0.2rem;
          text-transform: uppercase;
          color: #95a6a6;
          padding-bottom: 1rem;
          margin: 1rem 0; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader p {
            font-size: 1.5rem; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader span {
            line-height: 2rem; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .headerAction {
            color: #26b099;
            font-size: 0.9rem;
            line-height: 2.3;
            cursor: pointer;
            text-align: right; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .separator {
            text-align: center; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .sectionHeader .subHeading {
            letter-spacing: 0.5px;
            font-size: 1.2rem;
            padding-top: 0.7rem;
            text-transform: capitalize;
            color: #95a6a6; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag {
          font-size: 1.3rem;
          line-height: 1.7;
          color: #95a6a6;
          cursor: pointer;
          padding: 4px 0;
          clear: both;
          text-transform: uppercase; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag .inline-block {
            display: inline-block;
            min-width: 1.2rem;
            max-width: 1.2rem; }
            .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag .inline-block.tagName {
              max-width: calc(100% - 2.2rem); }
            .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag .inline-block.iconBlock {
              vertical-align: top; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag i {
            font-size: 1.1rem;
            line-height: 1rem; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer .userTag.selected {
            color: #26b099; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn {
        padding: 0 30px;
        text-align: center;
        height: calc(100vh - 9rem - 56px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5rem; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .shareContainer.showWhenLoggedOut {
        display: none; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 10px; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .emptyCollection p {
        padding-top: 20px;
        text-align: center; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody.offsetBanner {
      margin-top: 150px; }

@media screen and (max-width: 1023px) {
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn {
    padding: 10px; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .collectionLeftColSectionContainer {
    padding: 10px; } }

@media screen and (max-width: 767px) {
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn,
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .contentColumn {
    float: none;
    margin: 0 auto;
    padding: 0 10px 15px; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .descriptionBlock,
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .descriptionBlock {
    clear: both;
    font-size: 1.4rem;
    line-height: 1.5;
    background: white;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #d6d6d6; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn,
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .detailColumn {
    float: none;
    margin: 0 auto;
    padding: 0 10px; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn h6.timestamp,
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .detailColumn h6.timestamp {
      color: #3b3d40; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn {
    padding: 10px 15px 15px; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn .detailColumnSection {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn .collectionDescription textarea {
      min-height: initial;
      padding: 0 10px; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .contentColumn {
    padding: 0 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.showWhenLoggedOut {
    display: block;
    height: 50px;
    padding: 0 0 0 15px; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.showWhenLoggedOut .shareBlock {
      margin-right: 8px;
      font-size: 20px; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.hideWhenLoggedOut {
    display: none; } }

.tag-autocomplete-template,
.tag-template {
  display: inline-block; }
  .tag-autocomplete-template .curatorAvatar,
  .tag-template .curatorAvatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px 10px 0 0;
    border-radius: 50%;
    font-size: 14px; }
  .tag-autocomplete-template span,
  .tag-template span {
    display: inline-block;
    padding-top: 7px; }
  .tag-autocomplete-template .autoCompleteCollectionItem,
  .tag-template .autoCompleteCollectionItem {
    width: 379px; }

.CreateCollectionForm tags-input .tags.focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.CreateCollectionForm tags-input .tags .tag-item {
  background-image: none;
  background-color: #eceeee; }

.CreateCollectionModal .CreateCollectionForm {
  overflow: visible; }

.CreateCollectionModal .error, .CreateCollectionModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateCollectionModal .error button, .CreateCollectionModal .success button {
    margin-top: 20px; }

.createCollectionInline {
  position: relative;
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
  text-align: center;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; }
  .createCollectionInline.button {
    height: 104px;
    background-color: #dde4e4;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    color: #3b3d40;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0s;
    -ms-transition: background-color 0s;
    -moz-transition: background-color 0s;
    -o-transition: background-color 0s;
    transition: background-color 0s; }
    .createCollectionInline.button:hover {
      background-color: #dde5e5;
      color: #3b3d40; }
  .createCollectionInline.loading {
    background-color: rgba(41, 200, 150, 0.45); }
  .createCollectionInline.error {
    background-color: #f65950; }
  .createCollectionInline .hideMe {
    display: none; }
  .createCollectionInline .init {
    font-size: 1.1rem; }
    .createCollectionInline .init i {
      color: #29c896;
      font-size: 2.5rem;
      display: block; }
  .createCollectionInline .form {
    text-align: center;
    padding: 16px; }
    .createCollectionInline .form .input {
      text-align: left; }
    .createCollectionInline .form button.cancel {
      display: none; }
  .createCollectionInline .loading {
    text-align: left; }
  .createCollectionInline .error {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.2em; }
    .createCollectionInline .error span {
      text-transform: uppercase;
      font-size: 1.1rem;
      display: block;
      margin: 20px 0; }
    .createCollectionInline .error i {
      color: rgba(0, 0, 0, 0.3);
      font-size: 2.5rem;
      display: block;
      margin-top: 40px; }
      .createCollectionInline .error i.icon-x {
        cursor: pointer; }

.collection-gradient, .collectionBanner .bannerContainer,
.journeyBanner .bannerContainer {
  background: #95a6a6;
  /* For browsers that do not support gradients */ }

.collectionBanner .bannerContainer,
.journeyBanner .bannerContainer {
  padding: 10px; }
  .collectionBanner .bannerContainer .leftContainer .iconContainer,
  .journeyBanner .bannerContainer .leftContainer .iconContainer {
    display: inline-block; }
    .collectionBanner .bannerContainer .leftContainer .iconContainer .collectionsIcon,
    .journeyBanner .bannerContainer .leftContainer .iconContainer .collectionsIcon {
      vertical-align: top;
      font-size: 3.5rem;
      color: #95a6a6; }
  .collectionBanner .bannerContainer .leftContainer .nameContainer,
  .journeyBanner .bannerContainer .leftContainer .nameContainer {
    display: inline-block; }
    .collectionBanner .bannerContainer .leftContainer .nameContainer .name,
    .journeyBanner .bannerContainer .leftContainer .nameContainer .name {
      width: 100%;
      margin-bottom: 3px; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .name .subtitle,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .name .subtitle {
        margin: 8px 0;
        color: #95a6a6;
        display: inline-block;
        max-width: 100%;
        clear: both;
        font-size: 1.5rem; }
    .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics,
    .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics {
      width: 100%;
      padding: 10px 0;
      font-size: 1.6rem;
      color: #95a6a6; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics a,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics a {
        color: #95a6a6;
        text-decoration: none; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics i,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics i {
        color: #95a6a6;
        font-size: 1.4rem; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics span,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics span {
        font-weight: 300; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .separator,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .separator {
        color: #eceeee; }
      .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover a, .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover span, .collectionBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover i,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover a,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover span,
      .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .clickable:hover i {
        color: #26b099; }
  .collectionBanner .bannerContainer .rightContainer,
  .journeyBanner .bannerContainer .rightContainer {
    padding: 1rem;
    text-align: right; }
    .collectionBanner .bannerContainer .rightContainer .action-block,
    .journeyBanner .bannerContainer .rightContainer .action-block {
      display: inline-block;
      margin: 0.5rem; }
      .collectionBanner .bannerContainer .rightContainer .action-block.isMobile,
      .journeyBanner .bannerContainer .rightContainer .action-block.isMobile {
        float: left; }
      .collectionBanner .bannerContainer .rightContainer .action-block .main-action,
      .journeyBanner .bannerContainer .rightContainer .action-block .main-action {
        font-size: 2rem;
        text-decoration: none;
        color: #95a6a6;
        padding: 1rem; }
        .collectionBanner .bannerContainer .rightContainer .action-block .main-action:hover,
        .journeyBanner .bannerContainer .rightContainer .action-block .main-action:hover {
          color: #26b099; }
      .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu,
      .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu {
        top: 50px;
        right: 20px;
        left: auto; }
        .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link,
        .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link {
          padding: 0.6rem;
          border-radius: 0.2rem; }
          .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a,
          .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a {
            padding: 5px 20px;
            border-radius: 0.5rem;
            vertical-align: middle;
            font-size: 1.3rem;
            color: #95a6a6; }
            .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a i,
            .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a i {
              margin-right: 0.3rem; }
          .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a.delete:hover,
          .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu li.dropdown-link a.delete:hover {
            color: #d54c44; }
        .collectionBanner .bannerContainer .rightContainer .action-block .dropdown-menu .socialShareWrapper,
        .journeyBanner .bannerContainer .rightContainer .action-block .dropdown-menu .socialShareWrapper {
          text-align: center;
          padding: 1rem; }
  .collectionBanner .bannerContainer.fixedBanner,
  .journeyBanner .bannerContainer.fixedBanner {
    padding: 1.25rem 2rem;
    text-align: left;
    width: calc(100vw - 240px);
    z-index: 1;
    background: white;
    margin-bottom: 1px; }
    .collectionBanner .bannerContainer.fixedBanner.fw,
    .journeyBanner .bannerContainer.fixedBanner.fw {
      width: 100vw; }
  .collectionBanner .bannerContainer .name .editingEnabled,
  .journeyBanner .bannerContainer .name .editingEnabled {
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px rgba(255, 255, 255, 0.3);
    color: #ffffff;
    margin-top: 6px; }
  .collectionBanner .bannerContainer .name .md-char-counter,
  .journeyBanner .bannerContainer .name .md-char-counter {
    color: #ffffff;
    font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
    font-size: 2rem; }
  .collectionBanner .bannerContainer .publicTag,
  .journeyBanner .bannerContainer .publicTag {
    float: left;
    text-align: center;
    white-space: nowrap;
    margin-left: 10px;
    min-width: 60px;
    background-color: #29c896;
    font-size: 1.1rem;
    color: #ffffff;
    padding: 0.4rem;
    font-weight: bold;
    border-radius: .2rem;
    text-transform: uppercase;
    margin-top: 6px;
    padding-top: 0;
    min-height: 21px;
    padding-bottom: 0;
    line-height: 21px; }
  .collectionBanner .bannerContainer .actionButtonContainer,
  .journeyBanner .bannerContainer .actionButtonContainer {
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 3rem;
    color: #ffffff; }
    .collectionBanner .bannerContainer .actionButtonContainer.collections.isMobile,
    .journeyBanner .bannerContainer .actionButtonContainer.collections.isMobile {
      text-align: left;
      font-size: 2.5rem; }
    .collectionBanner .bannerContainer .actionButtonContainer a,
    .journeyBanner .bannerContainer .actionButtonContainer a {
      color: #ffffff;
      text-decoration: none; }
    .collectionBanner .bannerContainer .actionButtonContainer .editCollection,
    .journeyBanner .bannerContainer .actionButtonContainer .editCollection {
      margin-left: 10px;
      color: #ffffff; }
    .collectionBanner .bannerContainer .actionButtonContainer .saveCollection,
    .journeyBanner .bannerContainer .actionButtonContainer .saveCollection {
      width: 100px;
      margin-bottom: 10px; }
    .collectionBanner .bannerContainer .actionButtonContainer .cancelEditCollection,
    .journeyBanner .bannerContainer .actionButtonContainer .cancelEditCollection {
      width: 100px;
      background: #dfe4e4;
      color: #757575; }
  .collectionBanner .bannerContainer.isMobile,
  .journeyBanner .bannerContainer.isMobile {
    margin-top: 98px;
    width: 100vw; }
    .collectionBanner .bannerContainer.isMobile .publicTag,
    .journeyBanner .bannerContainer.isMobile .publicTag {
      margin: 0 0 10px 0;
      font-size: 0.8rem;
      min-height: auto;
      min-width: auto;
      line-height: 1.7rem; }
    .collectionBanner .bannerContainer.isMobile .name h2,
    .journeyBanner .bannerContainer.isMobile .name h2 {
      font-size: 1.8rem; }
    .collectionBanner .bannerContainer.isMobile .actionButtonContainer .editCollection,
    .journeyBanner .bannerContainer.isMobile .actionButtonContainer .editCollection {
      height: 20px;
      line-height: 15px; }
    .collectionBanner .bannerContainer.isMobile .tagsDiv,
    .journeyBanner .bannerContainer.isMobile .tagsDiv {
      padding-top: 10px;
      padding-bottom: 0px; }
      .collectionBanner .bannerContainer.isMobile .tagsDiv .tagContainer,
      .journeyBanner .bannerContainer.isMobile .tagsDiv .tagContainer {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        height: 35px;
        padding-top: 0px; }
        .collectionBanner .bannerContainer.isMobile .tagsDiv .tagContainer .userTag,
        .journeyBanner .bannerContainer.isMobile .tagsDiv .tagContainer .userTag {
          display: inline-block; }
      .collectionBanner .bannerContainer.isMobile .tagsDiv .moreLess,
      .journeyBanner .bannerContainer.isMobile .tagsDiv .moreLess {
        display: none; }
      .collectionBanner .bannerContainer.isMobile .tagsDiv .tagBar .hoverText,
      .journeyBanner .bannerContainer.isMobile .tagsDiv .tagBar .hoverText {
        display: none; }
      .collectionBanner .bannerContainer.isMobile .tagsDiv.expanded,
      .journeyBanner .bannerContainer.isMobile .tagsDiv.expanded {
        max-height: 106px;
        overflow-x: hidden;
        overflow-y: auto; }

.collectionBanner_isMobile {
  margin-top: 97px; }

.font-smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.collectionListContainer {
  max-width: 589px;
  width: 100%;
  display: none;
  text-align: left; }
  .collectionListContainer.validInformation {
    display: inline-block; }
  .collectionListContainer .collectionList .listSubheader {
    padding: 20px 0;
    font-size: 14px;
    height: 55px; }
    .collectionListContainer .collectionList .listSubheader.isCurator {
      height: 170px; }
    .collectionListContainer .collectionList .listSubheader .itemCount {
      padding-bottom: 10px; }
      .collectionListContainer .collectionList .listSubheader .itemCount .col-xs-10, .collectionListContainer .collectionList .listSubheader .itemCount #readerNavigation .journeyNavigation .navItem .itemTitle, #readerNavigation .journeyNavigation .navItem .collectionListContainer .collectionList .listSubheader .itemCount .itemTitle {
        line-height: 1.2; }
      .collectionListContainer .collectionList .listSubheader .itemCount .col-xs-2, .collectionListContainer .collectionList .listSubheader .itemCount .settingsGroupModal .memberRow .roleCell, .settingsGroupModal .memberRow .collectionListContainer .collectionList .listSubheader .itemCount .roleCell, .collectionListContainer .collectionList .listSubheader .itemCount #readerNavigation .journeyNavigation .navItem .iconCol, #readerNavigation .journeyNavigation .navItem .collectionListContainer .collectionList .listSubheader .itemCount .iconCol, .collectionListContainer .collectionList .listSubheader .itemCount .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .collectionListContainer .collectionList .listSubheader .itemCount .profilePic {
        text-align: right; }
        .collectionListContainer .collectionList .listSubheader .itemCount .col-xs-2 button, .collectionListContainer .collectionList .listSubheader .itemCount .settingsGroupModal .memberRow .roleCell button, .settingsGroupModal .memberRow .collectionListContainer .collectionList .listSubheader .itemCount .roleCell button, .collectionListContainer .collectionList .listSubheader .itemCount #readerNavigation .journeyNavigation .navItem .iconCol button, #readerNavigation .journeyNavigation .navItem .collectionListContainer .collectionList .listSubheader .itemCount .iconCol button, .collectionListContainer .collectionList .listSubheader .itemCount .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic button, .journeyForumWrapper .journeyQuestionsList .journeyQuestion .collectionListContainer .collectionList .listSubheader .itemCount .profilePic button {
          overflow: hidden; }
    .collectionListContainer .collectionList .listSubheader .deleteCollectionLink {
      cursor: pointer; }
      .collectionListContainer .collectionList .listSubheader .deleteCollectionLink:hover {
        color: #f65950; }
  .collectionListContainer .collectionList .emptyCollection {
    text-align: center;
    padding: 0 30px; }
    .collectionListContainer .collectionList .emptyCollection h3, .collectionListContainer .collectionList .emptyCollection h4 {
      color: #95a6a6; }
    .collectionListContainer .collectionList .emptyCollection h3 {
      margin-bottom: .7em;
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.mobile .collectionListContainer .emptyCollection h3 {
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  text-align: center; }

@media screen and (max-width: 767px) {
  .collectionListContainer .collectionList .listSubheader {
    height: auto;
    padding: 0; }
    .collectionListContainer .collectionList .listSubheader .itemCount {
      font-size: 12px; }
  .collectionListContainer .collectionList .collectionItem {
    margin-bottom: 10px; }
    .collectionListContainer .collectionList .collectionItem a.collectionItemBox {
      height: auto;
      padding: 10px; }
      .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentImageContainer {
        display: none; }
      .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails {
        width: 100%; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails.noImage {
          min-height: initial; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails h3 {
          max-height: 44px;
          font-size: 16px; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom {
          clear: both;
          position: relative;
          left: initial;
          bottom: initial;
          width: 100%; }
          .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom .insights {
            display: inline-block;
            padding-top: 8px; }
          .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom .share {
            display: none; }
  .collectionListContainer .emptyCollection {
    text-align: left;
    padding: 0; }
    .collectionListContainer .emptyCollection h3, .collectionListContainer .emptyCollection h4 {
      color: #95a6a6; }
    .collectionListContainer .emptyCollection h3 {
      margin-bottom: .7em;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 18px; }
    .collectionListContainer .emptyCollection h4 {
      font-size: 14px; } }

a.collectionItemBox {
  display: block;
  height: 188px;
  padding: 15px;
  border-bottom: 1px solid #eceeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  color: #3b3d40;
  text-decoration: none; }
  a.collectionItemBox:visited {
    color: #3b3d40; }
  a.collectionItemBox.crashed {
    cursor: default; }
    a.collectionItemBox.crashed .contentSegment {
      opacity: 0.2;
      -webkit-transition: opacity 0.1s linear;
      -ms-transition: opacity 0.1s linear;
      -moz-transition: opacity 0.1s linear;
      -o-transition: opacity 0.1s linear;
      transition: opacity 0.1s linear; }
    a.collectionItemBox.crashed .crashedPost {
      position: absolute;
      color: #2D3B3B;
      width: 100%;
      padding-right: 30px;
      z-index: 2; }
      a.collectionItemBox.crashed .crashedPost h3 {
        background: transparent; }
      a.collectionItemBox.crashed .crashedPost i.icon-x {
        float: right;
        cursor: pointer; }
    a.collectionItemBox.crashed .postImage img {
      display: none; }
    a.collectionItemBox.crashed .collectorAvatarContainer .collectorAvatar {
      display: none; }
    a.collectionItemBox.crashed .postPreviewFrom {
      display: none; }
    a.collectionItemBox.crashed .relationItems {
      display: none; }
  a.collectionItemBox.inProgress {
    cursor: default;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    a.collectionItemBox.inProgress .pdf {
      cursor: pointer; }
      a.collectionItemBox.inProgress .pdf .contentSegment.contentImageContainer {
        background: #ffffff; }
      a.collectionItemBox.inProgress .pdf h3 {
        width: auto;
        height: auto;
        background: #ffffff; }
      a.collectionItemBox.inProgress .pdf .source,
      a.collectionItemBox.inProgress .pdf .snippet {
        display: block; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake1 {
        display: none; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake2 {
        display: none; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake3 {
        display: none; }
    a.collectionItemBox.inProgress .contentSegment.contentImageContainer {
      background: #f2f4f4; }
      a.collectionItemBox.inProgress .contentSegment.contentImageContainer:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position: -200px -200px;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(37%, rgba(255, 255, 255, 0.3)), color-stop(45%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0)));
        -webkit-background-size: 250% 250%;
        -moz-background-size: 250% 250%;
        -o-background-size: 250% 250%;
        background-size: 250% 250%;
        -webkit-transition: background-position 0 ease;
        -ms-transition: background-position 0 ease;
        -moz-transition: background-position 0 ease;
        -o-transition: background-position 0 ease;
        transition: background-position 0 ease; }
      a.collectionItemBox.inProgress .contentSegment.contentImageContainer.timer:before {
        background-position: 0 0;
        -webkit-transition: 1s ease;
        -ms-transition: 1s ease;
        -moz-transition: 1s ease;
        -o-transition: 1s ease;
        transition: 1s ease; }
    a.collectionItemBox.inProgress .collectorAvatarContainer .collectorAvatar {
      display: none; }
    a.collectionItemBox.inProgress .source,
    a.collectionItemBox.inProgress .snippet,
    a.collectionItemBox.inProgress .contentBottom {
      display: none; }
    a.collectionItemBox.inProgress h3 {
      display: inline-block;
      width: 70%;
      height: 30px;
      background: #f2f4f4; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake1 {
      margin-top: 5px;
      display: inline-block;
      background: #f2f4f4;
      width: 80%;
      height: 12px; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake2 {
      display: inline-block;
      margin-top: 5px;
      background: #f2f4f4;
      width: 100%;
      height: 12px; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake3 {
      display: inline-block;
      margin-top: 5px;
      background: #f2f4f4;
      width: 30%;
      height: 12px; }
  a.collectionItemBox .removeAction {
    display: block; }
    a.collectionItemBox .removeAction:hover {
      color: #f65950; }
  a.collectionItemBox .recoverAction {
    display: none; }
  a.collectionItemBox.toBeDeleted {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    a.collectionItemBox.toBeDeleted .removeAction {
      display: none; }
    a.collectionItemBox.toBeDeleted .recoverAction {
      display: block; }
  a.collectionItemBox .postActions {
    position: absolute;
    z-index: 1;
    right: 10px;
    width: 30px;
    font-size: 20px; }
    a.collectionItemBox .postActions .postAction {
      padding-top: 60px;
      text-align: center;
      width: 30px;
      cursor: pointer; }
  a.collectionItemBox .contentImageContainer {
    float: left;
    position: relative;
    overflow: hidden;
    width: 152px;
    height: 156px;
    margin-right: 20px;
    background-color: #eceeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    a.collectionItemBox .contentImageContainer .postImage {
      width: 152px;
      height: 156px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
  a.collectionItemBox .pdf .contentImageContainer {
    background-color: #ffffff; }
    a.collectionItemBox .pdf .contentImageContainer .postImage {
      background-repeat: no-repeat; }
  a.collectionItemBox .contentDetails {
    float: left;
    width: calc(100% - 175px);
    margin-top: -10px;
    overflow: hidden; }
    a.collectionItemBox .contentDetails h3.contentTitle {
      display: inline-block;
      overflow: hidden;
      max-height: 55px;
      margin-bottom: .5rem;
      margin-top: 1rem;
      line-height: 1.4em; }
    a.collectionItemBox .contentDetails .source {
      font-size: 1.2rem;
      color: #95a6a6; }
      a.collectionItemBox .contentDetails .source a {
        color: #95a6a6;
        font-size: 100%; }
      a.collectionItemBox .contentDetails .source span {
        font-size: 1.1rem; }
    a.collectionItemBox .contentDetails .snippet {
      float: left;
      display: inline-block;
      max-height: 40px;
      overflow: hidden;
      margin-top: .8rem;
      font-size: 1.4rem;
      line-height: 1.4em;
      color: #3b3d40; }
    a.collectionItemBox .contentDetails .contentBottom {
      position: absolute;
      bottom: 16px;
      left: 188px;
      width: calc(100% - 202px);
      color: #95a6a6; }
      a.collectionItemBox .contentDetails .contentBottom .share {
        cursor: pointer;
        display: inline-block;
        width: 120px;
        height: 12px; }
      a.collectionItemBox .contentDetails .contentBottom .insights {
        margin: .3rem 1.3rem 0 0;
        padding-right: 1rem;
        border-right: solid 1px #95a6a6; }
        a.collectionItemBox .contentDetails .contentBottom .insights i {
          padding-right: 2px;
          font-size: 1.5rem; }
        a.collectionItemBox .contentDetails .contentBottom .insights .text-insight {
          padding-bottom: 3px; }
    a.collectionItemBox .contentDetails .collectorAvatarContainer {
      position: relative; }
      a.collectionItemBox .contentDetails .collectorAvatarContainer .collectorAvatar {
        float: right;
        margin-left: 10px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        a.collectionItemBox .contentDetails .collectorAvatarContainer .collectorAvatar.default {
          border: 1px solid #dde4e4;
          padding: 9px; }
    a.collectionItemBox .contentDetails.noImage {
      width: 100%;
      min-height: 170px; }
      a.collectionItemBox .contentDetails.noImage .contentBottom {
        left: 15px;
        width: calc(100% - 30px); }

@media screen and (max-width: 767px) {
  .postItemPage .postItem .collectionItem a.collectionItemBox {
    height: auto;
    padding: 5px 0; }
    .postItemPage .postItem .collectionItem a.collectionItemBox .contentImageContainer {
      display: none; }
    .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails {
      width: 100%; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails.noImage {
        min-height: initial; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails h3.contentTitle {
        max-height: 44px;
        font-size: 16px; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails .contentBottom {
        clear: both;
        position: relative;
        left: initial;
        bottom: initial;
        width: 100%; }
        .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails .contentBottom .share {
          display: none; }
  .postItemPage .postItem pre {
    margin: 1.5rem 0 1.5rem 1.5rem;
    font-size: 1.4rem; }
    .postItemPage .postItem pre code {
      font-size: 1.4rem; } }

.collectionDescription {
  font-size: 1.3rem; }
  .collectionDescription .contentMarkdown {
    word-break: break-word; }
    .collectionDescription .contentMarkdown p {
      font-size: 1.4rem; }
    .collectionDescription .contentMarkdown p img {
      max-width: 100%; }
    .collectionDescription .contentMarkdown a {
      text-decoration: underline;
      color: #3b3d40;
      cursor: pointer; }
  .collectionDescription .triggerEditFromEmptyDescription {
    color: #29c896;
    cursor: pointer;
    font-size: 12px;
    height: 12px;
    width: 100%; }
  .collectionDescription md-input-container {
    z-index: 1;
    position: relative;
    margin-left: -10px;
    padding-top: 0px; }
  .collectionDescription .md-char-counter {
    display: none;
    position: absolute;
    right: 10px;
    font-size: 10px;
    color: #0fc896;
    margin-top: 5px; }
  .collectionDescription.editFocus md-input-container textarea {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .collectionDescription.editFocus md-input-container textarea.ng-invalid.ng-invalid-maxlength {
      border: solid 1px #f65950; }
    .collectionDescription.editFocus md-input-container textarea:focus {
      border: solid 1px #26b099; }
  .collectionDescription textarea {
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    resize: none;
    overflow: hidden;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    border: solid 1px transparent;
    font-size: 1.3rem;
    font-weight: 100;
    line-height: 1.6em;
    min-height: 37px; }
  .collectionDescription .md-input-focused textarea.md-input {
    border-color: transparent; }
  .collectionDescription .md-placeholder {
    position: absolute;
    margin-top: -25px;
    padding-left: 10px;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    z-index: -1;
    width: 100%;
    font-weight: 100;
    font-size: 1.2rem;
    color: #dde4e4;
    height: auto; }
  .collectionDescription .md-input-has-value .md-placeholder {
    display: none; }
  .collectionDescription:focus {
    border-bottom: solid 1px #eceeee; }

@media screen and (max-width: 767px) {
  .collectionDescription {
    display: none; } }

.collectionLeftColSectionContainer .collectionCurator, .collectionCuratorsContainer .collectionCurator {
  position: relative;
  padding: 5px 2px;
  height: 40px;
  font-size: 12px;
  margin-bottom: 3px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .collectionLeftColSectionContainer .collectionCurator .removeAction, .collectionCuratorsContainer .collectionCurator .removeAction {
    display: block; }
    .collectionLeftColSectionContainer .collectionCurator .removeAction:hover, .collectionCuratorsContainer .collectionCurator .removeAction:hover {
      color: #f65950; }
  .collectionLeftColSectionContainer .collectionCurator .recoverAction, .collectionCuratorsContainer .collectionCurator .recoverAction {
    display: none; }
  .collectionLeftColSectionContainer .collectionCurator.toBeDeleted, .collectionCuratorsContainer .collectionCurator.toBeDeleted {
    opacity: 0.6;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    .collectionLeftColSectionContainer .collectionCurator.toBeDeleted .removeAction, .collectionCuratorsContainer .collectionCurator.toBeDeleted .removeAction {
      display: none; }
    .collectionLeftColSectionContainer .collectionCurator.toBeDeleted .recoverAction, .collectionCuratorsContainer .collectionCurator.toBeDeleted .recoverAction {
      display: block; }
  .collectionLeftColSectionContainer .collectionCurator .curatorAvatar, .collectionCuratorsContainer .collectionCurator .curatorAvatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .collectionLeftColSectionContainer .collectionCurator .curatorAvatar.default, .collectionCuratorsContainer .collectionCurator .curatorAvatar.default {
      padding: 6px;
      margin-right: 20px; }
  .collectionLeftColSectionContainer .collectionCurator .curatorName, .collectionCuratorsContainer .collectionCurator .curatorName {
    padding-top: 10px; }
  .collectionLeftColSectionContainer .collectionCurator .curatorActions, .collectionCuratorsContainer .collectionCurator .curatorActions {
    text-align: right; }
    .collectionLeftColSectionContainer .collectionCurator .curatorActions .curatorAction, .collectionCuratorsContainer .collectionCurator .curatorActions .curatorAction {
      padding-top: 10px;
      cursor: pointer; }
    .collectionLeftColSectionContainer .collectionCurator .curatorActions .confirm, .collectionCuratorsContainer .collectionCurator .curatorActions .confirm {
      font-size: 1.1rem;
      text-align: right; }
      .collectionLeftColSectionContainer .collectionCurator .curatorActions .confirm .sureText, .collectionCuratorsContainer .collectionCurator .curatorActions .confirm .sureText {
        margin-bottom: 0.3rem; }

.invitesContainer .invitesButton {
  width: 100%;
  text-align: right; }
  .invitesContainer .invitesButton .inviteFeedback {
    padding-right: 10px; }

.invitesContainer tags-input .autocomplete {
  margin-bottom: 10px; }

.collectionFollowerContainer {
  background: #ffffff;
  padding: 20px;
  height: 20rem;
  margin-top: 1rem; }
  .collectionFollowerContainer .collectionFollower {
    position: relative;
    width: 100%;
    padding: 5px 2px;
    height: 40px;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .collectionFollowerContainer .collectionFollower.editFocus {
      background: white; }
    .collectionFollowerContainer .collectionFollower .followerAvatar {
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .collectionFollowerContainer .collectionFollower .followerAvatar.default {
        padding: 10px; }
    .collectionFollowerContainer .collectionFollower .followerName {
      padding-top: 10px; }

.collectionDetailsPage .row.collectionDetailBody .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .collectionDetailsPage .settingsGroupModal .collectionDetailBody.memberRow .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .settingsGroupModal .collectionDetailsPage .collectionDetailBody.memberRow .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .collectionDetailsPage .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .collectionDetailBody.membersHeader .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView .collectionDetailsPage .collectionDetailBody.membersHeader .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .collectionDetailsPage #readerNavigation .journeyNavigation .collectionDetailBody.navItem .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, #readerNavigation .journeyNavigation .collectionDetailsPage .collectionDetailBody.navItem .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .collectionDetailsPage .journeyForumWrapper .collectionDetailBody.journeyConversationTopBar .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .journeyForumWrapper .collectionDetailsPage .collectionDetailBody.journeyConversationTopBar .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .collectionDetailsPage .journeyForumWrapper .journeyQuestionsList .collectionDetailBody.journeyQuestion .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers, .journeyForumWrapper .journeyQuestionsList .collectionDetailsPage .collectionDetailBody.journeyQuestion .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers {
  margin: 0;
  padding: 0;
  border: none; }

.mobile .followerDirective {
  text-align: center;
  margin: 0 auto; }
  .mobile .followerDirective .userTileContainer {
    display: inline-block; }
    .mobile .followerDirective .userTileContainer .userTile {
      margin: 0 10px 25px; }
  .mobile .followerDirective .emptyMsg {
    padding-top: 20px;
    text-align: center; }

.declaraModal-content .followersContainer .buttonBar button {
  position: absolute;
  bottom: 25px;
  right: 35px; }

.declaraModal-content .followersContainer .collectionCurator .curatorActions .curatorAction {
  padding: 10px; }

/* For centering tiles @ mobile */
@media screen and (max-width: 779px) {
  .mobile .collectionFollowerContainer {
    max-width: 520px; } }

/* For centering tiles @mobile */
@media screen and (max-width: 519px) {
  .mobile .collectionFollowerContainer {
    max-width: 260px; } }

.relatedCollectionContainer {
  max-width: 780px; }
  .relatedCollectionContainer a, .relatedCollectionContainer a:hover, .relatedCollectionContainer a:visited {
    text-decoration: none; }
  .relatedCollectionContainer .relatedCollectionItem {
    position: relative;
    width: 100%;
    padding: 5px 0;
    height: 40px;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .relatedCollectionContainer .relatedCollectionItem.editFocus {
      background: white; }
    .relatedCollectionContainer .relatedCollectionItem .relatedTitle {
      font-size: 1.3rem;
      overflow: hidden;
      padding: 2px 0 4px 0;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .relatedCollectionContainer .relatedCollectionItem a:visited {
      color: #26b099; }
    .relatedCollectionContainer .relatedCollectionItem .relatedFollowerCount {
      font-size: .9rem;
      color: #95a6a6;
      padding-top: 2px; }

.mobile .relatedCollectionContainer {
  margin: 0 auto; }
  .mobile .relatedCollectionContainer .collectionTileContainer {
    display: inline-block; }
    .mobile .relatedCollectionContainer .collectionTileContainer .collectionTile {
      margin: 0 10px 25px; }

@media screen and (max-width: 767px) {
  .relatedCollectionContainer .relatedCollectionItem {
    display: none; } }

/* For centering tiles @ mobile */
@media screen and (max-width: 779px) {
  .mobile .relatedCollectionContainer {
    max-width: 520px; } }

/* For centering tiles @ mobile */
@media screen and (max-width: 519px) {
  .mobile .relatedCollectionContainer {
    max-width: 260px; } }

.collectionSocialShare declara-social-share .socialShareWrapper .shareBlock {
  cursor: pointer;
  font-size: 2rem; }

a.collectionUserContainer, a:hover.collectionUserContainer, a:visited.collectionUserContainer {
  text-decoration: none; }

a.noId, a:hover.noId, a:visited.noId {
  cursor: default; }

a.collectionUserContainer {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 12px;
  overflow: hidden; }
  a.collectionUserContainer .collectionUserAvatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left; }
    a.collectionUserContainer .collectionUserAvatar:before {
      color: #95a6a6; }
    a.collectionUserContainer .collectionUserAvatar.default {
      border: 1px solid #95a6a6;
      padding: 8px; }
    a.collectionUserContainer .collectionUserAvatar.offset {
      margin-left: -30px; }
  a.collectionUserContainer:visited {
    color: #26b099; }
  a.collectionUserContainer .collectionUserName {
    max-width: calc(100% - 46px);
    padding: 10px 0 0 10px;
    font-size: 1.3rem; }
  a.collectionUserContainer.invited {
    color: #95a6a6; }

.toolbarsContainer {
  position: relative; }
  .toolbarsContainer button[class*=" icon-"] {
    font-size: 1.5rem; }
  .toolbarsContainer .emdeddedRich {
    padding-top: 30px;
    max-width: 100%; }
  .toolbarsContainer .emdeddedVideo {
    padding-top: 30px;
    padding: 0; }
    .toolbarsContainer .emdeddedVideo video {
      width: 100%;
      max-width: 100%;
      min-height: 300px;
      margin-bottom: 30px; }
    .toolbarsContainer .emdeddedVideo iframe.embedly-embed {
      max-width: 100%;
      width: 640px; }
  .toolbarsContainer videogular {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%; }
    .toolbarsContainer videogular vg-poster {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%; }
      .toolbarsContainer videogular vg-poster img {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%; }
    .toolbarsContainer videogular .image-thumbnail {
      border: 1px solid gray;
      border-radius: 3px; }
  .toolbarsContainer .pdfContainer .textLayer div,
  .toolbarsContainer .emdeddedVideo p,
  .toolbarsContainer .postDetail-body {
    cursor: url("/common/imgs/highlighter-C.cur") 0 24, pointer; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toolbarsContainer {
      /* IE10+ CSS styles go here */ }
      .toolbarsContainer .pdfContainer .textLayer div,
      .toolbarsContainer .emdeddedVideo p,
      .toolbarsContainer .postDetail-body {
        cursor: url("/common/imgs/highlighter-C.cur"), pointer; } }
  .toolbarsContainer .pdfContainer {
    padding-top: 10px; }
    .toolbarsContainer .pdfContainer .pdfViewer .page {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      margin-bottom: 20px; }
      .toolbarsContainer .pdfContainer .pdfViewer .page .annotator-hl {
        background: #fad72f; }
    .toolbarsContainer .pdfContainer .inProgress h2 {
      text-align: center; }
  .toolbarsContainer .toolbarPower2 {
    position: absolute;
    font-size: 20px;
    padding: 0 0 0 10px;
    left: 100%;
    margin-left: -4px; }
    .toolbarsContainer .toolbarPower2 i {
      cursor: pointer; }
    .toolbarsContainer .toolbarPower2 .commentTrigger {
      padding-top: 6px; }
      .toolbarsContainer .toolbarPower2 .commentTrigger .conversationListView {
        margin-right: -303px;
        padding-right: 15px; }
        .toolbarsContainer .toolbarPower2 .commentTrigger .conversationListView .conversationBubble {
          margin-top: -63px;
          margin-left: 8px;
          margin-right: 40px; }
  .toolbarsContainer .toolbarPower3 {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 2;
    /*height: 36px;*/
    /*width: 115px;*/
    padding: 0;
    margin: 0;
    background: transparent;
    height: 65px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .toolbarsContainer .toolbarPower3.discussionAvailable {
      height: 100px; }
      .toolbarsContainer .toolbarPower3.discussionAvailable .toolbarContentWrapper {
        margin-top: -76px; }
    .toolbarsContainer .toolbarPower3 .bubbleArrow {
      position: absolute;
      top: 24px;
      overflow: hidden;
      width: 30px;
      height: 17px; }
      .toolbarsContainer .toolbarPower3 .bubbleArrow:after {
        position: absolute;
        top: -14px;
        left: 6px;
        display: block;
        width: 21px;
        height: 21px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #3b3d40;
        content: "\00a0"; }
    .toolbarsContainer .toolbarPower3 .toolbarContentWrapper {
      background-color: #3b3d40;
      height: 100%;
      width: 100%;
      margin-top: -41px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .toolbarsContainer .toolbarPower3 .entryElement {
      padding-top: 1px;
      text-align: center;
      width: auto; }
      .toolbarsContainer .toolbarPower3 .entryElement span.legend {
        padding-top: 10px;
        display: inline-block; }
      .toolbarsContainer .toolbarPower3 .entryElement .twoLines span.legend {
        padding-bottom: 3px;
        display: inline-block; }
      .toolbarsContainer .toolbarPower3 .entryElement > div {
        height: 30px;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-around; }
        .toolbarsContainer .toolbarPower3 .entryElement > div:first-child {
          background-color: #ffffff;
          width: 98%;
          margin-left: 1%;
          border-radius: 4px 4px 0 0; }
    .toolbarsContainer .toolbarPower3 i {
      cursor: pointer; }
    .toolbarsContainer .toolbarPower3 .likeButton {
      display: block;
      float: left;
      text-align: center;
      height: 27px; }
    .toolbarsContainer .toolbarPower3.show {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -ms-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -moz-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -o-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .shareShowLink {
      opacity: 0;
      font-size: 2px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .hideTrigger,
    .toolbarsContainer .toolbarPower3 .shareShow .insightsSocialShareContainer .insightsSocialShare .socialShareWrapper .shareBlock {
      opacity: 1;
      font-size: 18px;
      color: white;
      padding-top: 1px;
      padding-left: 5px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .insightsSocialShare {
      padding-top: 0px;
      margin-top: 4px; }
    .toolbarsContainer .toolbarPower3 .shareShow .socialShareWrapper {
      display: block;
      margin-top: -1px; }
    .toolbarsContainer .toolbarPower3 .shareShow .twitter {
      color: #ffffff; }
    .toolbarsContainer .toolbarPower3 .shareShow .annotator-toolbar-like-count {
      flex-basis: 1; }
    .toolbarsContainer .toolbarPower3 .shareShow .likeButton {
      flex-basis: 2;
      padding: 0;
      margin: 0; }
    .toolbarsContainer .toolbarPower3 .shareShow .profileAvatar {
      display: block;
      width: 2em;
      height: 2em;
      margin-right: 6px;
      z-index: 2;
      flex-basis: 1; }
      .toolbarsContainer .toolbarPower3 .shareShow .profileAvatar .icon-user {
        font-size: 1.5rem;
        padding: 6px 0 0 3px;
        background-color: #dde4e4;
        color: #ffffff;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        position: absolute; }
    .toolbarsContainer .toolbarPower3 .shareShowLink {
      opacity: 1;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .socialShareWrapper {
      display: none; }
      .toolbarsContainer .toolbarPower3 .socialShareWrapper .altShareBlock {
        padding: 1px 4px;
        margin: 1px 0 0 0;
        display: inline-block;
        color: white;
        font-size: 16px; }
      .toolbarsContainer .toolbarPower3 .socialShareWrapper .altShareBlock.twitterAltShareBlock {
        margin-left: 3px; }
    .toolbarsContainer .toolbarPower3 .hideTrigger,
    .toolbarsContainer .toolbarPower3 .insightsSocialShareContainer .insightsSocialShare .socialShareWrapper .shareBlock {
      opacity: 0;
      font-size: 2px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .hideTrigger {
      display: inline-block;
      padding-top: 5px;
      float: left; }
    .toolbarsContainer .toolbarPower3 span {
      color: #ffffff;
      cursor: pointer;
      font-size: 12px;
      font-family: "MuseoSansRounded300"; }
    @media screen and (max-width: 1000px) {
      .toolbarsContainer .toolbarPower3 .shareContainer:hover {
        width: 30px; } }
    .toolbarsContainer .toolbarPower3 .commentTrigger {
      display: block;
      float: left;
      text-align: center;
      height: 27px;
      margin-top: 0px;
      padding: 9px 9px 0 7px; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .conversationListView {
        margin-right: -303px;
        padding-right: 15px; }
        .toolbarsContainer .toolbarPower3 .commentTrigger .conversationListView .conversationBubble {
          margin-top: -44px;
          margin-left: 12px;
          margin-right: 40px; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .commentTriggerIcon {
        color: #ffffff;
        font-size: 17px;
        margin-top: -4px;
        display: block; }
      .toolbarsContainer .toolbarPower3 .commentTrigger span {
        width: 100%;
        height: 100%;
        display: block; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .alternateCommentTrigger {
        color: #ffffff;
        margin-left: 2px; }
    .toolbarsContainer .toolbarPower3 .toolbarPower3b {
      margin-left: 32px;
      width: 55px; }
    .toolbarsContainer .toolbarPower3.isMobile {
      width: 87vw;
      height: 26rem;
      z-index: 9; }
      .toolbarsContainer .toolbarPower3.isMobile .toolbarContentWrapper {
        border-radius: 3px;
        border: 1px solid #f2f4f4;
        background: #3b3d40; }
        .toolbarsContainer .toolbarPower3.isMobile .toolbarContentWrapper span {
          font-size: 1.6rem;
          vertical-align: bottom; }
      .toolbarsContainer .toolbarPower3.isMobile .commentTrigger {
        float: none;
        display: block;
        text-align: left; }
      .toolbarsContainer .toolbarPower3.isMobile .shareBlock {
        float: none;
        font-size: 2.3rem; }
      .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer {
        display: block;
        padding: 1rem;
        text-align: left; }
        .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer .emailText {
          padding-left: 0.4rem; }
        .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer .facebookText {
          padding-left: 0.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .bubbleArrow {
        top: 19.1rem; }
        .toolbarsContainer .toolbarPower3.isMobile .bubbleArrow:after {
          background: #3b3d40;
          border: 1px solid #f2f4f4; }
      .toolbarsContainer .toolbarPower3.isMobile .socialShareInProgress {
        position: absolute;
        top: 8.4rem;
        left: 1.7rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightsSocialShare {
        margin-top: -0.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer a, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer span, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer div {
        display: inline-block; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer a {
        padding: 1.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button {
        font-size: 2.3rem;
        background: transparent;
        border: 0;
        height: 4rem;
        display: block;
        margin: 0;
        padding: 0 0 0 1.4rem;
        float: none;
        color: #ffffff; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button span {
          font-size: 1.5rem;
          font-family: 'MuseoSansRounded700';
          margin-left: -3px; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .userImage {
        height: 3rem;
        width: 3rem;
        border-radius: 1.5rem;
        margin-left: -3.3rem; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .userImage.default {
          top: 1.5rem;
          left: 1.5rem;
          font-size: 3rem;
          color: #f2f4f4;
          line-height: 32px;
          text-align: center;
          overflow: hidden;
          background: #95a6a6;
          border-radius: 50%;
          margin-left: 0; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .annotator-toolbar-like-count {
        color: #ffffff;
        font-size: 1.5rem;
        vertical-align: top;
        padding-top: 2.4rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .insightInfo {
        padding: 1rem 1rem 0 1rem; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .insightInfo span {
          font-size: 1.3rem; }
  .toolbarsContainer .toolbarPower {
    position: absolute;
    height: 30px;
    width: 100px;
    left: -100px;
    padding-top: 5px; }
  .toolbarsContainer .toolbarPower .profileAvatar,
  .toolbarsContainer .entryElement .profileAvatar {
    display: block;
    width: 2rem;
    height: 2rem;
    margin-right: 6px;
    float: right; }
    .toolbarsContainer .toolbarPower .profileAvatar .userImage,
    .toolbarsContainer .entryElement .profileAvatar .userImage {
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      width: 2rem;
      height: 2rem; }
      .toolbarsContainer .toolbarPower .profileAvatar .userImage.offset,
      .toolbarsContainer .entryElement .profileAvatar .userImage.offset {
        z-index: 2; }
      .toolbarsContainer .toolbarPower .profileAvatar .userImage.default,
      .toolbarsContainer .entryElement .profileAvatar .userImage.default {
        z-index: 1;
        font-size: 1.5rem;
        padding: 6px 0 0 3px;
        background-color: #dde4e4;
        color: #ffffff; }
  .toolbarsContainer .toolbarPower .annotator-toolbar-like-count,
  .toolbarsContainer .entryElement .annotator-toolbar-like-count {
    display: block;
    float: right;
    font-size: 1.5rem;
    padding: 4px 1px 0 0;
    cursor: pointer;
    color: #26b099;
    margin-right: 10px; }
  .toolbarsContainer .toolbarPower .toolbarSpacer,
  .toolbarsContainer .entryElement .toolbarSpacer {
    float: right;
    border-left: #dde4e4 solid 1px;
    height: 70%;
    margin-top: 1px; }
  .toolbarsContainer .toolbarPower .likeButton,
  .toolbarsContainer .entryElement .likeButton {
    background: transparent;
    width: 28px;
    padding: 0 0 10px 0;
    display: block;
    float: right; }
    .toolbarsContainer .toolbarPower .likeButton.icon-heart,
    .toolbarsContainer .entryElement .likeButton.icon-heart {
      font-size: 1.8rem;
      color: #d54c44; }
    .toolbarsContainer .toolbarPower .likeButton:hover,
    .toolbarsContainer .entryElement .likeButton:hover {
      background: transparent; }
  .toolbarsContainer .pdfContainer {
    overflow: hidden; }
    .toolbarsContainer .pdfContainer canvas {
      width: 100%; }

.declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer {
  margin-bottom: 20px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile h3 {
    border-bottom: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile {
    padding: 0; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent {
      padding: 18px 0 0; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage {
        top: initial;
        width: 50px;
        height: 50px;
        margin-top: 0; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage.default {
          line-height: 77px; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage.default:before {
            font-size: 5rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent h3.userName {
        height: 20px;
        margin: 0 85px 0 0;
        padding: 0;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 1.6rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent h6.userTitle {
        padding-bottom: 0;
        font-size: 1.1rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .tileBottom button {
        top: 13px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        top: 17px; }

/**
 * Importing annotator.scss (inreality a css file) pulls that file in, so no underscrore needed
 */
/* Base Reset
-------------------------------------------------------------------- */
.annotator-notice,
.annotator-filter *,
.annotator-widget * {
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  background: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #909090; }

/* Images
-------------------------------------------------------------------- */
.annotator-adder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAYAAAD+WvNWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODRCQUU5RDY0RTkyQTJDNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOUY5RUFERDYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOUY5RUFEQzYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1ODAxMTc0MDcyMDY4MTE5MTA5OUIyNDhFRUQ1QkM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4NEJBRTlENjRFOTJBMkM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CtAI3wAAGEBJREFUeNrMnAd8FMe9x3+7d6cuEIgqhCQQ3cI0QQyIblPiENcQ20KiPPzBuLzkYSeOA6Q5zufl896L7cQxOMYRVWAgxjE2YDq2qAIZJJkiUYR6Be5O0p3ubnfezF7R6rS7VxBlkvEdd3s735n57b/M7IojhIDjOKgU9xfchnXrFtPjltE6Gne/CJQrj9bVmQsXrqf/JuzDTRs2EO8D52dmap3Hwz/9+X9K/PTtPeGnyBL/oS2LPfwzXljXjv9g9kK/+H8WNXsxB8aPe8SPPAKy+v3GvR7+n0fNacfPaQiIfch98vHHY/R6/bL+ycmLhg0bhq6xsXednjHdbGhAYWEhbpSUrHU4HKv/48UXz7GvNq5f36YTGQsWaA0+N3XeR2N4Xr8sKTF5Ub9+QxEZ1ZWe/673AM2NN3Hl6vcoKy9ZK4qO1Ue2LZX4Zzyf1ab1g1sWafK/GjVzjA78sjE/GLto8oxpiI/vA4h3EZ22KhIRFRUVOPT1AeTnnVsrQFz9QeM+id9bRHoteFaZeCakpS1KSkqCzWaDyWTCvSjhERFIm5SGuLi4JSeOH2cfveQWjLeItPg5TrcsdczERTFdk2G2AMY61+V0V+eAg8EQi8HDJqNnj95Lcs+28jPBTH/un37z6zh+2U8XpC8aO3QUSIMV4qVbd78DPNAnNAaZz83HqeFDl2zfsMXD/17jHvw8ulVEvBb8P9eulSwPU31jY6MkIFEU70llbZnNjeibkIDExMQljMXNRUUkWU6ibEo4mfVZlpiQvCiyUzLqjYC1hdpmevWKd7myNlhbDbeByM4DEd8ncQljcXMd2kq9kaQCbf7XomctG00tT2rScJByM9BsZ+YBkgm9m1UgUlukzIxx/Udg+KgRSxiLm+s98x5OS0DuTvC0LB0ydAgsFus9E453tVgsSHl4OINZKufVEJCHn+P4pX2TUmBsdgmH3NvqoG2aaNv9B4wEYwmUn7qupdPSJkNssECkkyqK97iyNustmDnjMTAWJb3o1a6AH86ZE0YnLSUsLAxWdjndxxISYmC+KGXkyJGGc+fOsVEXifroS/wJQ2aH8RyfwuliYLfffauvViSrFNaJubWUbnEjDPWV5yV++OBPDekfpjPoUnqEdAFpbrl/HaAiiuWjqZr5lP76HoZrjlonP+ck4tWi/oS+fSN0Oh0dfBsEQbjP1QEai+GRceOi3YwLFy/mFObAwx8VEx9BOw2b/d64LS135hB46PQ69EgY6+E/vO1FjrSPhj383XWdIgwGA4iFuhJ6EiLep0rb5h0EIaEhGGyI8/C/Z3K6MVULZLFaeTZBbldyPwtrn7EwJlmMQLRiIIfdIvELrknUSPnQaCxDk7kqYK4e8WNhs95GSFgMc1GqxzkEp8tiTP7y2+Dg2TspLBGJRr5HUG6uRVVjfcD8qb2GwtjSiM6hUdTf85pWiLFITDJ+9l/VLMxht3NuATEroFbs1D+sWfMRNm3aFHAHvv32Wxw7loNHHnkE4eHhGgLiXRNg52RXqWYMIQr0WJqOSvGIhoCs5nI8MyMUT82cGDD/whWlGJpowaUbTdCH91EVkTT/jEVoy88+U+WHyHkuHo0OlFvqEPHjAZg699mA+Ytf2gnb4EiYixsQZ+iiKiLO1b6LifNK2JSvALsgcCK7gn24l3/84x9BiefGjRJs3LgRK1asxOrVa6RgWasdxsKYZFeA9JkaPxGd/CwYFDTqE9OYePoEzL/490Y8Ng54Y8kgPEnPYWmsoJZGUGxDCkhZ0Cy25deyQAKI8xiRaNbIHw5AwtyRAfPXvrYP+mnxGPafjyLy8WRUWm7ScRZV23GuLpI2/FoWCILD4UmVtVzY7t17pNedOz/DuHHj/IvL6EAfPXpUEhB7/+mnn0qB8qJFi+hriOLCouSOKJP35+pWi/GLPl3Y9PHdpdd3PmlBcTnve4lQFKglNCIxrjOendMXOp7DE4/GweaowFfHacqli2rfX5GxihJTW351MHa1Ow2XtgXqOWWQ9Gr6v1zgutmPmFiEyd6Mzgnd0O3JUeBonNj38REotYtoPlCFSBKmmAmQVgskc5/tBcTJV6iJy31pubCWFmeGFh0djStXrvjsALM0Z86cxejRo/CHP/web7/9R2lx8rPPdkquLCUlRVFwRPQkLq2MYrvggGt9lYIHnwIKMThFc6OaaMdK7gl31GFIvAVXK5uwcXc8np+lR2Q4jx9N642L5QKKy6AoIKe7asuvENxwbV453y6MD3FOob3CBJ2onaoxK9hAzLAODEfj9Urot11GxDODwEcYED87BY1XHBCvGZVdGKfASHug17ASflkguZBY1qZVrFYrvvzyK8nlTZkyBa+/vhy/+tWbePfd95CZmYGHH34YDodD3QI5XZh/FsjFL/oKomWT7PM4Wx2mjgGef3wAvsmtxebd5eD5BDwzHdh/muBqhfI5RNHJKgbA73FhgjMT8mkZaaDr67gGwQw+rTeGPTsG1ceKUbK9EP2oBQ2bmwzb0TII143KHXB95mbyZyvD2WFpArQtkDxT8nXcnj17sGvXLixYkIkPP1xNU3Mdli9fjuTkZAwYMAC3b99WHFTGICosvImam1rE6TZ8BNHyeFbrOIu5ErPH6yRL8+XRevxkVk8a89Rg2yEzymujcfmGugVzLh6L7VaetVxY674U0czCWseIJkUax1U1NSB8eiL6zh6Oqq8voM+TI0AcIhq+uIqYqibYi2+5on0FDEK8QudWPrUgGm4X5lyVVF8plgtIq2ZnZ2P//gOSeE6ePCVZmiNHjiI3Nxfx8fG4efOmM1hW/D2Ru7BWRuUZ59yTI0/j1ao8U1U7pslUhSemGvBYWg98cZi6sKQQ6HUcpozrjv4JUSi4SlBbcU6zHacVFdsxauzAA7IYSK16RKlxTDVN8aNooBw3Yygq9hQifGA3KfbpNWkQovt1h+1iPfJriny0o8zIq1+/8Fz1WtXbzSjV7du34/jxE3j66aewb99+nD59GrGxsTRoXojhw4dL+2zp6fM1zyGxKPh0TQskiU97oU82/u0XAanIm6l45k7SYcrYbjhwvAGpw8IxalgMjI0C9p6gqXBJC+rLT2Hz/4zQbKfNZPtjgVy5DnNNoiCq1lb+9t/ZHHZpfSh8Vj/0nDAQ1UcuI3pkHGIf7guHyQrrgRtoLq5DbvUFjP94gWobxLUO1M4KcRoCgmfyxKAtkNlspsHxZzTj+gZPPfWkZHFOnTqFLl26UMGkY968eaiqqsKsWbOllWa1NtzWxPs+DK0YQmKH6HO/Su5m2uxjOWzgHJX40eQQzJjQHfuP12Hk4DCkpsTA1CTi65PAvw6LiIrkcHhjmuI55JUo7F74dGF+WSDl42yUv1q8jaiZyeg9dQgqD19EVEpPdBuVCMHcAuvhUjR/eQVcpAFzvnrdZ1tqRTsGoj9soYGvpbnZZ0dZgCyf4Pr6euz8/HNqXZowZ/ZsfL7zc1y8dAnstpDXXnuNZlw/QGVFRZugWa0dGip5VqO94y5Nfnr11Jpo8GjSWsl1lhp6TKOVuAbSjq5htUif2wU9YsPw9bEGTBnTGQ8NiEJZjQPrdhPsO0Ngp+gtQqsLrDIqt2Ojsad0JXsLyEdwxgRWe+EaBKNV9Ziu4mPSa92F60Cj3bnyTQSYYoGkF9MQ2SMGJbvOoMe0oYhN6QtL6U3UrT0N417qsuwUvmcE4thYOgTUFChn0brOYcpi11oHct9swG4207hjsa3FdR1369YtfPXVbjQ3NUuZ1cFDhyTxJCQk4KWXlmLUyBGoq61t5/DV2mGfK938QHy4MCkyVr1rQrnDRHSgU0gd5s+JQq9uYSgsNmHiyChJPBV1AtbvEbAvl6bN7iUdoqBGxXO3d2Hww4VxAtsW8OMeJHaMw7XO04Wgb+Z4RPXsgvqCUnSnsQ4Tj7X8Nmo/zoVp92WqatE59kIro1o7jCFgF+bLdKkVFs/s+vJLlNy4IYnn22+/ke4s7NOnjySeQYMG4ZZKtuWPKffXAkliCOLWwwjDbaTPMmBY/3DkF93EhBERGDE4GtUNIjbsJTh9kW2rcAGf1+mCA7kAPHsamtX7uKYIET0XpCImJR4150rQLW0AdVtJaKkyoeHjM7AeKwXv0D6HVjv+uzB3Bzn4Z4FcluokjXHYWk9cXG/s2LEDVdXVGDhwIN5++w/oS7Mto9Eo7Z+5B09+btV2OHdM4/8EEFcaH5gBIpg+miD98ThU1bXg6RndEdc9FNcrBfx5sw3fFet8nkN9LEUQBB4D+ZrA1lTbue3RaeZADF4wGU0Vt5A0bywi+3SF5WoDKn53AC1nKtunUV4CUmNQmxefMZBLQX70gJOyory87ySBlJdXSGk5i3lWrPg1uyEMdfX1bY5v8+r93os00BgIUuAtBGQlOGLDlNERMOg59OkRCh1N1ctqBLy7TURZnR53clOOxOIlGE0+uQvzoxvsGAc9f4/pg8EbdIiK7wpOz8N64xZq3zkC8bpJ+Tyil6sK0IXpfWVhfsdA9Bi2lsPclfvfDz30EJYv/y/JfTFRsaq17KEZAwWahYH4dYXLS2xUE0YN6e7hKioTseZzEXlFzoD5TkqwFogXtUMl+XH2biHolprkGVbrhVrUvXsc1hMVUsDMqyygus0kL6qfO+gsTEl4ahdMYUEhevXqheeeew5paRMl12W1WNDU1OQUo49VM07j3IFbIBJQDCTYTJgwPgb1Rg67jjtw5hLB5VKaEJi19sjYBi/bwIz0MwYKfCWaJ/4JqEmwonfacIg1zbi54wKaj5XB9n0thAYLtSCi4tgyQVscLZ4xVhUQgepKtM8YyJcFiomJkdZ7mOtiT1E8/czTUlvSExw03nGn6UrnYC7ufP556X337t19WqCAYiDXSrqvYmwiiIoAUgfcwjfHS3Ekh8DcJMBqE6jV0RYgc3EjU3rQd73QYPQjCQgkjWdxHxOQQPsuqI+/eIum+NFhcIzvgfzDuSAHTsFuskCw2CHatX0fc3GJ41Kdc1HXLLWlKCDGoGBJiIqASBsL5ENAmZmZeOedd/Dff/7zHZn4n86bpykgLwtENCwQke+F+So7jnD42U+A/31jyB3x//sYD60Htrz2woiGBSJtLBC7g0JUH/+mdQUI/c0k/OCjzDvit26+AJ1KOxIDp8DoTwwEHwJ64okfIzw8DCtXrgoYmu3es62M+fPTkTZxIhoaGjouBnKtRPsq2fsFKb5543ldwPxMvxdvEHz+rYAvckSt/CLolWieXeYah5k/yqPmXkDXP04NXDUCQUtBDRo3FaJpy/eqazq8xrKFqoAKCgsbJ0+Zwp6NkTIotcmqr6vDzMcek24GC2ZthN0fxITDnkRVEqr0Gf2/xWq1HTh40OjvXtjt2kuNvRIfgY46dl7KENU5th8WpHo3Cs+sCC/QGKvZVn09x+jvQmKRtapxnDAAOnbbjchpJoDNa/OleidFB/UlFFZaHDbbCXOR0VcM5MYkNTU1gt1mO2M0GVNDQyNosKg+wEwAatbD7xRaxcqxpxnY2pHDbv/Om1EhhvB8Z22qpyFWyxnOXpaq1ydIT2fcj6KnI8y1lFFrpcBP1Pkb7GbBQYQz1Tpzam9dGIhNuC/8XIgOFbwZAsR2/NqbqfQAk9mclZd3nrqoUPDU3XDUEt3LysQTFhaKgoILMJpMWd4LMdq78TRzbWnMaijZg+hwZkXv/eDraJus7VtlB2Gzmtvx+3BhpFlsyfrG+j30ESHQcbwUo9zTSttkbZ+0XUYTZWm3EKYiIPfiLXn//fe3FhUVbygs/B6RkWEwGPSSO3MH1nersjZYW0y4hYUFuHDh4oa//vWv2+VsGjGQ55hLp7O23qou2GCv34Ou0RxCDezc7pju7lQnP4ewEA5dogjsdV+hoTJvw+XcdQr8oiZ/VtWRrRcbSzccNRRB3ykMOjb+7H90cu9qZWKlbek6heKw/jIKzNc3rKs60p5fIwYirpRCzMnJ+RO7FbO8rCxjzJjR6BzTBexpVfcEOhyilKqLYnCrtGyw2Z2JrLrdGHuU2nj7JnLPnMX1ayXrjxw9+o6bp00qI4rwxV9XdvZP9ECuU31RRvd+M4GweBBdJ9c9RtS322gGYvPvtlc1KxMWAoSGOOMdqQ+CEZytAnUX98JYf3l9bekpRX6NPxPi4T9jvvYnGsNy10NrMqbEPoQ4eydECqHO37IO2GhwbnU4bwcIqgP05KFUBqG81AGOVhPfgmqDCUeshSg2V64/aSxS5tdI491VOHHiRD2tby7IzDxcUlKaodfrh1ML0c198JChgzFhwgTYaJARqIiYeEJDDcg9nYv8/EL5AmENFeWF2trajes3bNjLlpXg3DcOyAKx39RX5NXT+ma/4U8dNtVfzuB43XCOa+WP7TMWnfu+AGMTH7CImHg6RVIRVm5HWWmO3DXVEFG4YG1u2Hi9YKcGv+iTP890rZ7WN5/t9cjhq7aqDD3lpz7Awz8quj+e0o8CZ3Y4H8YPVDyRIdgVWYBTlstOQkF67rrGYREu0Dhs447qk6r8akE054Z3vWcrgbxrIg9KAbuzMvfHv/rqqyx/f2EiTcMDEZFbPKdOncaxYye2/u1vf/u9TOWCq115FWSdwFtvvUUUYiBVftdEtuMfOMa8qhchL3ROSA9IRG7xWCu3oap479ais5sC4h82fqlaEK3I75rIdvwL46etQiT3wjNigCJyieffEfk42JS/NavsUED8rybNIWouzG0+OVknIDt5mw588MEHv6WnY4/ppk+aNMkvETHxsOfATp48ycSzhZ7jNzJwUQbr3QE3m8bfVgiMv/jspt+yxzd6gqR3Tpjvl4g84qn4FFVX9m4pOrs5YH6NFD4g/nXlh3/LJXCEi+TSf+KviFzi2RlNxdNcsIWKJ3B+V7jhKwaC68dEdmJe1gGpM1QAq1555RV2zPzJkydrisgtHuoWmXiy6W9XymAFlY4I3j7Yxz5XQPxFeZtXsYioJxHnd07M1BRRq3i2orJ4b3ZxXnaQ/GKH8WeVHlqFRI4gGvN/SkaDM2mIiIknKgSfdTqPg5b87KzSg0Hxu2WtZoG4Nmpr3wFe1gF2DvHvf/87BXmFWYaMqVOmKIqIBWihVDzHqXhyco5n09+soB/bvVQuqlSP7/3lL3/pywIFzF+ct2WlcwsfGZ2TlEXkEU/5Fqd4vtsSFP/QcYsJOpg/6wYVQhIVUScu4zlxNHglEVHxgIrnX53PY39LQTb9TVD8ryQ/7qHXskDenZGbVvdfadDJG6WCWEXIy2xsMqZNYyJqzc5YdsJinmPHjkni+fDDD3/tgpd3QAm4DfwvfvEL4scue1D8VBDMEqEXCBXRgjYicovHUp5NxbMn+8p3nwbFP2TcQuLHFktQ/FklB1ZREYGLQcbzxEtETDzRIdjRJd8pnpIDQfG/kvwjv/5GohK8fFPf3Yl26qTCWEkI+2tohIpoGux2h3SxMfHk5OTIxWPz6oCgkCq2uaHwjTfeIAHcohEUPxXGShaf9IJIRbRIEhErTvFsRmURFc+5bUHxDxmbSeD/PUpB8WeV7F9J+nEgXbiMdLclYmNGLc+2rvnYZyvIXleyPyj+lwfMbTf6ej+vBO9/K5lYT2OrV69e6XwkCBmPPjpDsj7s0Z6cnGOb6Xdu5du84NunibS8/vrrxJ/N047kv3Juu8Tfi/J3TV4srdk33tjELM9m+l1A/INTM+45/7rr+1aiPz0olsuYz4+RNkM/7XoO++35m+l3AfG/PHCuJrQ+yM4QtL3JsV1H16xZs4IKh32eyf7ihks8b8lUr2Q6iVwwHVwC4r96fgfll1brMnX6MCqe3VQ8//LJPzg13etc4n3hX3dt3woumY5/F2SGwoB9joLNWdf2+eR/edCPAxp/fQd0SJ4ttFkMY4KxWCx5Op0u4pNPPlkvi/YV4ZcvX04IuWd/DNAnPxOMYG/J4zg+4lrhFz75B495geAB4s+6+vVbln72PB3l33ztgE/+ZYOfCJie8/GX6v06h8wnyzMDveu9/CqRp4vtxBNM43/5y1/ueMO5I/gl8QRRLp/NfiD4mXiC2oq6U3rXxBOFVUzmY1tcr/Lq6CjxdERxTfwd8Qcrno4orom/I/5gxdMhAlIQkXwF064CLzwI4lERUUD891M8KiIKiP9OxNNhAvISEVFZDpevaJIHRTwKIvKb/0EQj4KI/Oa/U/F0qIA03JnS+wdKPD7cmSL/gyQeH+5Mkb8jxHOnWZiWiOTBLVH6/kEtbmHIglui9P2DWtzCWH3534r8HSUcd/l/AQYA7PGYKl3+RK0AAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

.annotator-resize,
.annotator-widget::after,
.annotator-editor a::after,
.annotator-viewer .annotator-controls button,
.annotator-viewer .annotator-controls a,
.annotator-filter .annotator-filter-navigation button::after,
.annotator-filter .annotator-filter-property .annotator-filter-clear {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAEiCAYAAAD0w4JOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY0MTMzNTM2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY0MTMzNTQ2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODkwQjlFQzZBRDExMUUxQTZEQkREODBBMzc2ODk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjQxMzM1MjZBRDMxMUUxQTZEQkREODBBMzc2ODk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkijPpwAABBRSURBVHja7JsJVBRXFoarq5tNQZZWo6BxTRQXNOooxhWQBLcYlwRkMirmOKMnmVFHUcYdDUp0Yo5OopM4cQM1TlyjUSFGwIUWFQUjatxNQEFEFtnX+W/7Sovqqt7w5EwMdc6ltldf3/fevffderxSZWVlZbi5uTXh6rAVFBTkqbVubl07eno2d3BwaGgtZNPGjYf5wsLCDRu/+ir20aNH2dZCcnNzN6uPHTv2S2xsbHZaWpqLJZqJIR9FRMTxdHFJeHiiJZrl5+fniiF0jRdumgsjyOZNm44AshHPxAnXeXEhUzAJJEF8j5cWVoIZg9CmqqiokK3CksWLX3d0dJwy+f3331Cr1RoliEajMQ4Sw2xsbHglTZ6CampquOex8dxz2l5gkEY4qKyslOu1Qa6urpPRs9VkW2RjFmskQCaFhASQLZEZkDlYBBJDnJ2dXSnwmYLxpiDCdVMw3hyIObCnlr1g/nwfQCYpQcQbOTM5tbgDeDEkZPLkoaYgSpqpKysqnkIaNWrkYq7dUEim0EwhmkI1bw1ETjNVTk7OA2sg0jarDyO/ZhiJjtpS4923L1dWVs5VV1vW8Dyv4uzsbLnkc+c4dceOnn1LS0vat23bhnvSgypOpTItajXP2dvbcefOneVSL146ys+dOzvgyuWrMadOJeKGrb6AeRBb7syZM1xqyo9HwfDncZ0L+0dowGXATpw4qVfVGEyAJCUBkvrjUTzrTwzUkirDcfOewk5w9oBp8AD9iljoGt07rTvNpaRcPDqPIOx5+mlOkPnz5wakpV2JiU84ztlRNTVqTsXzeuHValyz4xJ1Ou4CICjrL37WoPsXLAgD7HJMXFw8Z2ur4dT8E23s7Wy4UydPchcupB5FGX8ZOxKUeyYLF84LSLt0OebYsXi9ZvYOdtwJBsE9f7lnVAUFuYp2smxpxJFOnTu9aWtry6VcSDm6cNF8f6WyRkEMFg7rclq0aP7fjZWrDyNmeL9c8iDedu7YMRK7xoHjx28y2tjGcsivt29PaOTsPNAGeSIGidNBwcF9La6aAPH18+UG+QzmtFqtN67pLALt2LYtAUOUHoLMWO/1BMM45o17OgUQ2dEz2R4drYf4AMLzakTNahY5n8FQRid9rpZG26KiE5ypOkP89JqIjZWOVSqeG+zrw7lp3bxRVidbteitUQnOLtQmhhApzMfXFzCtN57R1QJFbdkKiMtAP0Ao7lB16CE5oXtUTYJRB+BZPUzd6uWXE1xcXQcO8R+iqIms3aADWrdpw2VmZrbQJeoCeBdoYinkWTVVHNVC21jrrSopKakh67Y2ChCMXmw0xizbXM2I8dyc9gUObBpTBTw8WqixGw45n5GRnl4XjaZD9kP+DaibVSA8OAu7SHZKWm3GtTYWgfDATOxWQGxElynsepkNAoSq808JhII7DZKHzWpsQGYwiPhHyPzD0NifmtVGrE1WUlSQaDIXkNVm2REgc1jDiqtTBQk1pkmtqgEyCLu/SqpKkFmArDHLsgGxw57euaiXIkSQOeZCBI1egtCs324IxVGy3s9NtYkcqCtkGBtXHkLeAyTBGl8rZPZxCfIAkNIXLB6h9/4A6a/gMv0hvUyCUKgLdlsoXODYXwJ5E7sDzPM7G7OjPtjvgnjSizNkqwDDPoD9AL08E2QXaa7Ua40gLUTXmkHW44Gd2I9ndiZsLVh52ar9AAlmNiRs7eg9ByIOYtkMHGe0+6HBW9ithbSSKXcH8iFs7DuTvYZC31KKpFAuyhhE2v3kJkEK5YJZwytbtru7B8GGQjZCmhopmwkJgcRCu2o5jXwh2yWQWyxS3pH05teQwUpVK4Jkia49YA07l/ast8T3ihR7DfXvhuP/Mq2CATksarsRrBPuQQJx76Kp7vfGzh4F42V8zQe7YtxL+u2EkVoDZJ8+fej8VQi9vPRmg8BpCKXAN5OSkqpNVg0QR7VaPR3n05FLN6k9mcJnYLcK178ErEQRBIgTMtMNyG4Djaqv0XyJMtMBM4jrPCC8vb19KEHatWtXMHbs2LtOTk7lQoHGjRuXjBs37q6Hh0cRyvwZr+5/kW1s3GhXVVWlfxXv27fvhTlz5iybNm1aCuBVeEsqnzFjRmJoaOjS7t27X2fVXIgfdzfQtnnz5sPv3r2r/3/Rvn37WkdHR/8I1UNdXV1X4kdK+vfvPxsPNm3YsKE++JWWlmpbtNBH0C21QDY2NgOEk8LCwlY4340HhwM2DZfKcaxFJ+wsKip6OlfZoEGDwVIQD/Vrzc1Ciyb+/v4UGS9A0nx8fDxRHSdxGbzTaQ2q1qpVq3vnz58XGrYUbZIM0FVo0gOXyqBZ8p49ey6tW7fO8/Hjx7ZUrm3btgbZLe/p6Xnczs6ODI8bMWJEGiDTAfGAFjGo5nc4rh4zZswMaKYPKdSjXl5e8XLdfzQgIEBf6ODBg2qcv47qRcH4GuNlpRWOd+Bap8TERH0CNnz48Gv9+vVLkDNINXrtg8jIyEWootaYQaIHs2AKc5s1a7aVZS8GLuJ0//798M2bN4+NiYlxxztcLR90dHSsGDlyZHpwcHBU06ZNKWUuNRZGnGAjwTdu3BifkpLS7PLly05oJ65r164FMMZ0WH0UXIRG5GJz4pGajaad2RBOnXCZSYa0OrVAMueOEFc23tODuUyKxSBpQBS3hcbd3b396NGj+/v6+np16NDhVfRcNar40/fff5+ya9euk/n5+XeYlsoRomfPnv3j4+O3oJ0e1Ug2uMeDQ4cOfdmlS5deQlSVzgfoqzNkyJDXrl+/Hl9jYrt48eIh/GBHWRCq4HTq1KmtVLC4uDgZu48QVrKFhxGD7mC3DCZxjc5jY2M/o9HGAAQfGlBeXv6YCqEtKLd2weFYNM9jALNwTJ7e5OzZs1Hsx7JXrlzZ3QCk0+nmCb+el5d3Jzw8/ANKpnDqC6FBQLt27dp5CDGZQrnjx49/aACCe2yRNOx9wPsJvQBN3iorK8sXl7l58+bnUpDGwcGh1lQEQqyNt7d3GYUdeqXo1atXKQraissgWlbIDAyaZOzfZ/8+TMd5iEqluhMWFvZHmEIpjncDNAHttR6RUsuC31kDA4LanihUxOq+ivLGNWvWzAYjF4Hs3qJFi6bgWuvU1NStrBepR1satBH+0ERLJBXKyMi4AMP7Ag2bJbRHbm7unQMHDqzPzs7+ic5RNgw7lZxB0oErfumgKYOE5tHYNVSybAHmBlkB+8mXAnDtISALcdhI7LRiUUnmgowmEWj4akXvF1+g4Zs6hYmGRUIyhXLKRIzlUuJshEYOyvZDUBUHaTaCax/jcINcAiHORlpi6NmJHulrIhtZi06ZDViF3HAE43aINAahZAIWD0bl3wD7E55RGYBcXFy84f3vKkFo9IWVJ82aNSsVY34lNF8Ky25pAELW8Ta6VnZCSqvV0hB+ys/Pb/qZM2d2oRxlI+4Y194wAKFLe9IBDduBgYG3e/TooX/dwg+UzZw5U4chnNKatgjDoXAnDc07oikGGrQf1G1AB+3bt8/FABgJ1duvWrXqvUGDBl0HZBYgbSgtRBu6irIRZwONkDTRywqH0UL7zjvvvILBMQLD9+qhQ4cS5GVAvkIju4pMoQY/+osBCDFbh8arIkdEo89euHDhAgC+ZZpsFEP0bzbNmhUhG/nBADRgwIADqEbG0ymaqqrZqN5+xJ5NgBhMzmHcO4cU57gBqGXLlmkTJ07c0K1bt0dPp68qKjoCaLAOibJbZL00o5Oj5CKu6enpS5CIvo3hpjnito2kOsVBQUE/jxo16hP0zUY2q6OYRDijjQJv3boViDzJHdGyCaUz6Lnszp07X0GnbGRv5JXmZCPk/ZRD08wE2UoBez2/xhIJztxshGfZiBsbRSgePWKQEuk8tlI2Yo8M1xOJZz9kI52QWL2CqpYg6F9FHE/duXMnrX24K9c+4s0B7jEKxngQXV6ikI18gQy4h7FsRD116tQ3MzMzL5kK/uiEfTDgNrIgdKv7lStXYk2MHlmIkAV0jKHpYyRkDQxAyOqDULDMCITSGh/kRpMoa8GWsXr16l5SEA8H7AdHtJVrOGjxC+5NQui4mpyc3Ap7Ncb95sgHDGe+7t279x0biovhGovx8H6mSQZpQoYdFRW1VEgJcb/q9u3b6wyq9vDhwz1suD6PzL4nUhZnnG6AUBRshiQ+HJA80WBZmZWV9YkBKCcnZxErUI3R4Ru4Ak1wksO6b9q0abEYwjQtR0IWaABCKvc6bhYLBRGbd+NV9D1UJ4IyEmnjI9ymYecul43YoTfWiwtTBoJrRXK9iLYMUkwicPASChwxIxtZRm9TprKRxpDlaKocmWzkKnYTITbmZiNqNuNH89tjWSSk6aBk2FCWMe9/kf+7vnz5ilp1k55b8q+/moiI5TWiHpCemyVKD1sM44w8bDXI6mrJgercRnWGGbPsGpkB1CqDVP3GXeR3CLI4CsgZFzPGOvmaVRADkLWQWiApxKp4pACxDPQ8IIL3S728xlKHFexIVRevr3faFwZkdQIhE0ZeoJFWLh5ZBTOlidkwc6plFkwpibA4tPAW/FOh3tfqQRaBrHrRMZWNmDvyPheIrPdbmwO8wBmbNB5ZldLI2ZGq3td+RRBNz0NWWr2ShRaguLi4LFOr1R9UVVXdx6U5FoP8/Pym2dvbr8jLy3O2em1NUFDQ4cLCwoA6t9G2bdscpk6des3BwaGyTiC0yachISHX9+zZk4Qq3qtrxuYEmQWJO3v2bEzv3r2/qWui1R6y5Hl4f72vWTgjY0n78UoDZp2rplKpHCCd6gIiB+44evTod1NSUhZb21Yvd+jQYZROp9tZWVlZVlxcnKU03aFo2di8du/evVa88MQqEP58IZ0Itxakhkyj1R51AkkWDui1QzXvWw0SAWmVyjeWguq9vx70XCIkxjD6T3E4ZGlSUlK+1Rrt3buXFpPSmtFbyEimQdRWgRo0aPA2O6b/X6+DXAQs4Hm0EYXZw4CF1Qnk5uZWGhgY+CnaK9KqjM3W1rZ62LBhVydMmDDdw8PjqMWNlJubewL5UWZiYmIo/WPTmgRCiJBLIc2tBdTHo/+3tMaS1IZnRknLX23qpNLBgwddk5OT93p5edG/nFtLtTTbIOPi4uif4TXl5eUFBw4cWOfo6EgfWTS1GiRa7vnzmjVrKD9qXyeQaAuzBCS37OxnyAykf3utCiPck9U8tEIzEpASa15qaHkHLfloY860UL3314Pk4pG7u4ex+7QYhT60bA6Jh2yAlGZkpBu1bOlGn6HtF52P4Z587duVk6xpM1a1cSLIEchJkYazzG0jWuxOCTstfKMv6OhLMlquF8vuDzcH1I5BaKO1o/tEk3jC0sUcUyD69RvckwWDHIuStIDSHjKE3actwlgYoRXj/2HH9GYkfGlInyreEZ3/jXuyoFlWIy8RRBgAxJ+WCRD6cPdfxgzyI3ZMHwPu4Z6sgKaPLO+z6ze5J0usPzMVIYWPKZ0YuJr1lPB91ihImjmhlj5bfI118SlIHkRIRqeYAxFchNZiX+EMP6ScImq7WpuSi5SwTHYyc4u7rFEvWuS09TH79wz6nwADANCoQA3w0fcjAAAAAElFTkSuQmCC");
  background-repeat: no-repeat; }

/* Annotator Highlight
-------------------------------------------------------------------- */
.annotator-hl {
  padding: 3px 0;
  background: #fef6d1; }

.annotator-hl-temporary {
  background: rgba(0, 124, 255, 0.3); }

/* Annotator Wrapper
-------------------------------------------------------------------- */
.annotator-wrapper {
  position: relative; }

/* NB: If you change the list of classes for which z-index is set,
       you should update Annotator._setupDynamicStyle() */
.annotator-adder,
.annotator-outer,
.annotator-notice {
  z-index: 1020; }

.annotator-filter {
  z-index: 1010; }

.annotator-adder,
.annotator-outer,
.annotator-widget,
.annotator-notice {
  position: absolute;
  font-size: 10px;
  line-height: 1; }

.annotator-hide {
  display: none;
  visibility: hidden; }

/* Annotator Adder
-------------------------------------------------------------------- */
.annotator-adder {
  margin-top: -48px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background-position: left top; }

.annotator-adder:hover {
  background-position: center top; }

.annotator-adder:active {
  background-position: center right; }

.annotator-adder button {
  display: block;
  width: 36px;
  height: 41px;
  margin: 0 auto;
  border: none;
  background: none;
  text-indent: -999em;
  cursor: pointer; }

/* Annotator Widget

   This applies to both the Viewer and the Editor
-------------------------------------------------------------------- */
.annotator-outer {
  width: 0;
  height: 0; }

.annotator-toolbar-delete {
  line-height: 8px;
  font-size: 8px;
  position: relative;
  top: 30%;
  left: 0%;
  padding: 0;
  height: 18px;
  border-radius: 0; }

.annotator-invert-x .annotator-widget {
  left: auto;
  right: -18px; }

.annotator-invert-y .annotator-widget {
  bottom: auto;
  top: 8px; }

.annotator-widget strong {
  font-weight: bold; }

.annotator-widget .annotator-listing,
.annotator-widget .annotator-item {
  padding: 0;
  margin: 0;
  list-style: none; }

.annotator-widget::after {
  content: "";
  display: none;
  width: 18px;
  height: 10px;
  background-position: 0 0;
  position: absolute;
  bottom: -10px;
  left: 8px; }

.annotator-invert-x .annotator-widget::after {
  left: auto;
  right: 8px; }

.annotator-invert-y .annotator-widget::after {
  background-position: 0 -15px;
  bottom: auto;
  top: -9px; }

.annotator-widget .annotator-item,
.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
  position: relative;
  font-size: 12px; }

.annotator-viewer .annotator-item {
  border-top: 2px solid rgba(122, 122, 122, 0.2); }

.annotator-widget .annotator-item:first-child {
  border-top: none; }

.annotator-editor .annotator-item,
.annotator-viewer div {
  border-top: 1px solid rgba(133, 133, 133, 0.11); }

/* Annotator Viewer
-------------------------------------------------------------------- */
.annotator-viewer div {
  padding: 6px 6px; }

.annotator-viewer .annotator-item ol,
.annotator-viewer .annotator-item ul {
  padding: 4px 16px; }

.annotator-viewer div:first-of-type,
.annotator-editor .annotator-item:first-child textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #3c3c3c;
  font-size: 13px;
  font-style: italic;
  line-height: 1.3;
  border-top: none; }

.annotator-viewer .annotator-controls {
  position: relative;
  top: 5px;
  right: 5px;
  padding-left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  float: right; }

.annotator-viewer li:hover .annotator-controls,
.annotator-viewer li .annotator-controls.annotator-visible {
  opacity: 1; }

.annotator-viewer .annotator-controls button,
.annotator-viewer .annotator-controls a {
  cursor: pointer;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 2px;
  border: none;
  opacity: 0.2;
  text-indent: -900em;
  background-color: transparent;
  outline: none; }

.annotator-viewer .annotator-controls button:hover,
.annotator-viewer .annotator-controls button:focus,
.annotator-viewer .annotator-controls a:hover,
.annotator-viewer .annotator-controls a:focus {
  opacity: 0.9; }

.annotator-viewer .annotator-controls button:active,
.annotator-viewer .annotator-controls a:active {
  opacity: 1; }

.annotator-viewer .annotator-controls button[disabled] {
  display: none; }

.annotator-viewer .annotator-controls .annotator-edit {
  background-position: 0 -60px; }

.annotator-viewer .annotator-controls .annotator-delete {
  background-position: 0 -75px; }

.annotator-viewer .annotator-controls .annotator-link {
  background-position: 0 -270px; }

/* Annotator Editor
-------------------------------------------------------------------- */
.annotator-editor .annotator-item {
  position: relative; }

.annotator-editor .annotator-item label {
  top: 0;
  display: inline;
  cursor: pointer;
  font-size: 12px; }

.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
  display: block;
  min-width: 100%;
  padding: 10px 8px;
  border: none;
  margin: 0;
  color: #3c3c3c;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  resize: none; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar {
  height: 8px;
  width: 8px; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-track-piece {
  margin: 13px 0 3px;
  background-color: #e5e5e5;
  -webkit-border-radius: 4px; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:vertical {
  height: 25px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:horizontal {
  width: 25px;
  background-color: #ccc;
  -webkit-border-radius: 4px; }

.annotator-editor .annotator-item:first-child textarea {
  min-height: 5.5em;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.annotator-editor .annotator-item input:focus,
.annotator-editor .annotator-item textarea:focus {
  background-color: #f3f3f3;
  outline: none; }

.annotator-editor .annotator-item input[type=radio],
.annotator-editor .annotator-item input[type=checkbox] {
  width: auto;
  min-width: 0;
  padding: 0;
  display: inline;
  margin: 0 4px 0 0;
  cursor: pointer; }

.annotator-editor .annotator-checkbox {
  padding: 8px 6px; }

.annotator-filter,
.annotator-filter .annotator-filter-navigation button {
  text-align: right;
  padding: 3px;
  border-top: 1px solid #d4d4d4;
  background-color: #d4d4d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(0.6, gainsboro), to(#d2d2d2));
  background-image: -moz-linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  background-image: -webkit-linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  background-image: linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.annotator-editor.annotator-invert-y .annotator-controls {
  border-top: none;
  border-bottom: 1px solid #b4b4b4;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.annotator-editor a,
.annotator-filter .annotator-filter-property label {
  position: relative;
  display: inline-block;
  padding: 0 6px 0 22px;
  color: #363636;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  text-decoration: none;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #a2a2a2;
  background-color: #d4d4d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(0.5, #d2d2d2), color-stop(0.5, #bebebe), to(#d2d2d2));
  background-image: -moz-linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  background-image: -webkit-linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  background-image: linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.annotator-editor a::after {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-position: 0 -90px; }

.annotator-editor a:hover,
.annotator-editor a:focus,
.annotator-editor a.annotator-focus,
.annotator-filter .annotator-filter-active label,
.annotator-filter .annotator-filter-navigation button:hover {
  outline: none;
  border-color: #435aa0;
  background-color: #3865f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7691fb), color-stop(0.5, #5075fb), color-stop(0.5, #3865f9), to(#3665fa));
  background-image: -moz-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: -webkit-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42); }

.annotator-editor a:hover::after,
.annotator-editor a:focus::after {
  margin-top: -8px;
  background-position: 0 -105px; }

.annotator-editor a:active,
.annotator-filter .annotator-filter-navigation button:active {
  border-color: #700c49;
  background-color: #d12e8e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fc7cca), color-stop(0.5, #e85db2), color-stop(0.5, #d12e8e), to(#ff009c));
  background-image: -moz-linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c);
  background-image: -webkit-linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c);
  background-image: linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c); }

.annotator-editor a.annotator-save::after {
  background-position: 0 -120px; }

.annotator-editor a.annotator-save:hover::after,
.annotator-editor a.annotator-save:focus::after,
.annotator-editor a.annotator-save.annotator-focus::after {
  margin-top: -8px;
  background-position: 0 -135px; }

.annotator-editor .annotator-widget::after {
  background-position: 0 -30px; }

.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {
  background-color: #f2f2f2; }

.annotator-editor.annotator-invert-y .annotator-widget::after {
  background-position: 0 -45px;
  height: 11px; }

.annotator-resize {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-position: 2px -150px; }

.annotator-invert-x .annotator-resize {
  right: auto;
  left: 0;
  background-position: 0 -195px; }

.annotator-invert-y .annotator-resize {
  top: auto;
  bottom: 0;
  background-position: 2px -165px; }

.annotator-invert-y.annotator-invert-x .annotator-resize {
  background-position: 0 -180px; }

/* Annotator Notification
-------------------------------------------------------------------- */
.annotator-notice {
  color: #fff;
  position: absolute;
  position: fixed;
  top: -54px;
  left: 0;
  width: 100%;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 4px solid #d4d4d4;
  -webkit-transition: top 0.4s ease-out;
  -moz-transition: top 0.4s ease-out;
  -o-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out; }

.ie6 .annotator-notice {
  position: absolute; }

.annotator-notice-success {
  border-color: #3665f9; }

.annotator-notice-error {
  border-color: #ff7e00; }

.annotator-notice p {
  margin: 0; }

.annotator-notice a {
  color: #fff; }

.annotator-notice-show {
  top: 0; }

/* Annotator Tags Plugin
-------------------------------------------------------------------- */
.annotator-tags {
  margin-bottom: -2px; }

.annotator-tags .annotator-tag {
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 2px;
  line-height: 1.6;
  font-weight: bold;
  background-color: #e6e6e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

/* Annotator Filter Plugin
-------------------------------------------------------------------- */
.annotator-filter {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
  line-height: 0;
  border: none;
  border-bottom: 1px solid #878787;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }

.annotator-filter strong {
  font-size: 12px;
  font-weight: bold;
  color: #3c3c3c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  position: relative;
  top: -9px; }

.annotator-filter .annotator-filter-property,
.annotator-filter .annotator-filter-navigation {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 10px;
  padding: 2px 0;
  margin-right: 8px; }

.annotator-filter .annotator-filter-property label,
.annotator-filter .annotator-filter-navigation button {
  text-align: left;
  display: block;
  float: left;
  line-height: 20px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px; }

.annotator-filter .annotator-filter-property label {
  padding-left: 8px; }

.annotator-filter .annotator-filter-property input {
  display: block;
  float: right;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #878787;
  border-left: none;
  padding: 2px 4px;
  line-height: 16px;
  min-height: 16px;
  font-size: 12px;
  width: 150px;
  color: #333;
  background-color: #f8f8f8;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }

.annotator-filter .annotator-filter-property input:focus {
  outline: none;
  background-color: #fff; }

.annotator-filter .annotator-filter-clear {
  position: absolute;
  right: 3px;
  top: 6px;
  border: none;
  text-indent: -900em;
  width: 15px;
  height: 15px;
  background-position: 0 -90px;
  opacity: 0.4; }

.annotator-filter .annotator-filter-clear:hover,
.annotator-filter .annotator-filter-clear:focus {
  opacity: 0.8; }

.annotator-filter .annotator-filter-clear:active {
  opacity: 1; }

.annotator-filter .annotator-filter-navigation button {
  border: 1px solid #a2a2a2;
  padding: 0;
  text-indent: -900px;
  width: 20px;
  min-height: 22px;
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); }

.annotator-filter .annotator-filter-navigation button,
.annotator-filter .annotator-filter-navigation button:hover,
.annotator-filter .annotator-filter-navigation button:focus {
  color: transparent; }

.annotator-filter .annotator-filter-navigation button::after {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-position: 0 -210px; }

.annotator-filter .annotator-filter-navigation button:hover::after {
  background-position: 0 -225px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  border-left: none; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next::after {
  left: auto;
  right: 7px;
  background-position: 0 -240px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after {
  background-position: 0 -255px; }

.annotator-hl-active {
  background: rgba(255, 255, 10, 0.8); }

.annotator-hl-filtered {
  background-color: transparent; }

button.icon-d3-insight {
  border: none;
  height: 20px;
  overflow: visible;
  width: 20px;
  background-image: none;
  background: transparent; }

button.icon-d3-insight:hover {
  background-image: none;
  background: transparent; }

.annotator-hl {
  cursor: pointer; }

.annotator-editor {
  z-index: 0; }
  .annotator-editor .annotator-widget {
    min-width: 80px;
    border: none;
    background: transparent;
    left: 8px;
    margin: 0;
    padding: 0;
    bottom: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none; }
  .annotator-editor .annotator-controls {
    border: none;
    background: transparent;
    background-image: none;
    background-color: none;
    text-align: center; }
    .annotator-editor .annotator-controls span {
      display: block;
      padding-bottom: .5em;
      text-align: center; }
    .annotator-editor .annotator-controls .annotator-save {
      border: none;
      background: none;
      width: 105px;
      height: 23px;
      padding: 0px 1px 0px 1px; }
      .annotator-editor .annotator-controls .annotator-save:after {
        display: none; }
      .annotator-editor .annotator-controls .annotator-save .gotItWrapper {
        padding-top: 9px;
        background-color: #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px #95a6a6; }
        .annotator-editor .annotator-controls .annotator-save .gotItWrapper .gotItHeart {
          padding: 0px 2px 0 2px;
          display: block;
          float: left;
          font-size: 1.5rem;
          color: #c9d7d7;
          text-shadow: none; }
        .annotator-editor .annotator-controls .annotator-save .gotItWrapper .gotItText {
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          text-shadow: none;
          font-size: 10px;
          color: #29c896;
          line-height: 1.5;
          height: 23px;
          display: block;
          padding-top: 1px;
          margin-left: 5px; }

/* **********************************************************************

    Copied from bower_components/pdfjs/build/generic/web/viewer.css

********************************************************************** */
/* **************
    OVERRIDES
************** */
.toolbar {
  display: none;
  /* we remove this bar for now */ }

#outerContainer #mainContainer #viewerContainer {
  top: 0;
  /* since we are hiding the toolbar entirely */ }
  #outerContainer #mainContainer #viewerContainer.pdfPresentationMode .pdfViewer .page {
    border: 0; }
    #outerContainer #mainContainer #viewerContainer.pdfPresentationMode .pdfViewer .page .textLayer div {
      cursor: default; }
  #outerContainer #mainContainer #viewerContainer .pdfViewer .page {
    border: 0; }
    #outerContainer #mainContainer #viewerContainer .pdfViewer .page .textLayer div {
      cursor: url("/common/imgs/highlighter-C.cur") 0 24, pointer; }
  #outerContainer #mainContainer #viewerContainer md-progress-circular {
    margin-top: 5rem; }

#outerContainer #thumbnailView {
  width: 100%; }

/* special height reduction if the selectedPost header is expanded */
.contentExpanded #outerContainer {
  height: calc(100vh - 56px - 75px); }

.contentExpanded-tags #outerContainer {
  height: calc(100vh - 56px - 125px); }

.contentExpanded-desc #outerContainer {
  height: calc(100vh - 56px - 110px); }

.contentExpanded-desc_tags #outerContainer {
  height: calc(100vh - 56px - 150px); }

.mobile #outerContainer {
  height: calc( 100vh - 140px); }

#toolbarContainer {
  background-color: white;
  background-image: none; }

#toolbarViewer {
  -webkit-filter: invert(40%);
  -moz-filter: invert(40%);
  filter: invert(40%); }

#toolbarSidebar {
  background-color: white;
  background-image: none;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1) !important; }

#secondaryToolbar {
  background-color: white;
  background-image: none; }

#secondaryToolbarButtonContainer {
  -webkit-filter: invert(40%);
  -moz-filter: invert(40%);
  filter: invert(40%); }

.toolbarButton[disabled],
.secondaryToolbarButton[disabled],
.overlayButton[disabled] {
  opacity: 1; }

.toolbarButton:hover:active,
.overlayButton:hover:active,
.dropdownToolbarButton:hover:active,
.secondaryToolbarButton:hover:active {
  background-color: white;
  background-image: none; }

.toolbarsContainer button[class*=" icon-"] {
  font-size: 3rem; }

.toolbarButton {
  border: none;
  background-image: none;
  background: none;
  box-shadow: none;
  color: #eceeee; }
  .toolbarButton:before {
    position: relative;
    top: 0px;
    left: 0px; }
  .toolbarButton:hover, .toolbarButton:focus {
    border: none !important;
    background-image: none;
    background: none;
    box-shadow: none;
    color: white !important;
    font-weight: bold; }

.pdfHoverControls {
  z-index: 1;
  position: absolute;
  bottom: 50px;
  width: 300px;
  background-color: #3b3d40;
  left: calc(50% - 150px);
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  box-shadow: 0px 0px 10px #3b3d40;
  padding: 1rem; }
  .pdfHoverControls button {
    background: transparent !important;
    cursor: pointer; }

#scaleSelectButton {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  #scaleSelectButton:before {
    top: 6px; }

.mini-text, .card .card__key, .paperCard .card__key, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__key {
  letter-spacing: 2px;
  color: #ddd;
  font-weight: 300px;
  font-size: 0.5em;
  text-transform: uppercase;
  margin-top: 5px;
  display: block; }

.big-text, .card .card__header, .paperCard .card__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .paperCard .paperCard__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header, .card .card__value, .paperCard .card__value, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__value {
  letter-spacing: 2px;
  color: white;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase; }

.value-text, .card .card__info .card__info__box .card__value, .paperCard .card__info .card__info__box .card__value, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info .card__info__box .card__value {
  font-size: 1.0em;
  font-weight: normal; }

.author-text, .card .card__footer .card__value, .paperCard .card__footer .card__value, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer .card__value {
  font-weight: normal; }

.center-me, .card .card__header, .paperCard .card__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .paperCard .paperCard__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header, .card .card__body, .paperCard .card__body, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body, .card .card__info .card__info__box--width-full, .paperCard .card__info .card__info__box--width-full, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info .card__info__box--width-full {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.vibrant, .paperCard--state-read:not(.paperCard--state-focused):hover *, .paperCard--state-read:not(.paperCard--state-focused) .card__footer,
.paperCard--state-read:not(.paperCard--state-focused) .hcard__meta, .paperCard--state-read:not(.paperCard--state-focused) .card__footer *,
.paperCard--state-read:not(.paperCard--state-focused) .hcard__meta *, .paperCard--state-read:not(.paperCard--state-focused) .icon-mapmarker {
  opacity: 1;
  -webkit-filter: none; }

.card, .paperCard, .createJourneyView #newJourneySlick .createJourneyEmptyCard {
  width: 200px;
  height: 300px;
  position: relative;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 5px; }
  .card *, .paperCard *, .createJourneyView #newJourneySlick .createJourneyEmptyCard * {
    box-sizing: border-box; }
  .card:hover, .paperCard:hover, .createJourneyView #newJourneySlick .createJourneyEmptyCard:hover {
    cursor: pointer; }
  .card:hover, .paperCard:hover, .createJourneyView #newJourneySlick .createJourneyEmptyCard:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .card .card__header, .paperCard .card__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .paperCard .paperCard__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header {
    height: 75px;
    border-radius: 5px 5px 0 0;
    position: relative; }
    .card .card__header .card__header__title, .paperCard .card__header .card__header__title, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header .card__header__title, .paperCard .paperCard__header .card__header__title, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header .card__header__title, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header .card__header__title {
      padding: 20px;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      overflow-y: hidden;
      font-family: "MuseoSansRounded700"; }
  .card .card__body, .paperCard .card__body, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body {
    height: 135px;
    /*div {
      border-radius: 50%;
      height: 70px;
      width: 70px;
      border: 3px solid white;
    }*/ }
    .card .card__body .doneCheck, .paperCard .card__body .doneCheck, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body .doneCheck {
      font-size: 3em;
      color: #ffffff;
      background-color: #29c896;
      border-radius: 50%; }
  .card .card__info, .paperCard .card__info, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info {
    height: 50px;
    background: rgba(255, 255, 255, 0.5); }
    .card .card__info .card__info__box, .paperCard .card__info .card__info__box, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info .card__info__box {
      width: 50%;
      height: 100%;
      float: left;
      text-align: center; }
    .card .card__info .card__info__box--width-full, .paperCard .card__info .card__info__box--width-full, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info .card__info__box--width-full {
      width: 100%; }
      .card .card__info .card__info__box--width-full .card__key, .paperCard .card__info .card__info__box--width-full .card__key, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__info .card__info__box--width-full .card__key {
        margin-top: 0; }
  .card .card__footer, .paperCard .card__footer, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer {
    height: 45px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    padding: 5px;
    text-align: right;
    /*muting it overall*/
    opacity: 0.4; }
    .card .card__footer span, .paperCard .card__footer span, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer span {
      text-align: right !important; }
    .card .card__footer p, .paperCard .card__footer p, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer p {
      position: absolute;
      font-size: 1.1rem;
      left: 8.5rem;
      bottom: 0rem; }
  .card .card__footer--state-hidden, .paperCard .card__footer--state-hidden, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer--state-hidden {
    display: none; }

.card--with-pic {
  background-position: 5% 25%, center, center;
  background-size: auto, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat; }

.card--state-empty, .createJourneyView #newJourneySlick .createJourneyEmptyCard {
  border: 2px dashed #ddd;
  box-shadow: none;
  color: #888; }
  .card--state-empty .card__header__title, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header__title {
    color: #222; }
  .card--state-empty img, .createJourneyView #newJourneySlick .createJourneyEmptyCard img {
    width: 50%; }
  .card--state-empty .card__desc, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__desc {
    padding: 0 10px;
    margin-bottom: 10px; }

.card--bg-dark {
  background-color: #333; }

.paperCard {
  position: relative;
  background-image: linear-gradient(rgba(250, 250, 250, 0.5), rgba(250, 250, 250, 0.5));
  background-position: center, center;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat-x;
  background-color: white;
  /*overflow: hidden;*/ }
  .paperCard .paperCard__header {
    background-color: #666;
    background-position: center;
    background-size: cover; }
  .paperCard .paperCard__title {
    max-height: 50px;
    overflow: hidden;
    padding: 1.2em !important;
    position: relative; }
  .paperCard .paperCard__desc {
    padding: 0.6em 1.2em 0 1.2em;
    line-height: 1.3em;
    text-align: left;
    font-size: 1em;
    color: #777;
    height: 135px;
    /*outline: 1px solid red;*/
    overflow: hidden;
    word-wrap: break-word; }
  .paperCard .card__footer {
    text-align: center;
    opacity: 1;
    display: inline-block;
    left: 0; }
    .paperCard .card__footer a {
      height: 100%;
      display: inline-block;
      line-height: 36px;
      font-family: "MuseoSansRounded700";
      text-transform: uppercase;
      font-size: 0.8em; }
      .paperCard .card__footer a:hover {
        text-decoration: none; }

.paperCard--state-read:not(.paperCard--state-focused) * {
  opacity: 0.3;
  -webkit-filter: grayscale(100%); }

.paperCard--state-added {
  opacity: 0.6; }
  .paperCard--state-added:hover {
    opacity: 1; }

.map {
  text-shadow: 0px 1px 1px #4d4d4d;
  position: absolute;
  height: 20px;
  left: 42%;
  color: #f65950;
  top: -30px;
  font-size: 2em;
  z-index: 1; }

.hcard {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
  clear: both; }
  .hcard:hover {
    background: #f7f7f7; }
  .hcard .hcard__pic {
    height: 8rem;
    width: 8rem;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    border: 1px solid #ddd;
    left: 0.5rem;
    top: 0;
    position: absolute;
    display: inline-block;
    margin-top: 1rem; }
  .hcard .hcard__meta {
    clear: both;
    display: inline-block;
    width: calc(100% - 9.5rem);
    margin: 0.5rem 1rem 0.5rem calc(8.5rem);
    min-height: 1rem;
    font-size: 1.1rem;
    color: #95a6a6; }
    .hcard .hcard__meta .hcard--position-left {
      float: left; }
    .hcard .hcard__meta .hcard--position-right {
      float: right; }
  .hcard .hcard__footer {
    clear: both;
    margin: 10px 0; }
  .hcard .hcard__title {
    display: inline-block;
    width: calc(100% - 8.5rem);
    float: left;
    margin: 0 0.5rem 0.25rem 8.5rem; }
  .hcard .hcard__desc {
    display: block;
    float: left;
    width: calc(100% - 8.5rem);
    margin: 0 0.5rem 0.25rem 8.5rem;
    margin-bottom: 0.5rem; }

.grab, .hcard--drag:hover {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.simple-title, .paperCard .paperCard__title, .hcard .hcard__title, #readerNavigation .journeyNavigation .navItem .itemTitle {
  color: #555;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0px;
  text-transform: none;
  text-align: left;
  text-overflow: ellipsis;
  font-family: MuseoSansRounded700; }

.single-line, .hcard .hcard__title, .tags2 .tags2__tag {
  clear: both;
  overflow: hidden;
  white-space: nowrap; }

.simple-desc, .card--state-empty .card__desc, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__desc, .hcard .hcard__desc {
  color: #bbb;
  font-size: 1.2rem;
  text-transform: none; }

.double-line, .hcard .hcard__desc {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden; }

.simple-tag, .hcard .hcard__tag {
  background: #eceeee;
  text-transform: uppercase;
  color: #95a6a6;
  display: inline;
  padding: 3px 5px;
  border-radius: 2px;
  font-size: 0.9rem;
  letter-spacing: 1px; }

/*
	Trying an implementation of visibility based on css instead of angular binding and cases
	for performance
*/
/*
	GLOBAL
*/
.has-error.form-group input {
  margin-bottom: 5px; }

.has-error.form-group p {
  font-size: 1.4rem;
  color: #f65950;
  padding-bottom: 20px; }

.has-error .help-block {
  font-size: 1.4rem;
  color: #f65950; }

.journeyCoverImage,
.journeyReadAction {
  border-radius: 4px; }

.journeyCoverImage {
  height: 150px;
  background-size: cover;
  background-position: 50% 50%;
  background-color: #a2a2a2;
  background-repeat: no-repeat; }
  .journeyCoverImage.journeyUsingLogo {
    background-size: contain; }
  .journeyCoverImage .icon {
    color: #29c896;
    font-size: 2rem; }

.journeyPartialView {
  width: 100%; }
  .journeyPartialView .journeyArticleImage {
    margin-right: 10px;
    width: 150px;
    float: left;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 4px 4px 0px 0px;
    background-color: #a2a2a2; }
    .journeyPartialView .journeyArticleImage.journeyUsingLogo {
      background-size: contain; }

.journeyArticleTile,
.journeyTile {
  /* EVERY section in JourneyArticleTile.html */ }
  .journeyArticleTile .journeyCoverImage,
  .journeyArticleTile .journeyReadAction,
  .journeyArticleTile .journeyPartialView,
  .journeyArticleTile #readerNavigation,
  .journeyArticleTile #journeyViewAddButton,
  .journeyArticleTile .minimizedNavigation,
  .journeyTile .journeyCoverImage,
  .journeyTile .journeyReadAction,
  .journeyTile .journeyPartialView,
  .journeyTile #readerNavigation,
  .journeyTile #journeyViewAddButton,
  .journeyTile .minimizedNavigation {
    display: none; }
  .journeyArticleTile .minimizedNavigation,
  .journeyTile .minimizedNavigation {
    font-size: 7rem; }
  .journeyArticleTile .journeyPartialView,
  .journeyTile .journeyPartialView {
    display: block;
    background: white;
    vertical-align: top;
    position: relative;
    border-radius: 4px; }
    .journeyArticleTile .journeyPartialView .info,
    .journeyTile .journeyPartialView .info {
      padding: 10px;
      text-align: left;
      height: 100px;
      overflow: hidden;
      padding-bottom: 0px; }
      .journeyArticleTile .journeyPartialView .info .provider,
      .journeyTile .journeyPartialView .info .provider {
        display: block;
        color: #fda22d;
        padding-top: 3px;
        padding-bottom: 5px;
        font-size: 10px; }
      .journeyArticleTile .journeyPartialView .info .title,
      .journeyTile .journeyPartialView .info .title {
        margin-bottom: .3em;
        font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
        font-size: 1.3rem;
        line-height: 1.2;
        color: #3b3d40;
        margin-right: 60px; }
      .journeyArticleTile .journeyPartialView .info .text,
      .journeyTile .journeyPartialView .info .text {
        padding-top: 5px;
        line-height: 1.2; }
    .journeyArticleTile .journeyPartialView .actionSection,
    .journeyTile .journeyPartialView .actionSection {
      top: 5px;
      position: absolute;
      width: 100%; }
      .journeyArticleTile .journeyPartialView .actionSection .icon,
      .journeyTile .journeyPartialView .actionSection .icon {
        font-size: 20px;
        display: block;
        padding-bottom: 5px; }
      .journeyArticleTile .journeyPartialView .actionSection .text,
      .journeyTile .journeyPartialView .actionSection .text {
        margin-bottom: .3em;
        font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
        font-size: 1.3rem;
        line-height: 1.2; }
        .journeyArticleTile .journeyPartialView .actionSection .text.read,
        .journeyTile .journeyPartialView .actionSection .text.read {
          color: #3b3d40; }
      .journeyArticleTile .journeyPartialView .actionSection .left,
      .journeyTile .journeyPartialView .actionSection .left {
        float: left;
        margin-left: 10px;
        cursor: pointer; }
      .journeyArticleTile .journeyPartialView .actionSection .right,
      .journeyTile .journeyPartialView .actionSection .right {
        float: right;
        margin-right: 10px;
        cursor: pointer; }
      .journeyArticleTile .journeyPartialView .actionSection .green,
      .journeyTile .journeyPartialView .actionSection .green {
        color: #29c896; }
  .journeyArticleTile.tablet .journeyPartialView,
  .journeyTile.tablet .journeyPartialView {
    min-width: 200px; }
  .journeyArticleTile.phone .journeyPartialView,
  .journeyTile.phone .journeyPartialView {
    min-width: 165px; }
  .journeyArticleTile .journeyReadAction,
  .journeyTile .journeyReadAction {
    background: rgba(0, 0, 0, 0.3);
    top: 1rem;
    height: 150px;
    margin-top: -150px;
    color: white;
    padding-top: 41px;
    font-size: 2rem;
    cursor: pointer; }

.journeyTile {
  text-align: center;
  background: white;
  vertical-align: top;
  margin: 0 10px;
  cursor: pointer; }
  .journeyTile .journeyPartialView .info {
    white-space: normal;
    height: 128px; }
    .journeyTile .journeyPartialView .info .title {
      font-size: 15px;
      overflow: hidden; }
    .journeyTile .journeyPartialView .info .provider {
      font-size: 12px;
      margin-top: 10px;
      line-height: 1.2; }
  .journeyTile .journeyPartialView .actionSection {
    position: relative; }
    .journeyTile .journeyPartialView .actionSection .text.read {
      margin-top: 45px; }
    .journeyTile .journeyPartialView .actionSection .count {
      font-size: 30px;
      padding-bottom: 4px;
      margin-top: 13px; }
    .journeyTile .journeyPartialView .actionSection .percent {
      float: right;
      margin-right: 10%; }

.slick-track {
  padding: 0 0 30px 0; }
  .slick-track .journeyArticleTile {
    padding-left: 10px;
    padding-right: 10px; }

/* Universal SLICK styles */
.journeyDetailView {
  background-color: #ffffff; }
  .journeyDetailView .slick-track {
    padding: 48px 0; }
  .journeyDetailView .arrow-up {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid #f2f4f4;
    margin-top: -35px;
    margin-left: calc(50% - 15px); }

.journeysView,
.createJourneyView,
.journeyDetailView,
.topicJourneysView,
.journeyReflections {
  color: #3b3d40;
  /* OVERWRITING SLICK STYLES */ }
  .journeysView.mobile,
  .createJourneyView.mobile,
  .journeyDetailView.mobile,
  .topicJourneysView.mobile,
  .journeyReflections.mobile {
    margin-top: calc(40px + 58px); }
  .journeysView md-progress-circular,
  .createJourneyView md-progress-circular,
  .journeyDetailView md-progress-circular,
  .topicJourneysView md-progress-circular,
  .journeyReflections md-progress-circular {
    transform: scale(1) !important;
    margin-left: auto;
    margin-right: auto; }
    .journeysView md-progress-circular.leftSpinner,
    .createJourneyView md-progress-circular.leftSpinner,
    .journeyDetailView md-progress-circular.leftSpinner,
    .topicJourneysView md-progress-circular.leftSpinner,
    .journeyReflections md-progress-circular.leftSpinner {
      z-index: 2;
      margin-top: 16.5rem;
      position: absolute;
      left: 0.4rem;
      transform: scale(0.75) !important; }
    .journeysView md-progress-circular.rightSpinner,
    .createJourneyView md-progress-circular.rightSpinner,
    .journeyDetailView md-progress-circular.rightSpinner,
    .topicJourneysView md-progress-circular.rightSpinner,
    .journeyReflections md-progress-circular.rightSpinner {
      z-index: 2;
      margin-top: 16.5rem;
      position: absolute;
      right: 1.4rem;
      transform: scale(0.75) !important; }
  .journeysView .slick-track,
  .createJourneyView .slick-track,
  .journeyDetailView .slick-track,
  .topicJourneysView .slick-track,
  .journeyReflections .slick-track {
    min-width: 99999px !important; }
  .journeysView .slick-arrow,
  .createJourneyView .slick-arrow,
  .journeyDetailView .slick-arrow,
  .topicJourneysView .slick-arrow,
  .journeyReflections .slick-arrow {
    background: white;
    border-radius: 50%;
    height: 38px; }
  .journeysView .slick-prev,
  .createJourneyView .slick-prev,
  .journeyDetailView .slick-prev,
  .topicJourneysView .slick-prev,
  .journeyReflections .slick-prev {
    left: -20px !important;
    z-index: 1 !important;
    width: auto; }
    .journeysView .slick-prev:before,
    .createJourneyView .slick-prev:before,
    .journeyDetailView .slick-prev:before,
    .topicJourneysView .slick-prev:before,
    .journeyReflections .slick-prev:before {
      opacity: 1 !important;
      font-size: 4rem !important;
      content: '←' !important;
      color: #95a6a6; }
  .journeysView .slick-next,
  .createJourneyView .slick-next,
  .journeyDetailView .slick-next,
  .topicJourneysView .slick-next,
  .journeyReflections .slick-next {
    right: 20px !important;
    z-index: 1 !important;
    width: auto; }
    .journeysView .slick-next:before,
    .createJourneyView .slick-next:before,
    .journeyDetailView .slick-next:before,
    .topicJourneysView .slick-next:before,
    .journeyReflections .slick-next:before {
      opacity: 1 !important;
      font-size: 4rem !important;
      content: '→' !important;
      color: #95a6a6; }
  .journeysView .centered,
  .createJourneyView .centered,
  .journeyDetailView .centered,
  .topicJourneysView .centered,
  .journeyReflections .centered {
    text-align: center; }
  .journeysView .relatedTopics,
  .createJourneyView .relatedTopics,
  .journeyDetailView .relatedTopics,
  .topicJourneysView .relatedTopics,
  .journeyReflections .relatedTopics {
    position: fixed;
    bottom: 0;
    width: calc(100vw - 240px); }
  .journeysView .inFocus,
  .createJourneyView .inFocus,
  .journeyDetailView .inFocus,
  .topicJourneysView .inFocus,
  .journeyReflections .inFocus {
    border-bottom: 1px dashed #dde4e4;
    color: #95a6a6;
    display: inline-block;
    max-width: 100%; }
  .journeysView .label.published, .journeysView .sideNavColumnContainer .sideNavMenuItem .published.username, .sideNavColumnContainer .sideNavMenuItem .journeysView .published.username, .journeysView .sideNavColumnContainer .profileNavMenuItem .published.username, .sideNavColumnContainer .profileNavMenuItem .journeysView .published.username,
  .createJourneyView .label.published,
  .createJourneyView .sideNavColumnContainer .sideNavMenuItem .published.username,
  .sideNavColumnContainer .sideNavMenuItem .createJourneyView .published.username,
  .createJourneyView .sideNavColumnContainer .profileNavMenuItem .published.username,
  .sideNavColumnContainer .profileNavMenuItem .createJourneyView .published.username,
  .journeyDetailView .label.published,
  .journeyDetailView .sideNavColumnContainer .sideNavMenuItem .published.username,
  .sideNavColumnContainer .sideNavMenuItem .journeyDetailView .published.username,
  .journeyDetailView .sideNavColumnContainer .profileNavMenuItem .published.username,
  .sideNavColumnContainer .profileNavMenuItem .journeyDetailView .published.username,
  .topicJourneysView .label.published,
  .topicJourneysView .sideNavColumnContainer .sideNavMenuItem .published.username,
  .sideNavColumnContainer .sideNavMenuItem .topicJourneysView .published.username,
  .topicJourneysView .sideNavColumnContainer .profileNavMenuItem .published.username,
  .sideNavColumnContainer .profileNavMenuItem .topicJourneysView .published.username,
  .journeyReflections .label.published,
  .journeyReflections .sideNavColumnContainer .sideNavMenuItem .published.username,
  .sideNavColumnContainer .sideNavMenuItem .journeyReflections .published.username,
  .journeyReflections .sideNavColumnContainer .profileNavMenuItem .published.username,
  .sideNavColumnContainer .profileNavMenuItem .journeyReflections .published.username {
    font-size: 1rem;
    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 0.3rem;
    margin: 0 1rem;
    color: #95a6a6;
    vertical-align: middle;
    font-family: MuseoSansRounded500; }
  .journeysView .loader-small,
  .createJourneyView .loader-small,
  .journeyDetailView .loader-small,
  .topicJourneysView .loader-small,
  .journeyReflections .loader-small {
    transform: scale(0.3) !important; }
  .journeysView .small-icon--loader,
  .createJourneyView .small-icon--loader,
  .journeyDetailView .small-icon--loader,
  .topicJourneysView .small-icon--loader,
  .journeyReflections .small-icon--loader {
    margin: -17px 0 0 -13px; }
  .journeysView .small-icon--loader-container,
  .createJourneyView .small-icon--loader-container,
  .journeyDetailView .small-icon--loader-container,
  .topicJourneysView .small-icon--loader-container,
  .journeyReflections .small-icon--loader-container {
    width: 20px; }
  .journeysView .slickContainer.minimized .slick-track,
  .createJourneyView .slickContainer.minimized .slick-track,
  .journeyDetailView .slickContainer.minimized .slick-track,
  .topicJourneysView .slickContainer.minimized .slick-track,
  .journeyReflections .slickContainer.minimized .slick-track {
    -webkit-transition: padding 0.3s ease-in-out;
    -ms-transition: padding 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
    padding: 30px 0 40px 0; }
    .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard,
    .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard,
    .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard,
    .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard,
    .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard {
      -webkit-transition: height opacity 0.3s ease-in-out;
      -ms-transition: height opacity 0.3s ease-in-out;
      -moz-transition: height opacity 0.3s ease-in-out;
      -o-transition: height opacity 0.3s ease-in-out;
      transition: height opacity 0.3s ease-in-out;
      height: 140px; }
      .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__title,
      .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__title,
      .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__title,
      .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__title,
      .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__title {
        height: 4rem;
        padding: 0.75rem 2rem !important;
        line-height: 1.1; }
      .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__desc,
      .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__desc,
      .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__desc,
      .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__desc,
      .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .paperCard__desc {
        opacity: 0; }
      .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer,
      .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer,
      .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer,
      .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer,
      .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer {
        height: 22px; }
        .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer a,
        .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer a,
        .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer a,
        .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer a,
        .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard .card__footer a {
          line-height: 1; }
    .journeysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard--state-focused,
    .createJourneyView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard--state-focused,
    .journeyDetailView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard--state-focused,
    .topicJourneysView .slickContainer.minimized .slick-track .journeyArticleTile .paperCard--state-focused,
    .journeyReflections .slickContainer.minimized .slick-track .journeyArticleTile .paperCard--state-focused {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }

.journeysView {
  min-height: calc(100vh - 56px);
  height: calc(100vh - 56px);
  overflow: auto;
  background: #ffffff;
  /* OVERWRITING SLICK STYLES */ }
  .journeysView .section {
    padding: 2rem 0 0 0; }
    .journeysView .section .sectionHeader {
      padding: 0 0 0 2rem; }
      .journeysView .section .sectionHeader .title .icon {
        width: 3rem;
        display: inline-block; }
      .journeysView .section .sectionHeader .description {
        font-size: 1.5rem;
        margin-top: 1rem;
        padding-left: 4rem; }
    .journeysView .section .sectionContent {
      position: relative;
      padding: 2rem 4rem 0 4rem; }
      .journeysView .section .sectionContent.empty {
        height: auto; }
      .journeysView .section .sectionContent > div {
        font-size: 2em;
        text-align: center; }
    .journeysView .section .explore {
      text-align: right;
      padding-right: 2rem; }
  .journeysView .slick-slide {
    margin: 10px; }

.topicJourneysView, .createJourneyView {
  padding: 2rem; }
  .topicJourneysView .back, .createJourneyView .back {
    font-size: 3rem;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
    cursor: pointer;
    text-align: center;
    color: #95a6a6; }
    .topicJourneysView .back:hover, .createJourneyView .back:hover {
      color: #3b3d40; }
  .topicJourneysView .startJourneyRow .back, .createJourneyView .startJourneyRow .back {
    line-height: 1.2; }
  .topicJourneysView .startJourneyRow .title, .createJourneyView .startJourneyRow .title {
    display: inline-block;
    width: calc(100% - 35px);
    vertical-align: middle; }
  .topicJourneysView .startJourneyRow .startBtn, .createJourneyView .startJourneyRow .startBtn {
    text-align: right; }
  .topicJourneysView .noSearchResults, .createJourneyView .noSearchResults {
    text-align: center;
    margin: 2rem 0;
    font-size: 1.4rem;
    color: #95a6a6;
    text-transform: uppercase; }
    .topicJourneysView .noSearchResults .focus, .createJourneyView .noSearchResults .focus {
      color: #3b3d40;
      border-bottom: 1px dashed #3b3d40; }
  .topicJourneysView .searchDiv .searchBox, .createJourneyView .searchDiv .searchBox {
    width: calc(100% - 80px);
    display: inline-block; }
  .topicJourneysView .searchDiv .searchBtn, .createJourneyView .searchDiv .searchBtn {
    padding-left: 0.5rem; }
    .topicJourneysView .searchDiv .searchBtn.center, .createJourneyView .searchDiv .searchBtn.center {
      text-align: center; }
    .topicJourneysView .searchDiv .searchBtn i, .createJourneyView .searchDiv .searchBtn i {
      padding-right: 0; }
  .topicJourneysView .searchDiv button, .createJourneyView .searchDiv button {
    height: 42px; }
  .topicJourneysView .searchDiv .searchIcon, .createJourneyView .searchDiv .searchIcon {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 50%;
    background: #26b099;
    margin: 0 0.5rem; }
    .topicJourneysView .searchDiv .searchIcon i, .createJourneyView .searchDiv .searchIcon i {
      color: #ffffff;
      line-height: 3rem;
      vertical-align: middle; }
  .topicJourneysView .journeyArticlesTitle, .createJourneyView .journeyArticlesTitle {
    margin: 1rem 0; }
  .topicJourneysView .card .card__key, .topicJourneysView .paperCard .card__key, .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__key, .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard .card__key, .createJourneyView .card .card__key, .createJourneyView .paperCard .card__key, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__key {
    font-size: 1.2rem; }
  .topicJourneysView .card .card__value, .topicJourneysView .paperCard .card__value, .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__value, .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard .card__value, .createJourneyView .card .card__value, .createJourneyView .paperCard .card__value, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__value {
    font-size: 1.6rem; }
  .topicJourneysView .card .card__header, .topicJourneysView .paperCard .card__header, .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard .card__header, .paperCard .topicJourneysView .card .paperCard__header, .topicJourneysView .paperCard .paperCard__header, .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header, .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard .paperCard__header, .createJourneyView .card .card__header, .createJourneyView .paperCard .card__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .paperCard .createJourneyView .card .paperCard__header, .createJourneyView .paperCard .paperCard__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header {
    font-size: 1.4rem; }
  .topicJourneysView .card.card--state-empty, .topicJourneysView .card--state-empty.paperCard, .topicJourneysView .createJourneyView #newJourneySlick .createJourneyEmptyCard, .createJourneyView #newJourneySlick .topicJourneysView .createJourneyEmptyCard, .createJourneyView .card.card--state-empty, .createJourneyView .card--state-empty.paperCard, .createJourneyView #newJourneySlick .createJourneyEmptyCard {
    margin: 0; }
  .topicJourneysView .journeyTile, .createJourneyView .journeyTile {
    width: 200px;
    display: inline-block;
    margin-bottom: 15px; }

.topicJourneysView .journeysList {
  overflow-y: auto;
  height: calc(100vh - 135px); }

.journeyDetailView md-progress-circular {
  margin-top: 7em; }

.journeyDetailView .emptyJourneyMessage {
  text-align: center;
  margin-top: 10rem; }
  .journeyDetailView .emptyJourneyMessage a {
    color: #29c896; }

.journeyDetailView .icon-circle-checkmark2.doneCheck {
  color: #29c896;
  font-size: 3em; }

.journeyDetailView .journeyDetailSlickLoader {
  height: 285px; }

.journeyDetailView .journeyBanner .bannerContainer {
  width: 100%; }
  .journeyDetailView .journeyBanner .bannerContainer.mobile .leftContainer .nameContainer {
    width: calc(100% -  30px); }
  .journeyDetailView .journeyBanner .bannerContainer .leftContainer {
    width: 100%; }
    .journeyDetailView .journeyBanner .bannerContainer .leftContainer .back {
      display: inline-block;
      width: 20px;
      float: left;
      font-size: 3rem;
      margin-right: 10px;
      cursor: pointer; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .back i {
        color: #dde4e4;
        line-height: 7rem;
        vertical-align: middle; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .back:hover i {
        color: #95a6a6; }
    .journeyDetailView .journeyBanner .bannerContainer .leftContainer .iconContainer {
      text-align: center;
      min-width: 65px;
      width: 65px; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .iconContainer .ratings {
        font-size: 1rem;
        margin: 1rem 0;
        color: #dde4e4; }
        .journeyDetailView .journeyBanner .bannerContainer .leftContainer .iconContainer .ratings i.selected {
          color: #ff9000; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .iconContainer .avgRating {
        text-align: center;
        font-size: 1.2rem;
        line-height: 1.6; }
    .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer {
      padding-left: 2rem;
      width: calc(100% - 65px - 30px); }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .name .subtitle {
        max-width: calc(100% - 70px); }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .actionLink i {
        font-size: 1.6rem; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .delete {
        font-size: 1.3rem; }
      .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .dropdown-menu {
        top: 50px;
        right: 20px;
        left: auto; }
        .journeyDetailView .journeyBanner .bannerContainer .leftContainer .nameContainer .quality-metrics .journeyOptions .dropdown-menu li.dropdown-link {
          padding: 0.6rem;
          border-radius: 0.2rem; }

.journeyDetailView .journeyBanner .emptyMessage {
  padding: 2.5rem;
  font-size: 1.6rem; }

.journeyDetailView .journeyBanner .percentage {
  text-align: center; }
  .journeyDetailView .journeyBanner .percentage .doneIndicator {
    -webkit-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s; }
  .journeyDetailView .journeyBanner .percentage .c100 {
    border-color: rgba(247, 247, 247, 0.5);
    background-color: transparent; }
  .journeyDetailView .journeyBanner .percentage span.number {
    color: #95a6a6; }

.journeyDetailView .journeyBanner .slickContainer {
  padding: 0 2em; }

.journeyDetailView .journeyBanner .importButton {
  right: 0px;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  width: 3.3rem;
  height: 3.3rem;
  padding: 0 0 0 0.5rem;
  margin: 1rem;
  font-size: 1.5rem; }

.journeyDetailView #journeyArticlesSlick {
  /* Show proper article tile sections */ }
  .journeyDetailView #journeyArticlesSlick .journeyPartialView {
    display: none; }
  .journeyDetailView #journeyArticlesSlick .journeyCoverImage,
  .journeyDetailView #journeyArticlesSlick .journeyReadAction {
    display: block; }

.journeyDetailView #relatedArticlesContainer .journeyPartialView {
  display: block;
  background: white;
  vertical-align: top;
  position: relative;
  border-radius: 4px; }

.journeyDetailView .topPart {
  background-color: #ffffff;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  font-size: 1.3rem; }
  .journeyDetailView .topPart h1 {
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 3rem; }

.journeyDetailView .articleDetailSection {
  padding-bottom: 10px;
  display: block;
  background: white;
  vertical-align: top;
  position: relative;
  border-radius: 4px; }
  .journeyDetailView .articleDetailSection .articleImage {
    margin-right: 10px;
    width: 150px;
    float: left;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 4px 4px 0px 0px;
    background-color: #a2a2a2; }
  .journeyDetailView .articleDetailSection .iconIndicator {
    position: absolute;
    left: 47%;
    margin-top: -42px;
    font-size: 5rem;
    color: #95a6a6; }
  .journeyDetailView .articleDetailSection .info {
    padding: 10px;
    text-align: left;
    height: 100px;
    overflow: hidden;
    padding-bottom: 0px; }
    .journeyDetailView .articleDetailSection .info .provider {
      display: block;
      color: #fda22d;
      padding-top: 3px;
      padding-bottom: 5px;
      font-size: 10px; }
    .journeyDetailView .articleDetailSection .info .title {
      margin-bottom: .3em;
      font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
      font-size: 1.3rem;
      line-height: 1.2;
      color: #3b3d40;
      margin-right: 60px; }
    .journeyDetailView .articleDetailSection .info .text {
      padding-top: 5px;
      line-height: 1.2; }

.journeyDetailView .bottomPart {
  height: calc(100vh - 290px);
  overflow-y: auto; }

.journeyDetailView .notOwned .addAvailable {
  display: none; }

.createJourneyView {
  /* Show proper article tile sections */ }
  .createJourneyView .journeyPartialView {
    display: block;
    background: white;
    vertical-align: top;
    position: relative;
    border-radius: 4px; }
  .createJourneyView .slick-prev {
    left: -5px !important; }
  .createJourneyView form {
    padding-bottom: 80px; }
  .createJourneyView #newJourneySlick {
    /* Show proper article tile sections */
    padding: 0 15px; }
    .createJourneyView #newJourneySlick .slick-track {
      padding: 15px 0; }
    .createJourneyView #newJourneySlick .createJourneyEmptyCard {
      height: 150px; }
      .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__desc {
        padding: 0 10px; }
    .createJourneyView #newJourneySlick .journeyCoverImage {
      display: block; }
    .createJourneyView #newJourneySlick .journeyCoverImage {
      width: 20vw; }
    .createJourneyView #newJourneySlick .journeyPartialView {
      display: none; }
  .createJourneyView .fixed {
    position: fixed;
    width: calc(100vw - 240px);
    border-bottom: 2px solid #95a6a6;
    z-index: 99;
    background-color: white; }

#availableArticlesContainer,
.horizontalArticlesContainer {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.6rem;
  height: calc(100vh - 400px);
  overflow: auto; }
  #availableArticlesContainer.createJourneys md-progress-circular,
  .horizontalArticlesContainer.createJourneys md-progress-circular {
    margin-top: 10rem; }
  #availableArticlesContainer.createJourneys .emptyMessage,
  .horizontalArticlesContainer.createJourneys .emptyMessage {
    padding: 10rem; }
    #availableArticlesContainer.createJourneys .emptyMessage i,
    .horizontalArticlesContainer.createJourneys .emptyMessage i {
      background: #29c896;
      border: solid 1px #29c896;
      color: #ffffff;
      font-size: 1.4rem;
      border-radius: 50%;
      padding: 0.8rem; }
  #availableArticlesContainer .actionLink,
  .horizontalArticlesContainer .actionLink {
    font-size: 1.2rem; }
  #availableArticlesContainer .importButton,
  .horizontalArticlesContainer .importButton {
    right: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    width: 3.3rem;
    height: 3.3rem;
    padding: 0 0 0 0.5rem;
    margin-right: .5rem;
    margin-top: -1.5rem;
    font-size: 1.5rem; }

.recommendations {
  background: transparent; }

.horizontalArticlesContainer {
  height: calc(100vh - 630px);
  background-color: #f2f4f4;
  -webkit-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out; }
  .horizontalArticlesContainer.tall {
    height: calc(100vh - 165px); }
  .horizontalArticlesContainer.taller {
    height: calc(100vh - 450px); }

.relatedArticlesTitle {
  text-align: left;
  font-size: 20px;
  padding: 10px 15px;
  background: #f2f4f4;
  width: 100%; }
  .relatedArticlesTitle .heading {
    padding: 10px 0; }

.pullUpRelatedArticles {
  color: #95a6a6;
  cursor: pointer; }

.journeyModal {
  background-color: white;
  /*margin-top: 75px;*/ }
  .journeyModal .declaraModal-wrapper {
    width: 100vw;
    background: white;
    display: block;
    float: none;
    overflow-y: auto;
    padding-top: 70px;
    height: calc(100vh);
    transform: none;
    top: 0;
    left: 0; }
    .journeyModal .declaraModal-wrapper .declaraModal-content {
      box-shadow: none;
      border: none; }
    .journeyModal .declaraModal-wrapper .postItemPage div:first-child {
      float: none; }
    .journeyModal .declaraModal-wrapper .postItemPage .postItemBanner,
    .journeyModal .declaraModal-wrapper .postItemPage .postItemBannerBooked {
      display: none; }
    .journeyModal .declaraModal-wrapper .postItemPage .postItem {
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px; }
      .journeyModal .declaraModal-wrapper .postItemPage .postItem .toolbarsContainer {
        margin-left: 50px;
        margin-right: 50px; }
    .journeyModal .declaraModal-wrapper .postItemPage .postContentTitle {
      width: 80%;
      display: inline-block; }
    .journeyModal .declaraModal-wrapper .postItemPage #journeyViewAddButton {
      display: block;
      float: right;
      margin-right: 10px;
      cursor: pointer;
      color: #26b099; }
      .journeyModal .declaraModal-wrapper .postItemPage #journeyViewAddButton .add-icon {
        font-size: 60px;
        display: block;
        padding-bottom: 5px; }
      .journeyModal .declaraModal-wrapper .postItemPage #journeyViewAddButton .add-text {
        font-size: 33px;
        margin-bottom: .3em;
        font-family: 'MuseoSansRounded300', 'Arial', sans-serif;
        line-height: 1.2; }
  .journeyModal.smallReader {
    background-color: rgba(255, 255, 255, 0.1);
    left: 50%; }
    .journeyModal.smallReader .declaraModal-wrapper {
      width: 30vw;
      height: 50vh;
      background: white;
      display: block;
      float: none;
      overflow-y: auto;
      border: 1px solid black; }
    .journeyModal.smallReader * {
      font-size: 12px !important;
      width: 100%; }
    .journeyModal.smallReader header {
      font-size: 20px !important;
      padding-bottom: 20px; }

/*
	ADDING CIRCLEs 
*/
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
/*@import "compass";*/
/*$primary-color: #307bbb;*/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #29c896;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  border: 4px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.3); }
  .c100 *, .c100 *:before, .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 60px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    line-height: 4;
    font-size: 1.4rem;
    color: #ffffff;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    /*background-color: $bg-color;*/
    background-color: transparent;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
    top: -0.06em;
    left: -0.06em; }
  .c100 .bar {
    width: 1em;
    height: 1em;
    box-sizing: border-box; }
  .c100 .fill {
    height: 1em !important;
    width: 1em !important;
    box-sizing: border-box; }
  .c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg); }
  .c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg); }
  .c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg); }
  .c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  .c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg); }
  .c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg); }
  .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg); }
  .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg); }
  .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg); }
  .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg); }
  .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg); }
  .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg); }
  .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg); }
  .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg); }
  .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg); }
  .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default; }
    .c100:hover:after {
      top: 0.04em;
      left: 0.04em;
      width: 0.92em;
      height: 0.92em; }
  .c100.dark {
    background-color: #777; }
    .c100.dark .bar,
    .c100.dark .fill {
      border-color: #c6ff00 !important; }
    .c100.dark > span {
      color: #777; }
    .c100.dark:after {
      background-color: #666; }
    .c100.dark:hover > span {
      color: #c6ff00; }
  .c100.green .bar, .c100.green .fill {
    border-color: #4db53c !important; }
  .c100.green:hover > span {
    color: #4db53c; }
  .c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important; }
  .c100.green.dark:hover > span {
    color: #5fd400; }
  .c100.orange .bar, .c100.orange .fill {
    border-color: #dd9d22 !important; }
  .c100.orange:hover > span {
    color: #dd9d22; }
  .c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #e08833 !important; }
  .c100.orange.dark:hover > span {
    color: #e08833; }

/* copied from search page scss */
.searchBox {
  vertical-align: top;
  display: block;
  margin-bottom: 15px;
  width: 100%;
  border: 1px solid #dde4e4;
  background-color: #f2f4f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: MuseoSansRounded100, Arial, sans-serif; }
  .searchBox.focussed {
    background-color: white;
    border-color: #29c896; }
  .searchBox input.searchTerm {
    background-color: transparent;
    padding: 0 10px 0 15px;
    font-size: 2.0rem;
    border: 0;
    display: inline-block;
    width: 90%;
    width: calc(100% - 3.2rem + 0.5rem);
    margin-bottom: 0; }
  .searchBox .searchButton {
    width: 3.2rem;
    height: 3.2rem;
    background-color: #29c896;
    border-radius: 1.6rem;
    cursor: pointer;
    float: right;
    position: relative;
    margin-top: 0.5rem;
    margin-right: 0.5rem; }
    .searchBox .searchButton .icon-search {
      font-size: 1.6rem;
      color: #eceeee;
      vertical-align: middle;
      position: absolute;
      left: 0.8rem;
      top: 0.8rem; }

.journey__card__loading {
  margin: 7em 7.5rem !important;
  transform: scale(1) !important; }

.absolute {
  position: absolute; }

.card__body__followed {
  font-size: 1.9rem; }

.helper-icon {
  color: #95a6a6;
  cursor: pointer; }

.journeysView {
  /* OVERWRITING SLICK STYLES */ }
  .journeysView .section {
    border-bottom: 1px solid #f2f4f4;
    padding: 2rem 2rem 0 2rem;
    margin: 0; }
    .journeysView .section .sectionContent {
      padding: 2rem 1rem; }
    .journeysView .section .description {
      font-size: 1.4rem;
      color: #95a6a6;
      padding: 0 0 0 3rem; }
  .journeysView .slick-track {
    font-size: 1.9rem;
    padding: 0; }
  .journeysView .slick-slide {
    margin: 10px; }
  .journeysView .slick-next {
    right: -25px !important; }
  .journeysView .card__info__box {
    display: flex;
    flex-direction: column;
    justify-content: center; }

/*
.journeysView {
    min-height: calc(100vh - 56px);
    background: $white;
    .section {
        padding: 2rem 0 0 0;
        .sectionHeader {
            padding: 0 0 0 2rem;
            .title {
                // font-size: 2em;
                .icon {
                    width: 3rem;
                    display: inline-block;
                }
            }
            .description {
                font-size: 1.5rem;
                margin-top: 1rem;
                padding-left: 4rem;
            }
        }
        .sectionContent {
            position: relative; 
            padding: 2rem 4rem 0 4rem;
            border-bottom: 1px solid #e8e8e8;
            &.empty {
                height: auto;
            }
            > div {
                font-size: 2em;
                text-align: center;
            }
        }
        .explore {
            text-align: right; 
            padding-right: 2rem;
        }
    }
    /* OVERWRITING SLICK STYLES *
    .slick-slide {
        margin: 10px;
    }
}*/
.journeyDetailView .slick-prev {
  left: 5px !important; }

#readerNavigation {
  z-index: 9999999;
  background: #ffffff;
  height: 70px;
  width: 100vw;
  position: absolute;
  top: 0px;
  left: 0px; }
  #readerNavigation .journeyArticleTile {
    display: block;
    margin: 0px;
    width: 150px;
    height: 100px; }
  #readerNavigation .journeyReadAction,
  #readerNavigation .journeyPartialView {
    display: none; }
  #readerNavigation .journeyCoverImage {
    display: block;
    cursor: pointer;
    height: 100px; }
    #readerNavigation .journeyCoverImage .icon-mapmarker {
      display: none; }
  #readerNavigation .nonJourneyArticle .journeyCoverImage {
    width: 150px; }
  #readerNavigation .journeyProgress {
    width: calc(100vw - 500px);
    text-align: center;
    margin: 0 auto;
    font-size: 1.3rem;
    color: #95a6a6;
    margin-top: 25px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 0 30px; }
    #readerNavigation .journeyProgress .goBack {
      float: right;
      font-size: 3rem;
      vertical-align: middle;
      margin-top: -0.75rem;
      cursor: pointer;
      color: #dde4e4; }
      #readerNavigation .journeyProgress .goBack:hover {
        color: #3b3d40; }
      #readerNavigation .journeyProgress .goBack.disabled {
        opacity: 0.3;
        cursor: not-allowed; }
    #readerNavigation .journeyProgress #progressbar {
      background-color: black;
      border-radius: 13px;
      /* (height of inner div) / 2 + padding */
      padding: 3px; }
    #readerNavigation .journeyProgress #progressbar > div {
      background-color: orange;
      width: 40%;
      /* Adjust with JavaScript */
      height: 20px;
      border-radius: 10px; }
  #readerNavigation .journeyNavigation {
    z-index: 999999;
    width: 250px;
    background: white;
    position: absolute;
    top: 10px; }
    #readerNavigation .journeyNavigation.disabled {
      opacity: 0.3;
      cursor: not-allowed; }
      #readerNavigation .journeyNavigation.disabled .navItem {
        cursor: not-allowed; }
      #readerNavigation .journeyNavigation.disabled:hover {
        opacity: 0.3;
        cursor: not-allowed; }
    #readerNavigation .journeyNavigation .navItem {
      color: #95a6a6;
      cursor: pointer; }
      #readerNavigation .journeyNavigation .navItem:hover {
        color: #3b3d40; }
        #readerNavigation .journeyNavigation .navItem:hover .itemTitle {
          color: #3b3d40; }
      #readerNavigation .journeyNavigation .navItem .iconCol {
        font-size: 2rem;
        height: 3rem;
        vertical-align: middle; }
        #readerNavigation .journeyNavigation .navItem .iconCol i {
          vertical-align: middle;
          height: 100%;
          font-size: 4.2rem; }
      #readerNavigation .journeyNavigation .navItem .itemTitle {
        line-height: 2.2rem;
        height: 4.4rem;
        overflow: hidden;
        color: #95a6a6;
        font-size: 1.5rem; }
    #readerNavigation .journeyNavigation.jnGoLeft {
      left: 10px;
      top: 10px;
      position: fixed; }
    #readerNavigation .journeyNavigation.jnGoRight {
      right: 10px;
      top: 10px;
      position: fixed; }
      #readerNavigation .journeyNavigation.jnGoRight .navItem .itemTitle {
        text-align: right; }
    #readerNavigation .journeyNavigation.navAction {
      cursor: pointer;
      right: 55px;
      position: fixed;
      width: auto; }
      #readerNavigation .journeyNavigation.navAction .iconBlock {
        font-size: 7rem; }
      #readerNavigation .journeyNavigation.navAction .textBlock {
        text-align: center;
        padding: 1rem 0;
        text-transform: uppercase;
        font-family: MuseoSansRounded700;
        font-size: 1.2rem; }
    #readerNavigation .journeyNavigation.jnGotIt {
      top: calc(50vh - 3.5rem);
      color: #26b099;
      background-color: transparent; }
      #readerNavigation .journeyNavigation.jnGotIt.doneAlready {
        color: #29c896; }
      #readerNavigation .journeyNavigation.jnGotIt i {
        border-radius: 50%;
        background-color: #ffffff; }
    #readerNavigation .journeyNavigation.jnGoBack {
      top: 32vh; }
  #readerNavigation.phone .journeyNavigation .journeyArticleTile {
    width: auto !important; }
  #readerNavigation .active {
    color: #d4aa55; }

.journeyForumContainer {
  height: calc(100vh - 56px);
  background: #ffffff; }

.journeyForumWrapper {
  background: #ffffff;
  border-left: 1px solid #e8e8e8;
  height: 100%; }
  .journeyForumWrapper .journeyConversationTopBar {
    background-color: #f7f7f7;
    padding: 1.5rem 0;
    vertical-align: middle; }
    .journeyForumWrapper .journeyConversationTopBar .leftBtn, .journeyForumWrapper .journeyConversationTopBar .rightBtn {
      font-size: 1.4rem;
      line-height: 1.6;
      padding: 0 0.5rem; }
      .journeyForumWrapper .journeyConversationTopBar .leftBtn a, .journeyForumWrapper .journeyConversationTopBar .rightBtn a {
        text-decoration: none; }
      .journeyForumWrapper .journeyConversationTopBar .leftBtn i, .journeyForumWrapper .journeyConversationTopBar .leftBtn span, .journeyForumWrapper .journeyConversationTopBar .rightBtn i, .journeyForumWrapper .journeyConversationTopBar .rightBtn span {
        vertical-align: middle; }
      .journeyForumWrapper .journeyConversationTopBar .leftBtn .label, .journeyForumWrapper .journeyConversationTopBar .leftBtn .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .journeyForumWrapper .journeyConversationTopBar .leftBtn .username, .journeyForumWrapper .journeyConversationTopBar .leftBtn .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .journeyForumWrapper .journeyConversationTopBar .leftBtn .username, .journeyForumWrapper .journeyConversationTopBar .rightBtn .label, .journeyForumWrapper .journeyConversationTopBar .rightBtn .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .journeyForumWrapper .journeyConversationTopBar .rightBtn .username, .journeyForumWrapper .journeyConversationTopBar .rightBtn .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .journeyForumWrapper .journeyConversationTopBar .rightBtn .username {
        background: white;
        padding: 0.2rem 0.1rem;
        border-radius: 0.2rem;
        border: 1px solid #26b099;
        font-size: 1.2rem;
        text-align: center;
        cursor: pointer; }
        .journeyForumWrapper .journeyConversationTopBar .leftBtn .label.btn, .journeyForumWrapper .journeyConversationTopBar .leftBtn .sideNavColumnContainer .sideNavMenuItem .btn.username, .sideNavColumnContainer .sideNavMenuItem .journeyForumWrapper .journeyConversationTopBar .leftBtn .btn.username, .journeyForumWrapper .journeyConversationTopBar .leftBtn .sideNavColumnContainer .profileNavMenuItem .btn.username, .sideNavColumnContainer .profileNavMenuItem .journeyForumWrapper .journeyConversationTopBar .leftBtn .btn.username, .journeyForumWrapper .journeyConversationTopBar .rightBtn .label.btn, .journeyForumWrapper .journeyConversationTopBar .rightBtn .sideNavColumnContainer .sideNavMenuItem .btn.username, .sideNavColumnContainer .sideNavMenuItem .journeyForumWrapper .journeyConversationTopBar .rightBtn .btn.username, .journeyForumWrapper .journeyConversationTopBar .rightBtn .sideNavColumnContainer .profileNavMenuItem .btn.username, .sideNavColumnContainer .profileNavMenuItem .journeyForumWrapper .journeyConversationTopBar .rightBtn .btn.username {
          background: #26b099;
          color: white; }
      .journeyForumWrapper .journeyConversationTopBar .leftBtn .badge, .journeyForumWrapper .journeyConversationTopBar .rightBtn .badge {
        background: #f65950;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.9rem;
        display: inline-block;
        text-align: center;
        vertical-align: middle; }
    .journeyForumWrapper .journeyConversationTopBar .conversationTitle {
      font-size: 1.3rem;
      line-height: 1.8;
      font-family: MuseoSansRounded700;
      letter-spacing: 1px;
      color: #3b3d40;
      text-transform: uppercase;
      text-align: center; }
      .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long {
        line-height: 1.1;
        text-align: left; }
        .journeyForumWrapper .journeyConversationTopBar .conversationTitle.long span {
          vertical-align: middle; }
  .journeyForumWrapper .loader {
    color: white;
    text-indent: .4em;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 30px;
    padding-top: 10px; }
  .journeyForumWrapper .askQuestion {
    color: #29c896;
    text-indent: .4em;
    font-size: 1.5em;
    width: 100%;
    cursor: pointer;
    height: 30px;
    padding-top: 10px; }
    .journeyForumWrapper .askQuestion .questionContainer {
      padding: 1rem 3rem; }
      .journeyForumWrapper .askQuestion .questionContainer .title {
        margin-bottom: 1rem; }
  .journeyForumWrapper .journeyQuestionsList {
    overflow: auto;
    height: calc(100vh - 110px); }
    .journeyForumWrapper .journeyQuestionsList .journeyQuestion {
      padding: 1.5rem;
      font-size: 1.4rem;
      border-bottom: 1px solid #eceeee;
      cursor: pointer; }
      .journeyForumWrapper .journeyQuestionsList .journeyQuestion:hover {
        background: #f2f4f4; }
      .journeyForumWrapper .journeyQuestionsList .journeyQuestion .profilePic .userImage {
        position: relative;
        left: 0;
        height: 30px;
        width: 30px; }
      .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .nameBar {
        text-align: right;
        font-size: 1.2rem;
        color: #95a6a6;
        vertical-align: middle;
        margin-bottom: 10px; }
        .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .nameBar .timeAgo:before {
          content: ' | ';
          color: #dde4e4; }
        .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .nameBar .repliesCount {
          color: #95a6a6;
          float: left; }
      .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .questionText {
        line-height: 1.2;
        margin-bottom: 10px; }
        .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .questionText:before {
          content: 'Q: ';
          font-family: MuseoSansRounded500;
          color: #3b3d40;
          vertical-align: top; }
        .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .questionText .text {
          width: calc(100% - 60px);
          display: inline-block; }
        .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .questionText .deleteIcon {
          width: 30px;
          text-align: center;
          vertical-align: top;
          display: inline-block;
          text-decoration: none;
          color: #95a6a6; }
          .journeyForumWrapper .journeyQuestionsList .journeyQuestion .detailBar .questionText .deleteIcon:hover {
            color: #26b099; }
  .journeyForumWrapper .emptyQuestions {
    font-size: 1.6rem;
    color: #95a6a6;
    text-align: center;
    padding: 2rem; }
    .journeyForumWrapper .emptyQuestions .label.btn, .journeyForumWrapper .emptyQuestions .sideNavColumnContainer .sideNavMenuItem .btn.username, .sideNavColumnContainer .sideNavMenuItem .journeyForumWrapper .emptyQuestions .btn.username, .journeyForumWrapper .emptyQuestions .sideNavColumnContainer .profileNavMenuItem .btn.username, .sideNavColumnContainer .profileNavMenuItem .journeyForumWrapper .emptyQuestions .btn.username {
      background: #26b099;
      padding: 1rem 2rem;
      width: 150px;
      margin: 1rem auto;
      color: white;
      border-radius: 0.3rem;
      cursor: pointer; }
  .journeyForumWrapper .journeyConversationContainer {
    /*height:100vh;*/ }
    .journeyForumWrapper .journeyConversationContainer .slackify {
      height: auto; }
    .journeyForumWrapper .journeyConversationContainer.withExperts .discussionTile .tileContent {
      height: calc(100vh - 110px - 8rem); }
    .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent {
      border-radius: 0px;
      height: calc(100vh - 110px);
      box-shadow: none; }
      .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent:hover {
        box-shadow: none; }
      .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent .discussionContainer {
        background: #ffffff;
        padding: 0px;
        height: calc(100% - 102px);
        overflow-y: auto;
        padding: 20px 10px 10px 10px; }
        .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent .discussionContainer .lastComment {
          position: relative; }
        .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent .discussionContainer .lastCommentText .commentMetadata .timeAgo {
          font-size: 1.2rem;
          color: #95a6a6; }
        .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent .discussionContainer .comment {
          font-size: 1.5rem;
          line-height: 1.6;
          margin-left: 29px; }
      .journeyForumWrapper .journeyConversationContainer .discussionTile .tileContent .moreCommentsLink {
        padding-left: 5px; }
    .journeyForumWrapper .journeyConversationContainer .userCommentContainer {
      position: absolute;
      bottom: 0px;
      width: 100%;
      background: #ffffff;
      border-top: 1px solid #f2f2f2;
      padding: 10px; }
      .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment {
        margin-top: 1rem; }
        .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .text {
          width: calc(100% - 30px - 60px); }
          .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .text textarea {
            height: 4rem;
            margin-bottom: 0; }
        .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .emojis-modal {
          float: right; }
          .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .emojis-modal .emoji-button {
            width: 30px; }
            .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .emojis-modal .emoji-button .emoji_smiley {
              line-height: 4rem;
              vertical-align: middle; }
          .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .emojis-modal .emoji-container {
            right: -6rem; }
          .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .emojis-modal .content {
            width: calc(( 100vw - 240px) / 3 - 21px);
            max-width: 300px; }
        .journeyForumWrapper .journeyConversationContainer .userCommentContainer .userComment .action {
          width: 60px;
          font-size: 1.2rem;
          padding: 0;
          float: right; }
      .journeyForumWrapper .journeyConversationContainer .userCommentContainer ul.onlineAvatars li.onlineAvatar {
        width: 22px;
        display: inline-block;
        margin-right: 0.2rem;
        position: relative; }
        .journeyForumWrapper .journeyConversationContainer .userCommentContainer ul.onlineAvatars li.onlineAvatar .active:after {
          background: #26b099; }
        .journeyForumWrapper .journeyConversationContainer .userCommentContainer ul.onlineAvatars li.onlineAvatar .idle:after {
          background: #ff9000; }
    .journeyForumWrapper .journeyConversationContainer .expertContainer {
      border-top: 1px solid #eceeee;
      background: #ffffff;
      padding: 1rem 0;
      max-height: 8rem; }
      .journeyForumWrapper .journeyConversationContainer .expertContainer .sectionTitle {
        padding: 0.75rem 1rem;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-family: MuseoSansRounded700;
        letter-spacing: 1px; }
      .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer {
        overflow: auto; }
        .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList {
          white-space: nowrap;
          display: table-cell;
          vertical-align: middle; }
          .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList .expertLink {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            margin: 0 1rem;
            text-align: center; }
            .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList .expertLink .userImage {
              width: 32px;
              height: 32px;
              overflow: hidden;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%; }
              .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList .expertLink .userImage.icon-user:before {
                font-size: 3.6rem;
                color: #eceeee; }
              .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList .expertLink .userImage.default {
                overflow: hidden;
                background: #95a6a6;
                line-height: 40px;
                text-align: center; }
              .journeyForumWrapper .journeyConversationContainer .expertContainer .expertsListContainer .expertsList .expertLink .userImage.offset {
                position: absolute;
                top: 0; }

.journeyEditView {
  background: #ffffff;
  box-sizing: border-box; }
  .journeyEditView.mobile {
    margin-top: calc(40px + 58px); }
    .journeyEditView.mobile .editSection {
      height: calc(100vh - 40px - 58px - 10rem); }
  .journeyEditView .journeyForm {
    position: relative;
    padding: 2rem; }
  .journeyEditView .editSection {
    margin-top: 1rem;
    overflow: auto;
    height: calc(100vh - 40px - 10rem);
    padding-bottom: 5rem; }
    .journeyEditView .editSection .leftCol {
      padding: 2rem 4rem 0 0; }
    .journeyEditView .editSection .rightCol .empty {
      font-size: 1.6rem;
      color: #95a6a6; }
    .journeyEditView .editSection .rightCol .items {
      padding: 0 2rem; }
      .journeyEditView .editSection .rightCol .items .sortable-placeholder {
        background-color: #f2f4f4;
        border: 1px dashed #dde4e4; }
      .journeyEditView .editSection .rightCol .items .articleItem {
        cursor: grab;
        cursor: -webkit-grab; }
        .journeyEditView .editSection .rightCol .items .articleItem .hcard.deleted .hcard__title, .journeyEditView .editSection .rightCol .items .articleItem .hcard.deleted .hcard__desc, .journeyEditView .editSection .rightCol .items .articleItem .hcard.deleted .hcard__pic {
          opacity: 0.3; }
        .journeyEditView .editSection .rightCol .items .articleItem .actionLink {
          font-size: 1.2rem;
          text-decoration: none; }
          .journeyEditView .editSection .rightCol .items .articleItem .actionLink.delete {
            color: #f65950; }
  .journeyEditView .buttonContainer, .journeyEditView .messageContainer {
    text-align: center;
    padding: 2rem 0;
    border-top: 1px solid #dde4e4;
    width: 100%;
    background: #ffffff;
    width: calc(100% - 4rem);
    bottom: 0;
    position: absolute;
    height: 5rem; }
    .journeyEditView .buttonContainer .message, .journeyEditView .messageContainer .message {
      font-size: 1.4rem; }
      .journeyEditView .buttonContainer .message.success, .journeyEditView .messageContainer .message.success {
        color: #26b099; }
  .journeyEditView .saveLoader {
    float: right;
    margin: -10px 16px 0 16px; }

.journeyReflections .subtitle {
  font-size: 1rem;
  text-transform: capitalize;
  float: right;
  color: #95a6a6; }

.journeyReflections .ratingsDiv {
  text-align: center;
  padding: 2rem; }
  .journeyReflections .ratingsDiv .rating {
    font-size: 3rem;
    color: #dde4e4;
    display: inline-block;
    margin: 0.5rem;
    cursor: pointer;
    -webkit-transition: color 2s;
    -ms-transition: color 2s;
    -moz-transition: color 2s;
    -o-transition: color 2s;
    transition: color 2s; }
    .journeyReflections .ratingsDiv .rating i.selected {
      color: #ff9000; }
    .journeyReflections .ratingsDiv .rating i.hovered {
      color: #ffd399; }

.journeyReflections .buttonBar [disabled] {
  pointer-events: none; }

.journeyReflections .buttonBar .buttonWrapper {
  display: inline-block;
  float: right; }

.journeyReflections .purpose {
  padding: 0.5rem 1.5rem;
  border-left: 3px solid #eceeee;
  color: #95a6a6; }

.journeyReflections .desc {
  margin: 10px 0;
  font-size: 1.5rem; }

.journeyReflections .congratsContainer {
  text-align: center; }
  .journeyReflections .congratsContainer .doneIcon {
    color: #26b099; }


.journeyReflections .label.published,
.journeyReflections .sideNavColumnContainer .sideNavMenuItem .published.username,
.sideNavColumnContainer .sideNavMenuItem .journeyReflections .published.username,
.journeyReflections .sideNavColumnContainer .profileNavMenuItem .published.username,
.sideNavColumnContainer .profileNavMenuItem .journeyReflections .published.username {
  margin-left: 0; }

/*
  Overwrite the styles Pankaj is putting together 
*/
.card, .paperCard, .createJourneyView #newJourneySlick .createJourneyEmptyCard {
  cursor: pointer; }
  .card.card--state-empty, .card--state-empty.paperCard, .createJourneyView #newJourneySlick .createJourneyEmptyCard {
    cursor: default;
    display: inline-block;
    margin: 10px 10px 10px 30px;
    float: none;
    vertical-align: top; }
  .card .card__header, .paperCard .card__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__header, .paperCard .paperCard__header, .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard .paperCard__header, .paperCard .createJourneyView #newJourneySlick .createJourneyEmptyCard .paperCard__header {
    word-break: break-word;
    line-height: 1.3; }
  .card .card__desc, .paperCard .card__desc, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__desc {
    padding: 0 20px;
    margin: 15px 0;
    font-size: 1.4rem; }
  .card .card__body, .paperCard .card__body, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    .card .card__body span, .paperCard .card__body span, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body span {
      color: #ffffff; }
    .card .card__body .c100.small, .paperCard .card__body .c100.small, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__body .c100.small {
      cursor: pointer !important; }
  .card .card__footer, .paperCard .card__footer, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .card .card__footer .card__value, .paperCard .card__footer .card__value, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer .card__value {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden; }
  .card .card__footer--state-hidden, .paperCard .card__footer--state-hidden, .createJourneyView #newJourneySlick .createJourneyEmptyCard .card__footer--state-hidden {
    display: none; }

.slick-slide .card--state-empty, .slick-slide .createJourneyView #newJourneySlick .createJourneyEmptyCard, .createJourneyView #newJourneySlick .slick-slide .createJourneyEmptyCard {
  margin: 0; }
  .slick-slide .card--state-empty img, .slick-slide .createJourneyView #newJourneySlick .createJourneyEmptyCard img, .createJourneyView #newJourneySlick .slick-slide .createJourneyEmptyCard img {
    margin-left: auto;
    margin-right: auto; }

.paperCard {
  text-align: left; }
  .paperCard .paperCard__title {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    padding: 1.6rem;
    line-height: 1.1; }

.paperCard--state-focused {
  box-shadow: 1px 4px 14px #95a6a6;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
  .paperCard--state-focused:hover {
    box-shadow: 1px 4px 14px #95a6a6; }

.paperCard--state-error {
  box-shadow: 0 1px 3px #f44336, 0 1px 2px rgba(0, 0, 0, 0.24); }
  .paperCard--state-error:hover {
    box-shadow: 0 3px 6px #f44336, 0 3px 6px rgba(0, 0, 0, 0.23); }

.font-normal {
  font-weight: normal; }

.jsaa .collectionListItem {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 15px 20px; }
  .jsaa .collectionListItem i {
    position: relative;
    height: 18px;
    width: 25px;
    display: inline-block;
    vertical-align: middle; }
    .jsaa .collectionListItem i:before, .jsaa .collectionListItem i:after {
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 3px;
      margin: auto;
      font-family: 'icomoon';
      font-size: 1.3rem;
      line-height: 1; }
    .jsaa .collectionListItem i:after {
      top: 3px;
      left: 0;
      content: "\e909";
      /* Bottom icon */
      z-index: 1;
      background: #f2f4f4; }
  .jsaa .collectionListItem .collectionTitle {
    word-break: break-word;
    color: #3b3d40;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.2;
    display: inline;
    position: relative;
    z-index: 2;
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .jsaa .collectionListItem:hover {
    background-color: #dde4e4; }
    .jsaa .collectionListItem:hover .collectionButton {
      display: inline-block; }
    .jsaa .collectionListItem:hover i:after {
      background: #dde4e4; }
  .jsaa .collectionListItem .collectionButton {
    display: none;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    vertical-align: middle; }
    .jsaa .collectionListItem .collectionButton[disabled] {
      background: inherit;
      border: inherit;
      color: inherit;
      cursor: default; }
    .jsaa .collectionListItem .collectionButton:not([disabled]):hover {
      background-color: #26b099; }

.tags2 {
  background: white;
  padding: 2rem;
  max-height: 25rem;
  height: auto; }
  .tags2.fh {
    max-height: auto;
    height: auto; }
  .tags2 .tags2__header {
    width: 100%;
    height: 2rem;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #95a6a6;
    margin: 1rem 0;
    font-family: "MuseoSansRounded700"; }
    .tags2 .tags2__header a {
      text-decoration: none; }
    .tags2 .tags2__header i {
      margin: 0 1rem;
      color: #95a6a6; }
      .tags2 .tags2__header i:hover {
        color: #29c896; }
  .tags2 .tags2__list {
    overflow: auto;
    max-height: calc(25rem - 2rem - 6rem); }
  .tags2 .tags2__tag {
    font-size: 1.3rem;
    line-height: 1.7;
    text-transform: uppercase;
    color: #95a6a6;
    cursor: pointer;
    padding: 4px 0;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis; }
    .tags2 .tags2__tag.selected {
      font-family: "MuseoSansRounded700"; }
    .tags2 .tags2__tag:hover {
      cursor: pointer; }

/*# sourceMappingURL=app.css.map */
.fp__wrapper .fp__action-bar .fp__action-bar__copy span {
  display: none; }

.fp__wrapper button.btn.btn--primary {
  background: #2bc5ab;
  border: solid 1px #2bc5ab;
  color: #ffffff;
  border-radius: 2px; }

/*# sourceMappingURL=filestack.css.map */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.emoji{text-indent:-9999px;display:inline-block;height:22px;margin-right:.5em;width:22px}@media all and (-webkit-min-device-pixel-ratio:1),all and (min--moz-device-pixel-ratio:1),all and (-o-min-device-pixel-ratio:1),all and (min-device-pixel-ratio:1),all and (min-resolution:96dpi){.emoji{background:transparent url(emojis.png) 0 0 no-repeat}}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3 / 2),all and (min-device-pixel-ratio:1.5),all and (min-resolution:144dpi){.emoji{background:transparent url(emojis@2x.png) 0 0 no-repeat;background-size:27776px 22px}}@-moz-document url-prefix(){.emoji{background:transparent url(emojis.png) 0 0 no-repeat}}.emoji_bowtie{background-position:-5px 0}.emoji_smile{background-position:-37px 0}.emoji_laughing{background-position:-69px 0}.emoji_blush{background-position:-101px 0}.emoji_smiley{background-position:-133px 0}.emoji_relaxed{background-position:-165px 0}.emoji_smirk{background-position:-197px 0}.emoji_heart_eyes{background-position:-229px 0}.emoji_kissing_heart{background-position:-261px 0}.emoji_kissing_closed_eyes{background-position:-293px 0}.emoji_flushed{background-position:-325px 0}.emoji_relieved{background-position:-357px 0}.emoji_satisfied{background-position:-389px 0}.emoji_grin{background-position:-421px 0}.emoji_wink{background-position:-453px 0}.emoji_stuck_out_tongue_winking_eye{background-position:-485px 0}.emoji_winky_face{background-position:-485px 0}.emoji_stuck_out_tongue_closed_eyes{background-position:-517px 0}.emoji_grinning{background-position:-549px 0}.emoji_kissing{background-position:-581px 0}.emoji_kissing_smiling_eyes{background-position:-613px 0}.emoji_stuck_out_tongue{background-position:-645px 0}.emoji_sleeping{background-position:-677px 0}.emoji_worried{background-position:-709px 0}.emoji_frowning{background-position:-741px 0}.emoji_anguished{background-position:-773px 0}.emoji_open_mouth{background-position:-805px 0}.emoji_wow{background-position:-805px 0}.emoji_grimacing{background-position:-837px 0}.emoji_confused{background-position:-869px 0}.emoji_hushed{background-position:-901px 0}.emoji_expressionless{background-position:-933px 0}.emoji_unamused{background-position:-965px 0}.emoji_sweat_smile{background-position:-997px 0}.emoji_sweat{background-position:-1029px 0}.emoji_disappointed_relieved{background-position:-1061px 0}.emoji_weary{background-position:-1093px 0}.emoji_pensive{background-position:-1125px 0}.emoji_disappointed{background-position:-1157px 0}.emoji_confounded{background-position:-1189px 0}.emoji_fearful{background-position:-1221px 0}.emoji_cold_sweat{background-position:-1253px 0}.emoji_persevere{background-position:-1285px 0}.emoji_cry{background-position:-1317px 0}.emoji_sob{background-position:-1349px 0}.emoji_joy{background-position:-1381px 0}.emoji_astonished{background-position:-1413px 0}.emoji_scream{background-position:-1445px 0}.emoji_neckbeard{background-position:-1477px 0}.emoji_tired_face{background-position:-1509px 0}.emoji_angry{background-position:-1541px 0}.emoji_rage{background-position:-1573px 0}.emoji_triumph{background-position:-1605px 0}.emoji_sleepy{background-position:-1637px 0}.emoji_yum{background-position:-1669px 0}.emoji_mask{background-position:-1701px 0}.emoji_sunglasses{background-position:-1733px 0}.emoji_dizzy_face{background-position:-1765px 0}.emoji_imp{background-position:-1797px 0}.emoji_smiling_imp{background-position:-1829px 0}.emoji_neutral_face{background-position:-1861px 0}.emoji_no_mouth{background-position:-1893px 0}.emoji_innocent{background-position:-1925px 0}.emoji_alien{background-position:-1957px 0}.emoji_yellow_heart{background-position:-1989px 0}.emoji_blue_heart{background-position:-2021px 0}.emoji_purple_heart{background-position:-2053px 0}.emoji_heart{background-position:-2085px 0}.emoji_green_heart{background-position:-2117px 0}.emoji_broken_heart{background-position:-2149px 0}.emoji_heartbeat{background-position:-2181px 0}.emoji_heartpulse{background-position:-2213px 0}.emoji_two_hearts{background-position:-2245px 0}.emoji_revolving_hearts{background-position:-2277px 0}.emoji_cupid{background-position:-2309px 0}.emoji_sparkling_heart{background-position:-2341px 0}.emoji_sparkles{background-position:-2373px 0}.emoji_star{background-position:-2405px 0}.emoji_star2{background-position:-2437px 0}.emoji_dizzy{background-position:-2469px 0}.emoji_boom{background-position:-2501px 0}.emoji_collision{background-position:-2533px 0}.emoji_anger{background-position:-2565px 0}.emoji_exclamation{background-position:-2597px 0}.emoji_question{background-position:-2629px 0}.emoji_grey_exclamation{background-position:-2661px 0}.emoji_grey_question{background-position:-2693px 0}.emoji_zzz{background-position:-2725px 0}.emoji_dash{background-position:-2757px 0}.emoji_sweat_drops{background-position:-2789px 0}.emoji_notes{background-position:-2821px 0}.emoji_musical_note{background-position:-2853px 0}.emoji_fire{background-position:-2885px 0}.emoji_hankey{background-position:-2917px 0}.emoji_poop{background-position:-2949px 0}.emoji_shit{background-position:-2981px 0}.emoji_\+1{background-position:-3013px 0}.emoji_thumbsup{background-position:-3045px 0}.emoji_\-1{background-position:-3077px 0}.emoji_thumbsdown{background-position:-3109px 0}.emoji_ok_hand{background-position:-3141px 0}.emoji_punch{background-position:-3173px 0}.emoji_facepunch{background-position:-3205px 0}.emoji_fist{background-position:-3237px 0}.emoji_v{background-position:-3269px 0}.emoji_wave{background-position:-3301px 0}.emoji_hand{background-position:-3333px 0}.emoji_raised_hand{background-position:-3365px 0}.emoji_open_hands{background-position:-3397px 0}.emoji_point_up{background-position:-3429px 0}.emoji_point_down{background-position:-3461px 0}.emoji_point_left{background-position:-3493px 0}.emoji_point_right{background-position:-3525px 0}.emoji_raised_hands{background-position:-3557px 0}.emoji_pray{background-position:-3589px 0}.emoji_point_up_2{background-position:-3621px 0}.emoji_clap{background-position:-3653px 0}.emoji_muscle{background-position:-3685px 0}.emoji_metal{background-position:-3717px 0}.emoji_fu{background-position:-3749px 0}.emoji_walking{background-position:-3781px 0}.emoji_runner{background-position:-3813px 0}.emoji_running{background-position:-3845px 0}.emoji_couple{background-position:-3877px 0}.emoji_family{background-position:-3909px 0}.emoji_two_men_holding_hands{background-position:-3941px 0}.emoji_two_women_holding_hands{background-position:-3973px 0}.emoji_dancer{background-position:-4005px 0}.emoji_dancers{background-position:-4037px 0}.emoji_ok_woman{background-position:-4069px 0}.emoji_no_good{background-position:-4101px 0}.emoji_information_desk_person{background-position:-4133px 0}.emoji_raising_hand{background-position:-4165px 0}.emoji_bride_with_veil{background-position:-4197px 0}.emoji_person_with_pouting_face{background-position:-4229px 0}.emoji_person_frowning{background-position:-4261px 0}.emoji_bow{background-position:-4293px 0}.emoji_couplekiss{background-position:-4325px 0}.emoji_couple_with_heart{background-position:-4357px 0}.emoji_massage{background-position:-4389px 0}.emoji_haircut{background-position:-4421px 0}.emoji_nail_care{background-position:-4453px 0}.emoji_boy{background-position:-4485px 0}.emoji_girl{background-position:-4517px 0}.emoji_woman{background-position:-4549px 0}.emoji_man{background-position:-4581px 0}.emoji_baby{background-position:-4613px 0}.emoji_older_woman{background-position:-4645px 0}.emoji_older_man{background-position:-4677px 0}.emoji_person_with_blond_hair{background-position:-4709px 0}.emoji_man_with_gua_pi_mao{background-position:-4741px 0}.emoji_man_with_turban{background-position:-4773px 0}.emoji_construction_worker{background-position:-4805px 0}.emoji_cop{background-position:-4837px 0}.emoji_angel{background-position:-4869px 0}.emoji_princess{background-position:-4901px 0}.emoji_smiley_cat{background-position:-4933px 0}.emoji_smile_cat{background-position:-4965px 0}.emoji_heart_eyes_cat{background-position:-4997px 0}.emoji_kissing_cat{background-position:-5029px 0}.emoji_smirk_cat{background-position:-5061px 0}.emoji_scream_cat{background-position:-5093px 0}.emoji_crying_cat_face{background-position:-5125px 0}.emoji_joy_cat{background-position:-5157px 0}.emoji_pouting_cat{background-position:-5189px 0}.emoji_japanese_ogre{background-position:-5221px 0}.emoji_japanese_goblin{background-position:-5253px 0}.emoji_see_no_evil{background-position:-5285px 0}.emoji_hear_no_evil{background-position:-5317px 0}.emoji_speak_no_evil{background-position:-5349px 0}.emoji_guardsman{background-position:-5381px 0}.emoji_skull{background-position:-5413px 0}.emoji_feet{background-position:-5445px 0}.emoji_lips{background-position:-5477px 0}.emoji_kiss{background-position:-5509px 0}.emoji_droplet{background-position:-5541px 0}.emoji_ear{background-position:-5573px 0}.emoji_eyes{background-position:-5605px 0}.emoji_nose{background-position:-5637px 0}.emoji_tongue{background-position:-5669px 0}.emoji_love_letter{background-position:-5701px 0}.emoji_bust_in_silhouette{background-position:-5733px 0}.emoji_busts_in_silhouette{background-position:-5765px 0}.emoji_speech_balloon{background-position:-5797px 0}.emoji_thought_balloon{background-position:-5829px 0}.emoji_feelsgood{background-position:-5861px 0}.emoji_finnadie{background-position:-5893px 0}.emoji_goberserk{background-position:-5925px 0}.emoji_godmode{background-position:-5957px 0}.emoji_hurtrealbad{background-position:-5989px 0}.emoji_rage1{background-position:-6021px 0}.emoji_rage2{background-position:-6053px 0}.emoji_rage3{background-position:-6085px 0}.emoji_rage4{background-position:-6117px 0}.emoji_suspect{background-position:-6149px 0}.emoji_trollface{background-position:-6181px 0}.emoji_sunny{background-position:-6213px 0}.emoji_umbrella{background-position:-6245px 0}.emoji_cloud{background-position:-6277px 0}.emoji_snowflake{background-position:-6309px 0}.emoji_snowman{background-position:-6341px 0}.emoji_zap{background-position:-6373px 0}.emoji_cyclone{background-position:-6405px 0}.emoji_foggy{background-position:-6437px 0}.emoji_ocean{background-position:-6469px 0}.emoji_cat{background-position:-6501px 0}.emoji_dog{background-position:-6533px 0}.emoji_mouse{background-position:-6565px 0}.emoji_hamster{background-position:-6597px 0}.emoji_rabbit{background-position:-6629px 0}.emoji_wolf{background-position:-6661px 0}.emoji_frog{background-position:-6693px 0}.emoji_tiger{background-position:-6725px 0}.emoji_koala{background-position:-6757px 0}.emoji_bear{background-position:-6789px 0}.emoji_pig{background-position:-6821px 0}.emoji_pig_nose{background-position:-6853px 0}.emoji_cow{background-position:-6885px 0}.emoji_boar{background-position:-6917px 0}.emoji_monkey_face{background-position:-6949px 0}.emoji_monkey{background-position:-6981px 0}.emoji_horse{background-position:-7013px 0}.emoji_racehorse{background-position:-7045px 0}.emoji_camel{background-position:-7077px 0}.emoji_sheep{background-position:-7109px 0}.emoji_elephant{background-position:-7141px 0}.emoji_panda_face{background-position:-7173px 0}.emoji_snake{background-position:-7205px 0}.emoji_bird{background-position:-7237px 0}.emoji_baby_chick{background-position:-7269px 0}.emoji_hatched_chick{background-position:-7301px 0}.emoji_hatching_chick{background-position:-7333px 0}.emoji_chicken{background-position:-7365px 0}.emoji_penguin{background-position:-7397px 0}.emoji_turtle{background-position:-7429px 0}.emoji_bug{background-position:-7461px 0}.emoji_honeybee{background-position:-7493px 0}.emoji_ant{background-position:-7525px 0}.emoji_beetle{background-position:-7557px 0}.emoji_snail{background-position:-7589px 0}.emoji_octopus{background-position:-7621px 0}.emoji_tropical_fish{background-position:-7653px 0}.emoji_fish{background-position:-7685px 0}.emoji_whale{background-position:-7717px 0}.emoji_whale2{background-position:-7749px 0}.emoji_dolphin{background-position:-7781px 0}.emoji_cow2{background-position:-7813px 0}.emoji_ram{background-position:-7845px 0}.emoji_rat{background-position:-7877px 0}.emoji_water_buffalo{background-position:-7909px 0}.emoji_tiger2{background-position:-7941px 0}.emoji_rabbit2{background-position:-7973px 0}.emoji_dragon{background-position:-8005px 0}.emoji_goat{background-position:-8037px 0}.emoji_rooster{background-position:-8069px 0}.emoji_dog2{background-position:-8101px 0}.emoji_pig2{background-position:-8133px 0}.emoji_mouse2{background-position:-8165px 0}.emoji_ox{background-position:-8197px 0}.emoji_dragon_face{background-position:-8229px 0}.emoji_blowfish{background-position:-8261px 0}.emoji_crocodile{background-position:-8293px 0}.emoji_dromedary_camel{background-position:-8325px 0}.emoji_leopard{background-position:-8357px 0}.emoji_cat2{background-position:-8389px 0}.emoji_poodle{background-position:-8421px 0}.emoji_paw_prints{background-position:-8453px 0}.emoji_bouquet{background-position:-8485px 0}.emoji_cherry_blossom{background-position:-8517px 0}.emoji_tulip{background-position:-8549px 0}.emoji_four_leaf_clover{background-position:-8581px 0}.emoji_rose{background-position:-8613px 0}.emoji_sunflower{background-position:-8645px 0}.emoji_hibiscus{background-position:-8677px 0}.emoji_maple_leaf{background-position:-8709px 0}.emoji_leaves{background-position:-8741px 0}.emoji_fallen_leaf{background-position:-8773px 0}.emoji_herb{background-position:-8805px 0}.emoji_mushroom{background-position:-8837px 0}.emoji_cactus{background-position:-8869px 0}.emoji_palm_tree{background-position:-8901px 0}.emoji_evergreen_tree{background-position:-8933px 0}.emoji_deciduous_tree{background-position:-8965px 0}.emoji_chestnut{background-position:-8997px 0}.emoji_seedling{background-position:-9029px 0}.emoji_blossom{background-position:-9061px 0}.emoji_ear_of_rice{background-position:-9093px 0}.emoji_shell{background-position:-9125px 0}.emoji_globe_with_meridians{background-position:-9157px 0}.emoji_sun_with_face{background-position:-9189px 0}.emoji_full_moon_with_face{background-position:-9221px 0}.emoji_new_moon_with_face{background-position:-9253px 0}.emoji_new_moon{background-position:-9285px 0}.emoji_waxing_crescent_moon{background-position:-9317px 0}.emoji_first_quarter_moon{background-position:-9349px 0}.emoji_waxing_gibbous_moon{background-position:-9381px 0}.emoji_full_moon{background-position:-9413px 0}.emoji_waning_gibbous_moon{background-position:-9445px 0}.emoji_last_quarter_moon{background-position:-9477px 0}.emoji_waning_crescent_moon{background-position:-9509px 0}.emoji_last_quarter_moon_with_face{background-position:-9541px 0}.emoji_first_quarter_moon_with_face{background-position:-9573px 0}.emoji_moon{background-position:-9605px 0}.emoji_earth_africa{background-position:-9637px 0}.emoji_earth_americas{background-position:-9669px 0}.emoji_earth_asia{background-position:-9701px 0}.emoji_volcano{background-position:-9733px 0}.emoji_milky_way{background-position:-9765px 0}.emoji_partly_sunny{background-position:-9797px 0}.emoji_octocat{background-position:-9829px 0}.emoji_squirrel{background-position:-9861px 0}.emoji_bamboo{background-position:-9893px 0}.emoji_gift_heart{background-position:-9925px 0}.emoji_dolls{background-position:-9957px 0}.emoji_school_satchel{background-position:-9989px 0}.emoji_mortar_board{background-position:-10021px 0}.emoji_flags{background-position:-10053px 0}.emoji_fireworks{background-position:-10085px 0}.emoji_sparkler{background-position:-10117px 0}.emoji_wind_chime{background-position:-10149px 0}.emoji_rice_scene{background-position:-10181px 0}.emoji_jack_o_lantern{background-position:-10213px 0}.emoji_ghost{background-position:-10245px 0}.emoji_santa{background-position:-10277px 0}.emoji_christmas_tree{background-position:-10309px 0}.emoji_gift{background-position:-10341px 0}.emoji_bell{background-position:-10373px 0}.emoji_no_bell{background-position:-10405px 0}.emoji_tanabata_tree{background-position:-10437px 0}.emoji_tada{background-position:-10469px 0}.emoji_confetti_ball{background-position:-10501px 0}.emoji_balloon{background-position:-10533px 0}.emoji_crystal_ball{background-position:-10565px 0}.emoji_cd{background-position:-10597px 0}.emoji_dvd{background-position:-10629px 0}.emoji_floppy_disk{background-position:-10661px 0}.emoji_camera{background-position:-10693px 0}.emoji_video_camera{background-position:-10725px 0}.emoji_movie_camera{background-position:-10757px 0}.emoji_computer{background-position:-10789px 0}.emoji_tv{background-position:-10821px 0}.emoji_iphone{background-position:-10853px 0}.emoji_phone{background-position:-10885px 0}.emoji_telephone{background-position:-10917px 0}.emoji_telephone_receiver{background-position:-10949px 0}.emoji_pager{background-position:-10981px 0}.emoji_fax{background-position:-11013px 0}.emoji_minidisc{background-position:-11045px 0}.emoji_vhs{background-position:-11077px 0}.emoji_sound{background-position:-11109px 0}.emoji_speaker{background-position:-11141px 0}.emoji_mute{background-position:-11173px 0}.emoji_loudspeaker{background-position:-11205px 0}.emoji_mega{background-position:-11237px 0}.emoji_hourglass{background-position:-11269px 0}.emoji_hourglass_flowing_sand{background-position:-11301px 0}.emoji_alarm_clock{background-position:-11333px 0}.emoji_watch{background-position:-11365px 0}.emoji_radio{background-position:-11397px 0}.emoji_satellite{background-position:-11429px 0}.emoji_loop{background-position:-11461px 0}.emoji_mag{background-position:-11493px 0}.emoji_mag_right{background-position:-11525px 0}.emoji_unlock{background-position:-11557px 0}.emoji_lock{background-position:-11589px 0}.emoji_lock_with_ink_pen{background-position:-11621px 0}.emoji_closed_lock_with_key{background-position:-11653px 0}.emoji_key{background-position:-11685px 0}.emoji_bulb{background-position:-11717px 0}.emoji_flashlight{background-position:-11749px 0}.emoji_high_brightness{background-position:-11781px 0}.emoji_low_brightness{background-position:-11813px 0}.emoji_electric_plug{background-position:-11845px 0}.emoji_battery{background-position:-11877px 0}.emoji_calling{background-position:-11909px 0}.emoji_email{background-position:-11941px 0}.emoji_mailbox{background-position:-11973px 0}.emoji_postbox{background-position:-12005px 0}.emoji_bath{background-position:-12037px 0}.emoji_bathtub{background-position:-12069px 0}.emoji_shower{background-position:-12101px 0}.emoji_toilet{background-position:-12133px 0}.emoji_wrench{background-position:-12165px 0}.emoji_nut_and_bolt{background-position:-12197px 0}.emoji_hammer{background-position:-12229px 0}.emoji_seat{background-position:-12261px 0}.emoji_moneybag{background-position:-12293px 0}.emoji_yen{background-position:-12325px 0}.emoji_dollar{background-position:-12357px 0}.emoji_pound{background-position:-12389px 0}.emoji_euro{background-position:-12421px 0}.emoji_credit_card{background-position:-12453px 0}.emoji_money_with_wings{background-position:-12485px 0}.emoji_e\-mail{background-position:-12517px 0}.emoji_inbox_tray{background-position:-12549px 0}.emoji_outbox_tray{background-position:-12581px 0}.emoji_envelope{background-position:-12613px 0}.emoji_incoming_envelope{background-position:-12645px 0}.emoji_postal_horn{background-position:-12677px 0}.emoji_mailbox_closed{background-position:-12709px 0}.emoji_mailbox_with_mail{background-position:-12741px 0}.emoji_mailbox_with_no_mail{background-position:-12773px 0}.emoji_door{background-position:-12805px 0}.emoji_smoking{background-position:-12837px 0}.emoji_bomb{background-position:-12869px 0}.emoji_gun{background-position:-12901px 0}.emoji_hocho{background-position:-12933px 0}.emoji_pill{background-position:-12965px 0}.emoji_syringe{background-position:-12997px 0}.emoji_page_facing_up{background-position:-13029px 0}.emoji_page_with_curl{background-position:-13061px 0}.emoji_bookmark_tabs{background-position:-13093px 0}.emoji_bar_chart{background-position:-13125px 0}.emoji_chart_with_upwards_trend{background-position:-13157px 0}.emoji_chart_with_downwards_trend{background-position:-13189px 0}.emoji_scroll{background-position:-13221px 0}.emoji_clipboard{background-position:-13253px 0}.emoji_calendar{background-position:-13285px 0}.emoji_date{background-position:-13317px 0}.emoji_card_index{background-position:-13349px 0}.emoji_file_folder{background-position:-13381px 0}.emoji_open_file_folder{background-position:-13413px 0}.emoji_scissors{background-position:-13445px 0}.emoji_pushpin{background-position:-13477px 0}.emoji_paperclip{background-position:-13509px 0}.emoji_black_nib{background-position:-13541px 0}.emoji_pencil2{background-position:-13573px 0}.emoji_straight_ruler{background-position:-13605px 0}.emoji_triangular_ruler{background-position:-13637px 0}.emoji_closed_book{background-position:-13669px 0}.emoji_green_book{background-position:-13701px 0}.emoji_blue_book{background-position:-13733px 0}.emoji_orange_book{background-position:-13765px 0}.emoji_notebook{background-position:-13797px 0}.emoji_notebook_with_decorative_cover{background-position:-13829px 0}.emoji_ledger{background-position:-13861px 0}.emoji_books{background-position:-13893px 0}.emoji_bookmark{background-position:-13925px 0}.emoji_name_badge{background-position:-13957px 0}.emoji_microscope{background-position:-13989px 0}.emoji_telescope{background-position:-14021px 0}.emoji_newspaper{background-position:-14053px 0}.emoji_football{background-position:-14085px 0}.emoji_basketball{background-position:-14117px 0}.emoji_soccer{background-position:-14149px 0}.emoji_baseball{background-position:-14181px 0}.emoji_tennis{background-position:-14213px 0}.emoji_8ball{background-position:-14245px 0}.emoji_rugby_football{background-position:-14277px 0}.emoji_bowling{background-position:-14309px 0}.emoji_golf{background-position:-14341px 0}.emoji_mountain_bicyclist{background-position:-14373px 0}.emoji_bicyclist{background-position:-14405px 0}.emoji_horse_racing{background-position:-14437px 0}.emoji_snowboarder{background-position:-14469px 0}.emoji_swimmer{background-position:-14501px 0}.emoji_surfer{background-position:-14533px 0}.emoji_ski{background-position:-14565px 0}.emoji_spades{background-position:-14597px 0}.emoji_hearts{background-position:-14629px 0}.emoji_clubs{background-position:-14661px 0}.emoji_diamonds{background-position:-14693px 0}.emoji_gem{background-position:-14725px 0}.emoji_ring{background-position:-14757px 0}.emoji_trophy{background-position:-14789px 0}.emoji_musical_score{background-position:-14821px 0}.emoji_musical_keyboard{background-position:-14853px 0}.emoji_violin{background-position:-14885px 0}.emoji_space_invader{background-position:-14917px 0}.emoji_video_game{background-position:-14949px 0}.emoji_black_joker{background-position:-14981px 0}.emoji_flower_playing_cards{background-position:-15013px 0}.emoji_game_die{background-position:-15045px 0}.emoji_dart{background-position:-15077px 0}.emoji_mahjong{background-position:-15109px 0}.emoji_clapper{background-position:-15141px 0}.emoji_memo{background-position:-15173px 0}.emoji_pencil{background-position:-15205px 0}.emoji_book{background-position:-15237px 0}.emoji_art{background-position:-15269px 0}.emoji_microphone{background-position:-15301px 0}.emoji_headphones{background-position:-15333px 0}.emoji_trumpet{background-position:-15365px 0}.emoji_saxophone{background-position:-15397px 0}.emoji_guitar{background-position:-15429px 0}.emoji_shoe{background-position:-15461px 0}.emoji_sandal{background-position:-15493px 0}.emoji_high_heel{background-position:-15525px 0}.emoji_lipstick{background-position:-15557px 0}.emoji_boot{background-position:-15589px 0}.emoji_shirt{background-position:-15621px 0}.emoji_tshirt{background-position:-15653px 0}.emoji_necktie{background-position:-15685px 0}.emoji_womans_clothes{background-position:-15717px 0}.emoji_dress{background-position:-15749px 0}.emoji_running_shirt_with_sash{background-position:-15781px 0}.emoji_jeans{background-position:-15813px 0}.emoji_kimono{background-position:-15845px 0}.emoji_bikini{background-position:-15877px 0}.emoji_ribbon{background-position:-15909px 0}.emoji_tophat{background-position:-15941px 0}.emoji_crown{background-position:-15973px 0}.emoji_womans_hat{background-position:-16005px 0}.emoji_mans_shoe{background-position:-16037px 0}.emoji_closed_umbrella{background-position:-16069px 0}.emoji_briefcase{background-position:-16101px 0}.emoji_handbag{background-position:-16133px 0}.emoji_pouch{background-position:-16165px 0}.emoji_purse{background-position:-16197px 0}.emoji_eyeglasses{background-position:-16229px 0}.emoji_fishing_pole_and_fish{background-position:-16261px 0}.emoji_coffee{background-position:-16293px 0}.emoji_tea{background-position:-16325px 0}.emoji_sake{background-position:-16357px 0}.emoji_baby_bottle{background-position:-16389px 0}.emoji_beer{background-position:-16421px 0}.emoji_beers{background-position:-16453px 0}.emoji_cocktail{background-position:-16485px 0}.emoji_tropical_drink{background-position:-16517px 0}.emoji_wine_glass{background-position:-16549px 0}.emoji_fork_and_knife{background-position:-16581px 0}.emoji_pizza{background-position:-16613px 0}.emoji_hamburger{background-position:-16645px 0}.emoji_fries{background-position:-16677px 0}.emoji_poultry_leg{background-position:-16709px 0}.emoji_meat_on_bone{background-position:-16741px 0}.emoji_spaghetti{background-position:-16773px 0}.emoji_curry{background-position:-16805px 0}.emoji_fried_shrimp{background-position:-16837px 0}.emoji_bento{background-position:-16869px 0}.emoji_sushi{background-position:-16901px 0}.emoji_fish_cake{background-position:-16933px 0}.emoji_rice_ball{background-position:-16965px 0}.emoji_rice_cracker{background-position:-16997px 0}.emoji_rice{background-position:-17029px 0}.emoji_ramen{background-position:-17061px 0}.emoji_stew{background-position:-17093px 0}.emoji_oden{background-position:-17125px 0}.emoji_dango{background-position:-17157px 0}.emoji_egg{background-position:-17189px 0}.emoji_bread{background-position:-17221px 0}.emoji_doughnut{background-position:-17253px 0}.emoji_custard{background-position:-17285px 0}.emoji_icecream{background-position:-17317px 0}.emoji_ice_cream{background-position:-17349px 0}.emoji_shaved_ice{background-position:-17381px 0}.emoji_birthday{background-position:-17413px 0}.emoji_cake{background-position:-17445px 0}.emoji_cookie{background-position:-17477px 0}.emoji_chocolate_bar{background-position:-17509px 0}.emoji_candy{background-position:-17541px 0}.emoji_lollipop{background-position:-17573px 0}.emoji_honey_pot{background-position:-17605px 0}.emoji_apple{background-position:-17637px 0}.emoji_green_apple{background-position:-17669px 0}.emoji_tangerine{background-position:-17701px 0}.emoji_lemon{background-position:-17733px 0}.emoji_cherries{background-position:-17765px 0}.emoji_grapes{background-position:-17797px 0}.emoji_watermelon{background-position:-17829px 0}.emoji_strawberry{background-position:-17861px 0}.emoji_peach{background-position:-17893px 0}.emoji_melon{background-position:-17925px 0}.emoji_banana{background-position:-17957px 0}.emoji_pear{background-position:-17989px 0}.emoji_pineapple{background-position:-18021px 0}.emoji_sweet_potato{background-position:-18053px 0}.emoji_eggplant{background-position:-18085px 0}.emoji_tomato{background-position:-18117px 0}.emoji_corn{background-position:-18149px 0}.emoji_house{background-position:-18181px 0}.emoji_house_with_garden{background-position:-18213px 0}.emoji_school{background-position:-18245px 0}.emoji_office{background-position:-18277px 0}.emoji_post_office{background-position:-18309px 0}.emoji_hospital{background-position:-18341px 0}.emoji_bank{background-position:-18373px 0}.emoji_convenience_store{background-position:-18405px 0}.emoji_love_hotel{background-position:-18437px 0}.emoji_hotel{background-position:-18469px 0}.emoji_wedding{background-position:-18501px 0}.emoji_church{background-position:-18533px 0}.emoji_department_store{background-position:-18565px 0}.emoji_european_post_office{background-position:-18597px 0}.emoji_city_sunrise{background-position:-18629px 0}.emoji_city_sunset{background-position:-18661px 0}.emoji_japanese_castle{background-position:-18693px 0}.emoji_european_castle{background-position:-18725px 0}.emoji_tent{background-position:-18757px 0}.emoji_factory{background-position:-18789px 0}.emoji_tokyo_tower{background-position:-18821px 0}.emoji_japan{background-position:-18853px 0}.emoji_mount_fuji{background-position:-18885px 0}.emoji_sunrise_over_mountains{background-position:-18917px 0}.emoji_sunrise{background-position:-18949px 0}.emoji_stars{background-position:-18981px 0}.emoji_themoreyouknow{background-position:-18981px 0}.emoji_tmyk{background-position:-18981px 0}.emoji_statue_of_liberty{background-position:-19013px 0}.emoji_bridge_at_night{background-position:-19045px 0}.emoji_carousel_horse{background-position:-19077px 0}.emoji_rainbow{background-position:-19109px 0}.emoji_ferris_wheel{background-position:-19141px 0}.emoji_fountain{background-position:-19173px 0}.emoji_roller_coaster{background-position:-19205px 0}.emoji_ship{background-position:-19237px 0}.emoji_speedboat{background-position:-19269px 0}.emoji_boat{background-position:-19301px 0}.emoji_sailboat{background-position:-19333px 0}.emoji_rowboat{background-position:-19365px 0}.emoji_anchor{background-position:-19397px 0}.emoji_rocket{background-position:-19429px 0}.emoji_airplane{background-position:-19461px 0}.emoji_helicopter{background-position:-19493px 0}.emoji_steam_locomotive{background-position:-19525px 0}.emoji_tram{background-position:-19557px 0}.emoji_mountain_railway{background-position:-19589px 0}.emoji_bike{background-position:-19621px 0}.emoji_aerial_tramway{background-position:-19653px 0}.emoji_suspension_railway{background-position:-19685px 0}.emoji_mountain_cableway{background-position:-19717px 0}.emoji_tractor{background-position:-19749px 0}.emoji_blue_car{background-position:-19781px 0}.emoji_oncoming_automobile{background-position:-19813px 0}.emoji_car{background-position:-19845px 0}.emoji_red_car{background-position:-19877px 0}.emoji_taxi{background-position:-19909px 0}.emoji_oncoming_taxi{background-position:-19941px 0}.emoji_articulated_lorry{background-position:-19973px 0}.emoji_bus{background-position:-20005px 0}.emoji_oncoming_bus{background-position:-20037px 0}.emoji_rotating_light{background-position:-20069px 0}.emoji_police_car{background-position:-20101px 0}.emoji_oncoming_police_car{background-position:-20133px 0}.emoji_fire_engine{background-position:-20165px 0}.emoji_ambulance{background-position:-20197px 0}.emoji_minibus{background-position:-20229px 0}.emoji_truck{background-position:-20261px 0}.emoji_train{background-position:-20293px 0}.emoji_station{background-position:-20325px 0}.emoji_train2{background-position:-20357px 0}.emoji_bullettrain_front{background-position:-20389px 0}.emoji_bullettrain_side{background-position:-20421px 0}.emoji_light_rail{background-position:-20453px 0}.emoji_monorail{background-position:-20485px 0}.emoji_railway_car{background-position:-20517px 0}.emoji_trolleybus{background-position:-20549px 0}.emoji_ticket{background-position:-20581px 0}.emoji_fuelpump{background-position:-20613px 0}.emoji_vertical_traffic_light{background-position:-20645px 0}.emoji_traffic_light{background-position:-20677px 0}.emoji_warning{background-position:-20709px 0}.emoji_construction{background-position:-20741px 0}.emoji_beginner{background-position:-20773px 0}.emoji_atm{background-position:-20805px 0}.emoji_slot_machine{background-position:-20837px 0}.emoji_busstop{background-position:-20869px 0}.emoji_barber{background-position:-20901px 0}.emoji_hotsprings{background-position:-20933px 0}.emoji_checkered_flag{background-position:-20965px 0}.emoji_crossed_flags{background-position:-20997px 0}.emoji_izakaya_lantern{background-position:-21029px 0}.emoji_moyai{background-position:-21061px 0}.emoji_circus_tent{background-position:-21093px 0}.emoji_performing_arts{background-position:-21125px 0}.emoji_round_pushpin{background-position:-21157px 0}.emoji_triangular_flag_on_post{background-position:-21189px 0}.emoji_jp{background-position:-21221px 0}.emoji_kr{background-position:-21253px 0}.emoji_cn{background-position:-21285px 0}.emoji_us{background-position:-21317px 0}.emoji_fr{background-position:-21349px 0}.emoji_es{background-position:-21381px 0}.emoji_it{background-position:-21413px 0}.emoji_ru{background-position:-21445px 0}.emoji_gb{background-position:-21477px 0}.emoji_uk{background-position:-21509px 0}.emoji_de{background-position:-21541px 0}.emoji_one{background-position:-21573px 0}.emoji_two{background-position:-21605px 0}.emoji_three{background-position:-21637px 0}.emoji_four{background-position:-21669px 0}.emoji_five{background-position:-21701px 0}.emoji_six{background-position:-21733px 0}.emoji_seven{background-position:-21765px 0}.emoji_eight{background-position:-21797px 0}.emoji_nine{background-position:-21829px 0}.emoji_keycap_ten{background-position:-21861px 0}.emoji_1234{background-position:-21893px 0}.emoji_zero{background-position:-21925px 0}.emoji_hash{background-position:-21957px 0}.emoji_symbols{background-position:-21989px 0}.emoji_arrow_backward{background-position:-22021px 0}.emoji_arrow_down{background-position:-22053px 0}.emoji_arrow_forward{background-position:-22085px 0}.emoji_arrow_left{background-position:-22117px 0}.emoji_capital_abcd{background-position:-22149px 0}.emoji_abcd{background-position:-22181px 0}.emoji_abc{background-position:-22213px 0}.emoji_arrow_lower_left{background-position:-22245px 0}.emoji_arrow_lower_right{background-position:-22277px 0}.emoji_arrow_right{background-position:-22309px 0}.emoji_arrow_up{background-position:-22341px 0}.emoji_arrow_upper_left{background-position:-22373px 0}.emoji_arrow_upper_right{background-position:-22405px 0}.emoji_arrow_double_down{background-position:-22437px 0}.emoji_arrow_double_up{background-position:-22469px 0}.emoji_arrow_down_small{background-position:-22501px 0}.emoji_arrow_heading_down{background-position:-22533px 0}.emoji_arrow_heading_up{background-position:-22565px 0}.emoji_leftwards_arrow_with_hook{background-position:-22597px 0}.emoji_arrow_right_hook{background-position:-22629px 0}.emoji_left_right_arrow{background-position:-22661px 0}.emoji_arrow_up_down{background-position:-22693px 0}.emoji_arrow_up_small{background-position:-22725px 0}.emoji_arrows_clockwise{background-position:-22757px 0}.emoji_arrows_counterclockwise{background-position:-22789px 0}.emoji_rewind{background-position:-22821px 0}.emoji_fast_forward{background-position:-22853px 0}.emoji_information_source{background-position:-22885px 0}.emoji_ok{background-position:-22917px 0}.emoji_twisted_rightwards_arrows{background-position:-22949px 0}.emoji_repeat{background-position:-22981px 0}.emoji_repeat_one{background-position:-23013px 0}.emoji_new{background-position:-23045px 0}.emoji_top{background-position:-23077px 0}.emoji_up{background-position:-23109px 0}.emoji_cool{background-position:-23141px 0}.emoji_free{background-position:-23173px 0}.emoji_ng{background-position:-23205px 0}.emoji_cinema{background-position:-23237px 0}.emoji_koko{background-position:-23269px 0}.emoji_signal_strength{background-position:-23301px 0}.emoji_u5272{background-position:-23333px 0}.emoji_u5408{background-position:-23365px 0}.emoji_u55b6{background-position:-23397px 0}.emoji_u6307{background-position:-23429px 0}.emoji_u6708{background-position:-23461px 0}.emoji_u6709{background-position:-23493px 0}.emoji_u6e80{background-position:-23525px 0}.emoji_u7121{background-position:-23557px 0}.emoji_u7533{background-position:-23589px 0}.emoji_u7a7a{background-position:-23621px 0}.emoji_u7981{background-position:-23653px 0}.emoji_sa{background-position:-23685px 0}.emoji_restroom{background-position:-23717px 0}.emoji_mens{background-position:-23749px 0}.emoji_womens{background-position:-23781px 0}.emoji_baby_symbol{background-position:-23813px 0}.emoji_no_smoking{background-position:-23845px 0}.emoji_parking{background-position:-23877px 0}.emoji_wheelchair{background-position:-23909px 0}.emoji_metro{background-position:-23941px 0}.emoji_baggage_claim{background-position:-23973px 0}.emoji_accept{background-position:-24005px 0}.emoji_wc{background-position:-24037px 0}.emoji_potable_water{background-position:-24069px 0}.emoji_put_litter_in_its_place{background-position:-24101px 0}.emoji_secret{background-position:-24133px 0}.emoji_congratulations{background-position:-24165px 0}.emoji_m{background-position:-24197px 0}.emoji_passport_control{background-position:-24229px 0}.emoji_left_luggage{background-position:-24261px 0}.emoji_customs{background-position:-24293px 0}.emoji_ideograph_advantage{background-position:-24325px 0}.emoji_cl{background-position:-24357px 0}.emoji_sos{background-position:-24389px 0}.emoji_id{background-position:-24421px 0}.emoji_no_entry_sign{background-position:-24453px 0}.emoji_underage{background-position:-24485px 0}.emoji_no_mobile_phones{background-position:-24517px 0}.emoji_do_not_litter{background-position:-24549px 0}.emoji_non\-potable_water{background-position:-24581px 0}.emoji_no_bicycles{background-position:-24613px 0}.emoji_no_pedestrians{background-position:-24645px 0}.emoji_children_crossing{background-position:-24677px 0}.emoji_no_entry{background-position:-24709px 0}.emoji_eight_spoked_asterisk{background-position:-24741px 0}.emoji_eight_pointed_black_star{background-position:-24773px 0}.emoji_heart_decoration{background-position:-24805px 0}.emoji_vs{background-position:-24837px 0}.emoji_vibration_mode{background-position:-24869px 0}.emoji_mobile_phone_off{background-position:-24901px 0}.emoji_chart{background-position:-24933px 0}.emoji_currency_exchange{background-position:-24965px 0}.emoji_aries{background-position:-24997px 0}.emoji_taurus{background-position:-25029px 0}.emoji_gemini{background-position:-25061px 0}.emoji_cancer{background-position:-25093px 0}.emoji_leo{background-position:-25125px 0}.emoji_virgo{background-position:-25157px 0}.emoji_libra{background-position:-25189px 0}.emoji_scorpius{background-position:-25221px 0}.emoji_sagittarius{background-position:-25253px 0}.emoji_capricorn{background-position:-25285px 0}.emoji_aquarius{background-position:-25317px 0}.emoji_pisces{background-position:-25349px 0}.emoji_ophiuchus{background-position:-25381px 0}.emoji_six_pointed_star{background-position:-25413px 0}.emoji_negative_squared_cross_mark{background-position:-25445px 0}.emoji_a{background-position:-25477px 0}.emoji_b{background-position:-25509px 0}.emoji_ab{background-position:-25541px 0}.emoji_o2{background-position:-25573px 0}.emoji_diamond_shape_with_a_dot_inside{background-position:-25605px 0}.emoji_recycle{background-position:-25637px 0}.emoji_end{background-position:-25669px 0}.emoji_on{background-position:-25701px 0}.emoji_soon{background-position:-25733px 0}.emoji_clock1{background-position:-25765px 0}.emoji_clock130{background-position:-25797px 0}.emoji_clock10{background-position:-25829px 0}.emoji_clock1030{background-position:-25861px 0}.emoji_clock11{background-position:-25893px 0}.emoji_clock1130{background-position:-25925px 0}.emoji_clock12{background-position:-25957px 0}.emoji_clock1230{background-position:-25989px 0}.emoji_clock2{background-position:-26021px 0}.emoji_clock230{background-position:-26053px 0}.emoji_clock3{background-position:-26085px 0}.emoji_clock330{background-position:-26117px 0}.emoji_clock4{background-position:-26149px 0}.emoji_clock430{background-position:-26181px 0}.emoji_clock5{background-position:-26213px 0}.emoji_clock530{background-position:-26245px 0}.emoji_clock6{background-position:-26277px 0}.emoji_clock630{background-position:-26309px 0}.emoji_clock7{background-position:-26341px 0}.emoji_clock730{background-position:-26373px 0}.emoji_clock8{background-position:-26405px 0}.emoji_clock830{background-position:-26437px 0}.emoji_clock9{background-position:-26469px 0}.emoji_clock930{background-position:-26501px 0}.emoji_heavy_dollar_sign{background-position:-26533px 0}.emoji_copyright{background-position:-26565px 0}.emoji_registered{background-position:-26597px 0}.emoji_tm{background-position:-26629px 0}.emoji_x{background-position:-26661px 0}.emoji_heavy_exclamation_mark{background-position:-26693px 0}.emoji_bangbang{background-position:-26725px 0}.emoji_interrobang{background-position:-26757px 0}.emoji_o{background-position:-26789px 0}.emoji_heavy_multiplication_x{background-position:-26821px 0}.emoji_heavy_plus_sign{background-position:-26853px 0}.emoji_heavy_minus_sign{background-position:-26885px 0}.emoji_heavy_division_sign{background-position:-26917px 0}.emoji_white_flower{background-position:-26949px 0}.emoji_100{background-position:-26981px 0}.emoji_heavy_check_mark{background-position:-27013px 0}.emoji_ballot_box_with_check{background-position:-27045px 0}.emoji_radio_button{background-position:-27077px 0}.emoji_link{background-position:-27109px 0}.emoji_curly_loop{background-position:-27141px 0}.emoji_wavy_dash{background-position:-27173px 0}.emoji_part_alternation_mark{background-position:-27205px 0}.emoji_trident{background-position:-27237px 0}.emoji_black_square{background-position:-27269px 0}.emoji_white_square{background-position:-27301px 0}.emoji_white_check_mark{background-position:-27333px 0}.emoji_black_square_button{background-position:-27365px 0}.emoji_white_square_button{background-position:-27397px 0}.emoji_black_circle{background-position:-27429px 0}.emoji_white_circle{background-position:-27461px 0}.emoji_red_circle{background-position:-27493px 0}.emoji_large_blue_circle{background-position:-27525px 0}.emoji_large_blue_diamond{background-position:-27557px 0}.emoji_large_orange_diamond{background-position:-27589px 0}.emoji_small_blue_diamond{background-position:-27621px 0}.emoji_small_orange_diamond{background-position:-27653px 0}.emoji_small_red_triangle{background-position:-27685px 0}.emoji_small_red_triangle_down{background-position:-27717px 0}.emoji_shipit{background-position:-27749px 0}
.facebookShare {
  border: none;
  visibility: visible;
  width: auto;
  height: 22px;
  background: transparent;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  color: #333;
  line-height: 1.28;
  margin: 0;
  padding: 0;
  text-align: left;
  direction: ltr;
  cursor: pointer;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
  display: inline-block;
}
.facebookShare:hover .facebookButton .pluginButton,
.facebookShare:active .facebookButton .pluginButton,
.facebookShare:focus .facebookButton .pluginButton {
  background: #5b7bd5;
  background: -moz-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7bd5), color-stop(100%, #4864b1));
  background: -webkit-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -o-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -ms-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: linear-gradient(to bottom, #5b7bd5 0%, #4864b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7bd5', endColorstr='#4864b1', GradientType=0);
  border-color: #5874c3 #4961a8 #41599f;
  box-shadow: inset 0 0 1px #607fd6;
}
.facebookShare .facebookButton {
  color: #3b5998;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
  display: inline-block;
  width: 55px;
}
.facebookShare .facebookButton .pluginButton {
  background: #4c69ba;
  background: -moz-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c69ba), color-stop(100%, #3b55a0));
  background: -webkit-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -o-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -ms-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: linear-gradient(to bottom, #4c69ba 0%, #3b55a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
  white-space: nowrap;
}
.facebookShare .facebookButton .pluginButton .pluginButtonContainer {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.004);
}
.facebookShare .facebookButton .pluginButton .pluginButtonContainer .pluginButtonImage {
  display: inline-block;
}
.facebookShare .facebookButton .pluginButton button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  margin: -1px;
  outline: none;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
}
.facebookShare .facebookButton .pluginButton button .pluginButtonIcon {
  height: 14px;
  left: 0;
  margin: 0 4px 0 4px;
  position: relative;
  top: 3px;
  vertical-align: top;
  width: 14px;
}
.facebookShare .facebookButton .pluginButton button .sp_plugin-button-2x {
  background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y5/r/KxVPs0eEy36.png);
  background-size: 30px 72px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.facebookShare .facebookButton .pluginButton button .sx_plugin-button-2x_favblue {
  background-position: 0 -42px;
}
.facebookShare .facebookButton .pluginButton button i.img {
  -ms-high-contrast-adjust: none;
  _overflow: hidden;
}
.facebookShare .facebookButton .pluginButton .pluginButtonLabel {
  padding: 0 5px 0 0;
  position: relative;
  vertical-align: top;
}
.facebookShare .facebookCount {
  display: inline-block;
  width: auto;
}
.facebookShare .facebookCount .pluginCountButton {
  background: white;
  border: 1px solid #bbb;
  border-radius: 3px;
  color: #6a7180;
  display: inline-block;
  font-size: 11px;
  height: auto;
  line-height: 18px;
  margin-left: 6px;
  min-width: 15px;
  padding: 0 3px;
  text-align: center;
  white-space: nowrap;
}
.facebookShare .facebookCount .pluginCountButton span {
  display: inline-block;
  min-height: 12px;
  min-width: 4px;
  color: #333;
}
.facebookShare .facebookCount .pluginCountButtonNub {
  height: 0;
  left: 2px;
  position: relative;
  top: -15px;
  width: 5px;
  z-index: 2;
}
.facebookShare .facebookCount .pluginCountButtonNub s,
.facebookShare .facebookCount .pluginCountButtonNub i {
  border-color: transparent #bbb;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  display: block;
  position: relative;
  top: 1px;
}
.facebookShare .facebookCount .pluginCountButtonNub i {
  border-right-color: #fff;
  left: 2px;
  top: -7px;
}
@-moz-document url-prefix() {
  .facebookShare .facebookButton .pluginButton button .pluginButtonIcon {
    margin: 0 1px;
  }
}
.linkedinShare {
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  border: 0;
  text-decoration: none;
  height: 20px;
  cursor: pointer;
}
.linkedinShare:hover .linkedinButton .pluginButtonLabel,
.linkedinShare:active .linkedinButton .pluginButtonLabel,
.linkedinShare:focus .linkedinButton .pluginButtonLabel {
  border: 1px solid #000;
  border-top-color: #ABABAB;
  border-right-color: #9A9A9A;
  border-bottom-color: #787878;
  border-left-color: #04568B;
  border-left: 0;
  background: #ededed;
  background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
}
.linkedinShare .linkedinButton {
  display: inline-block;
  width: 59px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.linkedinShare .linkedinButton .pluginButtonImage {
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-position: 0px -276px;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0;
  text-indent: -9999em;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  color: #069;
}
.linkedinShare .linkedinButton .pluginButtonLabel {
  color: #333;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  float: left;
  margin-left: 1px;
  overflow: hidden;
  text-align: center;
  height: 18px;
  padding: 0 4px 0 23px;
  border: 1px solid #000;
  border-top-color: #E2E2E2;
  border-right-color: #BFBFBF;
  border-bottom-color: #B9B9B9;
  border-left-color: #E2E2E2;
  border-left: 0;
  text-shadow: #ffffff -1px 1px 0;
  line-height: 20px;
  border-radius: 2px;
  background-color: #ECECEC;
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ececec', GradientType=0);
}
.linkedinShare .linkedinButton .pluginButtonLabel span {
  color: #333;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  background: transparent none;
  vertical-align: top;
  height: 18px;
  line-height: 20px;
  float: none;
}
.linkedinShare .linkedinCount {
  padding: 0px;
  margin: 0px;
  text-indent: 0px;
  display: inline-block;
  vertical-align: baseline;
}
.linkedinShare .linkedinCount .pluginCountButton {
  display: inline-block;
  overflow: visible;
  position: relative;
  height: 18px;
  padding-left: 2px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight {
  display: block;
  float: left;
  height: 18px;
  padding-right: 4px;
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right -100px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight .pluginCountButtonLeft {
  display: block;
  float: left;
  padding-left: 8px;
  text-align: center;
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px -60px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight .pluginCountButtonLeft span {
  display: inline;
  font-size: 11px;
  color: #04558B;
  font-weight: bold;
  font-family: Arial, sans-serif;
  line-height: 18px;
  padding: 0 2px;
}

md-input-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  padding: 2px;
  padding-bottom: 26px;
  /*
   * The .md-input class is added to the input/textarea
   */ }
  md-input-container > md-icon {
    position: absolute;
    top: 5px;
    left: 2px; }
    md-input-container > md-icon + input {
      margin-left: 56px; }
  md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none; }
  md-input-container textarea {
    resize: none;
    overflow: hidden; }
  md-input-container label:not(.md-no-float), md-input-container .md-placeholder {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1;
    -webkit-transform: translate3d(0, 24px, 0) scale(1);
            transform: translate3d(0, 24px, 0) scale(1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
            transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0; }
  md-input-container:not(.md-input-has-value) input:not(:focus) {
    color: transparent; }
  md-input-container .md-input {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0; }
    md-input-container .md-input:focus {
      outline: none; }
    md-input-container .md-input:invalid {
      outline: none;
      box-shadow: none; }
  md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages, md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    position: relative; }
  md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container .md-char-counter {
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 12px;
    line-height: 24px; }
    md-input-container ng-message.ng-enter, md-input-container data-ng-message.ng-enter, md-input-container x-ng-message.ng-enter, md-input-container [ng-message].ng-enter, md-input-container [data-ng-message].ng-enter, md-input-container [x-ng-message].ng-enter, md-input-container .md-char-counter.ng-enter {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-delay: 0.2s; }
    md-input-container ng-message.ng-leave, md-input-container data-ng-message.ng-leave, md-input-container x-ng-message.ng-leave, md-input-container [ng-message].ng-leave, md-input-container [data-ng-message].ng-leave, md-input-container [x-ng-message].ng-leave, md-input-container .md-char-counter.ng-leave {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
    md-input-container ng-message.ng-enter, md-input-container ng-message.ng-leave.ng-leave-active, md-input-container data-ng-message.ng-enter, md-input-container data-ng-message.ng-leave.ng-leave-active, md-input-container x-ng-message.ng-enter, md-input-container x-ng-message.ng-leave.ng-leave-active, md-input-container [ng-message].ng-enter, md-input-container [ng-message].ng-leave.ng-leave-active, md-input-container [data-ng-message].ng-enter, md-input-container [data-ng-message].ng-leave.ng-leave-active, md-input-container [x-ng-message].ng-enter, md-input-container [x-ng-message].ng-leave.ng-leave-active, md-input-container .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
      opacity: 0;
      -webkit-transform: translate3d(0, -20%, 0);
              transform: translate3d(0, -20%, 0); }
    md-input-container ng-message.ng-leave, md-input-container ng-message.ng-enter.ng-enter-active, md-input-container data-ng-message.ng-leave, md-input-container data-ng-message.ng-enter.ng-enter-active, md-input-container x-ng-message.ng-leave, md-input-container x-ng-message.ng-enter.ng-enter-active, md-input-container [ng-message].ng-leave, md-input-container [ng-message].ng-enter.ng-enter-active, md-input-container [data-ng-message].ng-leave, md-input-container [data-ng-message].ng-enter.ng-enter-active, md-input-container [x-ng-message].ng-leave, md-input-container [x-ng-message].ng-enter.ng-enter-active, md-input-container .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  md-input-container .md-char-counter {
    bottom: 2px;
    right: 2px; }
  md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
            transform: translate3d(0, 4px, 0) scale(0.75); }
  md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
    padding-bottom: 0px;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
    background-position: 0 bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x; }
img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}div[img-crop-result]{position:relative;width:200px;display:-moz-inline-stack;display:inline-block;zoom:1}div[img-crop-result] .imgCropResultContainer{position:relative;width:100%;padding-top:0;overflow:hidden}div[img-crop-result] .imgCropResultContainer img{position:absolute}