@-webkit-keyframes flipInYBackwards {
  0% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInYBackwards {
  0% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInYBackwards {
  -webkit-animation-name: flipInYBackwards;
  animation-name: flipInYBackwards;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

@-webkit-keyframes flipOutYBackwards {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes flipOutYBackwards {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    -ms-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
}
.flipOutYBackwards {
  -webkit-animation-name: flipOutYBackwards;
  animation-name: flipOutYBackwards;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    -ms-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.disable-animations.ng-enter, .disable-animations.ng-leave, .disable-animations.ng-animate {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.disable-animations.ng-animate {
  -webkit-animation: none 0s;
  animation: none 0s;
}
@charset "UTF-8";
@font-face {
  font-family: "font-awesomer";
  src: url("https://static.tubularlabs.com/fonts/font-awesomer-v1.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-awesomer-fallback";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.tubularlabs.com/fonts/font-awesomer-v1-fallback.woff2") format("woff2");
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "font-awesomer", "font-awesomer-fallback" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "";
}

.icon-left-quote:before {
  content: "";
}

.icon-group:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-flame:before {
  content: "";
}

.icon-enter:before {
  content: "";
}

.icon-exit:before {
  content: "";
}

.icon-audience:before {
  content: "";
}

.icon-circle-point:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-at-sign:before {
  content: "";
}

.icon-tubular-full:before {
  content: "";
}

.icon-tubular-name:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-envelope:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-star-empty:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-th-large:before {
  content: "";
}

.icon-th:before {
  content: "";
}

.icon-th-list:before {
  content: "";
}

.icon-ok:before {
  content: "";
}

.icon-remove:before {
  content: "";
}

.icon-playlist:before {
  content: "";
}

.icon-growth:before {
  content: "";
}

.icon-vine2:before {
  content: "";
}

.icon-signal:before {
  content: "";
}

.icon-cog:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-file:before {
  content: "";
}

.icon-time:before {
  content: "";
}

.icon-download-alt:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-graph-stacked:before {
  content: "";
}

.icon-play-circle:before {
  content: "";
}

.icon-repeat:before {
  content: "";
}

.icon-refresh:before {
  content: "";
}

.icon-graph-line:before {
  content: "";
}

.icon-reorder-long:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-volume-off:before {
  content: "";
}

.icon-volume-down:before {
  content: "";
}

.icon-volume-up:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-tags:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-graph-growth:before {
  content: "";
}

.icon-graph-change:before {
  content: "";
}

.icon-new-tab:before {
  content: "";
}

.icon-arrow-left2:before {
  content: "";
}

.icon-arrow-down2:before {
  content: "";
}

.icon-arrow-up2:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-arrow-right2:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-minus-alt:before {
  content: "";
}

.icon-plus-alt:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-map-marker:before {
  content: "";
}

.icon-remove-alt:before {
  content: "";
}

.icon-vert-bar:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-move:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-plus-sign:before {
  content: "";
}

.icon-minus-sign:before {
  content: "";
}

.icon-remove-sign:before {
  content: "";
}

.icon-ok-sign:before {
  content: "";
}

.icon-question-sign:before {
  content: "";
}

.icon-info-sign:before {
  content: "";
}

.icon-screenshot:before {
  content: "";
}

.icon-remove-circle:before {
  content: "";
}

.icon-ok-circle:before {
  content: "";
}

.icon-ban-circle:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-share-alt2:before {
  content: "";
}

.icon-resize-full:before {
  content: "";
}

.icon-resize-small:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-asterisk:before {
  content: "";
}

.icon-exclamation-sign:before {
  content: "";
}

.icon-aol-square:before {
  content: "";
}

.icon-eye-open:before {
  content: "";
}

.icon-aol:before {
  content: "";
}

.icon-warning-sign:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-random:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-retweet:before {
  content: "";
}

.icon-bet-square:before {
  content: "";
}

.icon-bet:before {
  content: "";
}

.icon-resize-vertical:before {
  content: "";
}

.icon-resize-horizontal:before {
  content: "";
}

.icon-bar-chart:before {
  content: "";
}

.icon-bleacherreport-square:before {
  content: "";
}

.icon-facebook-sign:before {
  content: "";
}

.icon-bleacherreport:before {
  content: "";
}

.icon-cbs-square:before {
  content: "";
}

.icon-cogs:before {
  content: "";
}

.icon-comments:before {
  content: "";
}

.icon-thumbs-up:before {
  content: "";
}

.icon-cbs:before {
  content: "";
}

.icon-star-half:before {
  content: "";
}

.icon-heart-empty:before {
  content: "";
}

.icon-signout:before {
  content: "";
}

.icon-cmt-square:before {
  content: "";
}

.icon-pushpin:before {
  content: "";
}

.icon-external-link:before {
  content: "";
}

.icon-signin:before {
  content: "";
}

.icon-upload-alt:before {
  content: "";
}

.icon-cmt:before {
  content: "";
}

.icon-check-empty:before {
  content: "";
}

.icon-bookmark-empty:before {
  content: "";
}

.icon-cnbc-square:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-cnbc:before {
  content: "";
}

.icon-cnet-square:before {
  content: "";
}

.icon-credit:before {
  content: "";
}

.icon-cnet:before {
  content: "";
}

.icon-hdd:before {
  content: "";
}

.icon-cnn-square:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-certificate:before {
  content: "";
}

.icon-cnn:before {
  content: "";
}

.icon-dailymotion-square:before {
  content: "";
}

.icon-dailymotion:before {
  content: "";
}

.icon-engadget-square:before {
  content: "";
}

.icon-circle-arrow-left:before {
  content: "";
}

.icon-circle-arrow-right:before {
  content: "";
}

.icon-circle-arrow-up:before {
  content: "";
}

.icon-circle-arrow-down:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-engadget:before {
  content: "";
}

.icon-espn-square:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-briefcase:before {
  content: "";
}

.icon-fullscreen:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-cloud:before {
  content: "";
}

.icon-espn:before {
  content: "";
}

.icon-funnyordie-square:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-paper-clip:before {
  content: "";
}

.icon-funnyordie:before {
  content: "";
}

.icon-sign-blank:before {
  content: "";
}

.icon-reorder:before {
  content: "";
}

.icon-list-ul:before {
  content: "";
}

.icon-foxnews-square:before {
  content: "";
}

.icon-table:before {
  content: "";
}

.icon-google-plus-sign:before {
  content: "";
}

.icon-foxnews:before {
  content: "";
}

.icon-money:before {
  content: "";
}

.icon-caret-down:before {
  content: "";
}

.icon-caret-up:before {
  content: "";
}

.icon-caret-left:before {
  content: "";
}

.icon-caret-right:before {
  content: "";
}

.icon-gamespot-square:before {
  content: "";
}

.icon-sort:before {
  content: "";
}

.icon-sort-down:before {
  content: "";
}

.icon-sort-up:before {
  content: "";
}

.icon-envelope-alt:before {
  content: "";
}

.icon-gamespot:before {
  content: "";
}

.icon-undo:before {
  content: "";
}

.icon-dashboard:before {
  content: "";
}

.icon-comment-alt:before {
  content: "";
}

.icon-comments-alt:before {
  content: "";
}

.icon-bolt:before {
  content: "";
}

.icon-sitemap:before {
  content: "";
}

.icon-paste:before {
  content: "";
}

.icon-lightbulb:before {
  content: "";
}

.icon-cloud-download:before {
  content: "";
}

.icon-cloud-upload:before {
  content: "";
}

.icon-suitcase:before {
  content: "";
}

.icon-bell-alt:before {
  content: "";
}

.icon-file-alt:before {
  content: "";
}

.icon-plus-sign2:before {
  content: "";
}

.icon-double-angle-left:before {
  content: "";
}

.icon-double-angle-right:before {
  content: "";
}

.icon-double-angle-up:before {
  content: "";
}

.icon-double-angle-down:before {
  content: "";
}

.icon-angle-left:before {
  content: "";
}

.icon-angle-right:before {
  content: "";
}

.icon-angle-up:before {
  content: "";
}

.icon-angle-down:before {
  content: "";
}

.icon-huffingtonpost-square:before {
  content: "";
}

.icon-huffingtonpost:before {
  content: "";
}

.icon-hulu-square:before {
  content: "";
}

.icon-hulu:before {
  content: "";
}

.icon-circle-blank:before {
  content: "";
}

.icon-spinner:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-reply:before {
  content: "";
}

.icon-ign-square:before {
  content: "";
}

.icon-ign:before {
  content: "";
}

.icon-mtv-square:before {
  content: "";
}

.icon-expand-alt:before {
  content: "";
}

.icon-collapse-alt:before {
  content: "";
}

.icon-smile:before {
  content: "";
}

.icon-frown:before {
  content: "";
}

.icon-meh:before {
  content: "";
}

.icon-mtv:before {
  content: "";
}

.icon-flag-alt:before {
  content: "";
}

.icon-nyt-square:before {
  content: "";
}

.icon-nyt:before {
  content: "";
}

.icon-popsugar-square:before {
  content: "";
}

.icon-reply-all:before {
  content: "";
}

.icon-star-half-full:before {
  content: "";
}

.icon-location-arrow:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-popsugar:before {
  content: "";
}

.icon-techcrunch-square:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-exclamation:before {
  content: "";
}

.icon-techcrunch:before {
  content: "";
}

.icon-thestreets-square:before {
  content: "";
}

.icon-thestreets:before {
  content: "";
}

.icon-tmz-square:before {
  content: "";
}

.icon-chevron-sign-left:before {
  content: "";
}

.icon-chevron-sign-right:before {
  content: "";
}

.icon-chevron-sign-up:before {
  content: "";
}

.icon-chevron-sign-down:before {
  content: "";
}

.icon-tmz:before {
  content: "";
}

.icon-twitch-square:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-ellipsis-horizontal:before {
  content: "";
}

.icon-ellipsis-vertical:before {
  content: "";
}

.icon-rss-sign:before {
  content: "";
}

.icon-play-sign:before {
  content: "";
}

.icon-minus-sign-alt:before {
  content: "";
}

.icon-check-minus:before {
  content: "";
}

.icon-level-up:before {
  content: "";
}

.icon-level-down:before {
  content: "";
}

.icon-check-sign:before {
  content: "";
}

.icon-edit-sign:before {
  content: "";
}

.icon-external-link-sign:before {
  content: "";
}

.icon-share-sign:before {
  content: "";
}

.icon-ustream:before {
  content: "";
}

.icon-collapse:before {
  content: "";
}

.icon-collapse-top:before {
  content: "";
}

.icon-expand:before {
  content: "";
}

.icon-dollar:before {
  content: "";
}

.icon-file2:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-vice-square:before {
  content: "";
}

.icon-vice:before {
  content: "";
}

.icon-social-reach:before {
  content: "";
}

.icon-chart-pie:before {
  content: "";
}

.icon-creator-group:before {
  content: "";
}

.icon-creator-list:before {
  content: "";
}

.icon-creator-rank:before {
  content: "";
}

.icon-creator-search:before {
  content: "";
}

.icon-creator:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-youtube-play:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-video-list:before {
  content: "";
}

.icon-video-rank:before {
  content: "";
}

.icon-long-arrow-down:before {
  content: "";
}

.icon-long-arrow-up:before {
  content: "";
}

.icon-long-arrow-left:before {
  content: "";
}

.icon-long-arrow-right:before {
  content: "";
}

.icon-female:before {
  content: "";
}

.icon-male:before {
  content: "";
}

.icon-gittip:before {
  content: "";
}

.icon-sun:before {
  content: "";
}

.icon-moon:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-building:before {
  content: "";
}

.icon-video-search:before {
  content: "";
}

.icon-archive:before {
  content: "";
}

.icon-powerpoint:before {
  content: "";
}

.icon-powerpoint-alt:before {
  content: "";
}

.icon-stacked:before {
  content: "";
}

.icon-property:before {
  content: "";
}

.icon-subproperty:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-track:before {
  content: "";
}

.icon-compare:before {
  content: "";
}

.icon-crossposted:before {
  content: "";
}

.icon-new-property:before {
  content: "";
}

.icon-new-creator:before {
  content: "";
}

.icon-certified:before {
  content: "";
}

.icon-tubular-mark:before {
  content: "";
}

.icon-tumblr:before {
  content: "";
}

.icon-tumblr-square:before {
  content: "";
}

.icon-vimeo-square:before {
  content: "";
}

.icon-yahoo:before {
  content: "";
}

.icon-file-pdf-o:before {
  content: "";
}

.icon-file-word-o:before {
  content: "";
}

.icon-file-excel-o:before {
  content: "";
}

.icon-file-powerpoint-o:before {
  content: "";
}

.icon-file-photo-o:before {
  content: "";
}

.icon-file-zip-o:before {
  content: "";
}

.icon-file-movie-o:before {
  content: "";
}

.icon-file-code-o:before {
  content: "";
}

.icon-vine:before {
  content: "";
}

.icon-circle-o-notch:before {
  content: "";
}

.icon-hacker-news:before {
  content: "";
}

.icon-sliders:before {
  content: "";
}

.icon-share-alt:before {
  content: "";
}

.icon-share-alt-square:before {
  content: "";
}

.icon-hourglass-2:before {
  content: "";
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex.align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flex.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

html [layout] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html [layout][horizontal][inline],
html [layout][vertical][inline] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
html [layout][horizontal] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
html [layout][horizontal][reverse] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
html [layout][vertical] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
html [layout][vertical] > [flex][auto-vertical] {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
html [layout][vertical][reverse] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
html [layout][wrap] {
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
html [layout][wrap-reverse] {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
html [flex] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 1e-9px;
      flex-basis: 1e-9px;
}
html [flex][auto] {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
html [flex][none] {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
html [flex][one] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
html [flex][two] {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
html [flex][three] {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
html [flex][four] {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
html [flex][five] {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
html [flex][six] {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
html [flex][seven] {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
}
html [flex][eight] {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
}
html [flex][nine] {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9;
}
html [flex][ten] {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10;
}
html [flex][eleven] {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11;
}
html [flex][twelve] {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12;
}
html [layout][start-aligned] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
html [layout][center-aligned] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
html [layout][end-aligned] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
html [layout][baseline-aligned] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
html [layout][stretch-aligned] {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
html [layout][start-justified] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
html [layout][center-justified] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
html [layout][end-justified] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
html [layout][around-justified] {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
html [layout][between-justified] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html [self-start] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
html [self-center] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
      align-self: center;
}
html [self-end] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
html [self-stretch] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
html [layout][full-width] {
  width: 100%;
}
html [layout][full-height] {
  height: 100%;
}
@font-face {
  font-family: "Neue Montreal";
  font-style: normal;
  font-weight: 300;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: italic;
  font-weight: 300;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: italic;
  font-weight: 400;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: normal;
  font-weight: 500;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: italic;
  font-weight: 500;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: normal;
  font-weight: 700;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Neue Montreal";
  font-style: italic;
  font-weight: 700;
  src: url("https://static.tubularlabs.com/fonts/NeueMontreal-BoldItalic.woff2") format("woff2");
}
@charset "UTF-8";
/* prettier-ignore */

button,
input[type=button],
input[type=submit],
input[type=reset],
.button {
  font-family: faricy-new, "helvetica neue", helvetica, "arial sans-serif";
  -webkit-appearance: none;
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  border: none;
  border-radius: 3px;
  padding: 0.7em 1.1em;
  margin: 0;
  cursor: pointer;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  color: #666;
  background: white;
  border-color: #d7d7d7;
  border-style: solid;
  border-width: 1px;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.button:hover {
  text-decoration: none;
  color: #666;
  border-color: #aaa;
}
button:active,
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active,
.button:active {
  background: white;
  border-color: #999;
  outline: none;
}
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.button:focus {
  outline: none;
}
button.primary, button.blue,
input[type=button].primary,
input[type=button].blue,
input[type=submit].primary,
input[type=submit].blue,
input[type=reset].primary,
input[type=reset].blue,
.button.primary,
.button.blue {
  color: white;
  background-color: #0873bb;
  border-color: #0873bb;
}
button.primary:hover, button.blue:hover,
input[type=button].primary:hover,
input[type=button].blue:hover,
input[type=submit].primary:hover,
input[type=submit].blue:hover,
input[type=reset].primary:hover,
input[type=reset].blue:hover,
.button.primary:hover,
.button.blue:hover {
  background-color: #0a91ec;
  border-color: #0a91ec;
}
button.primary:active, button.blue:active,
input[type=button].primary:active,
input[type=button].blue:active,
input[type=submit].primary:active,
input[type=submit].blue:active,
input[type=reset].primary:active,
input[type=reset].blue:active,
.button.primary:active,
.button.blue:active {
  background-color: #06558a;
  border-color: #06558a;
}
button.secondary, button.off-white,
input[type=button].secondary,
input[type=button].off-white,
input[type=submit].secondary,
input[type=submit].off-white,
input[type=reset].secondary,
input[type=reset].off-white,
.button.secondary,
.button.off-white {
  color: #666;
  background-color: #eceef1;
  border-color: #d7d7d7;
}
button.secondary:hover, button.off-white:hover,
input[type=button].secondary:hover,
input[type=button].off-white:hover,
input[type=submit].secondary:hover,
input[type=submit].off-white:hover,
input[type=reset].secondary:hover,
input[type=reset].off-white:hover,
.button.secondary:hover,
.button.off-white:hover {
  background-color: #eaeef3;
  border-color: #aaa;
}
button.secondary:active, button.off-white:active,
input[type=button].secondary:active,
input[type=button].off-white:active,
input[type=submit].secondary:active,
input[type=submit].off-white:active,
input[type=reset].secondary:active,
input[type=reset].off-white:active,
.button.secondary:active,
.button.off-white:active {
  background-color: #dde1e6;
  border-color: #999;
}
button.green,
input[type=button].green,
input[type=submit].green,
input[type=reset].green,
.button.green {
  color: white;
  background-color: #67b219;
  border-color: #67b219;
}
button.green:hover,
input[type=button].green:hover,
input[type=submit].green:hover,
input[type=reset].green:hover,
.button.green:hover {
  background-color: #67bc0f;
  border-color: #67bc0f;
}
button.green:active,
input[type=button].green:active,
input[type=submit].green:active,
input[type=reset].green:active,
.button.green:active {
  background-color: #5a9c16;
  border-color: #5a9c16;
}
button.red, button.danger,
input[type=button].red,
input[type=button].danger,
input[type=submit].red,
input[type=submit].danger,
input[type=reset].red,
input[type=reset].danger,
.button.red,
.button.danger {
  color: white;
  background-color: #cd5050;
  border-color: #cd5050;
}
button.red:active, button.danger:active,
input[type=button].red:active,
input[type=button].danger:active,
input[type=submit].red:active,
input[type=submit].danger:active,
input[type=reset].red:active,
input[type=reset].danger:active,
.button.red:active,
.button.danger:active {
  background-color: #c73c3c;
  border-color: #c73c3c;
}
button.yellow, button.warning,
input[type=button].yellow,
input[type=button].warning,
input[type=submit].yellow,
input[type=submit].warning,
input[type=reset].yellow,
input[type=reset].warning,
.button.yellow,
.button.warning {
  color: white;
  background-color: #e4d206;
  border-color: #e4d206;
}
button.yellow:hover, button.warning:hover,
input[type=button].yellow:hover,
input[type=button].warning:hover,
input[type=submit].yellow:hover,
input[type=submit].warning:hover,
input[type=reset].yellow:hover,
input[type=reset].warning:hover,
.button.yellow:hover,
.button.warning:hover {
  background-color: #ead700;
  border-color: #ead700;
}
button.yellow:active, button.warning:active,
input[type=button].yellow:active,
input[type=button].warning:active,
input[type=submit].yellow:active,
input[type=submit].warning:active,
input[type=reset].yellow:active,
input[type=reset].warning:active,
.button.yellow:active,
.button.warning:active {
  background-color: #cbbb05;
  border-color: #cbbb05;
}
button.pink, button.tubularPink,
input[type=button].pink,
input[type=button].tubularPink,
input[type=submit].pink,
input[type=submit].tubularPink,
input[type=reset].pink,
input[type=reset].tubularPink,
.button.pink,
.button.tubularPink {
  color: white;
  background-color: #f2144b;
  border-color: #f2144b;
}
button.pink:hover, button.tubularPink:hover,
input[type=button].pink:hover,
input[type=button].tubularPink:hover,
input[type=submit].pink:hover,
input[type=submit].tubularPink:hover,
input[type=reset].pink:hover,
input[type=reset].tubularPink:hover,
.button.pink:hover,
.button.tubularPink:hover {
  background-color: #fe0845;
  border-color: #fe0845;
}
button.pink:active, button.tubularPink:active,
input[type=button].pink:active,
input[type=button].tubularPink:active,
input[type=submit].pink:active,
input[type=submit].tubularPink:active,
input[type=reset].pink:active,
input[type=reset].tubularPink:active,
.button.pink:active,
.button.tubularPink:active {
  background-color: #e00c41;
  border-color: #e00c41;
}
button.white,
input[type=button].white,
input[type=submit].white,
input[type=reset].white,
.button.white {
  color: #666;
  background-color: white;
  border-color: white;
}
button.white:active,
input[type=button].white:active,
input[type=submit].white:active,
input[type=reset].white:active,
.button.white:active {
  background-color: white;
  border-color: white;
}
button.size-xl,
input[type=button].size-xl,
input[type=submit].size-xl,
input[type=reset].size-xl,
.button.size-xl {
  font-size: 32px;
}
button.size-l,
input[type=button].size-l,
input[type=submit].size-l,
input[type=reset].size-l,
.button.size-l {
  font-size: 18px;
}
button.size-s,
input[type=button].size-s,
input[type=submit].size-s,
input[type=reset].size-s,
.button.size-s {
  font-size: 12px;
}
button.size-xs,
input[type=button].size-xs,
input[type=submit].size-xs,
input[type=reset].size-xs,
.button.size-xs {
  font-size: 10px;
}
button.size-micro,
input[type=button].size-micro,
input[type=submit].size-micro,
input[type=reset].size-micro,
.button.size-micro {
  font-size: 10px;
  text-transform: uppercase;
  padding: 1px;
  line-height: 7px;
}
button.slim-button,
input[type=button].slim-button,
input[type=submit].slim-button,
input[type=reset].slim-button,
.button.slim-button {
  padding: 0.3em 0.7em;
}
button.drop:after,
input[type=button].drop:after,
input[type=submit].drop:after,
input[type=reset].drop:after,
.button.drop:after {
  font-family: "font-awesomer";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "";
  margin-left: 5px;
}
button.full-width,
input[type=button].full-width,
input[type=submit].full-width,
input[type=reset].full-width,
.button.full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button:disabled, button.disabled,
input[type=button]:disabled,
input[type=button].disabled,
input[type=submit]:disabled,
input[type=submit].disabled,
input[type=reset]:disabled,
input[type=reset].disabled,
.button:disabled,
.button.disabled {
  color: #999;
  background: #eee;
  border-color: #eee;
  cursor: default;
  pointer-events: none;
}
button:disabled:hover, button.disabled:hover,
input[type=button]:disabled:hover,
input[type=button].disabled:hover,
input[type=submit]:disabled:hover,
input[type=submit].disabled:hover,
input[type=reset]:disabled:hover,
input[type=reset].disabled:hover,
.button:disabled:hover,
.button.disabled:hover {
  background-color: #eee;
  border-color: #eee;
}
button[class*=icon-]:before,
input[type=button][class*=icon-]:before,
input[type=submit][class*=icon-]:before,
input[type=reset][class*=icon-]:before,
.button[class*=icon-]:before {
  margin-right: 0.45em;
}
button.button--full-width,
input[type=button].button--full-width,
input[type=submit].button--full-width,
input[type=reset].button--full-width,
.button.button--full-width {
  display: block;
  text-align: center;
}
.white-box {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 30px;
}

.white-box-10 {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 10px;
}
@charset "UTF-8";
/* prettier-ignore */

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input:disabled,
textarea:disabled,
select:disabled {
  opacity: 1;
}

input,
textarea,
select {
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=text],
input[type=url],
input[type=week],
input[type=tel],
input[type=time],
input[type=datetime],
input[type=date],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=file],
textarea,
select {
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  color: #666;
  border: 1px solid #d7d7d7;
  background-color: white;
  font-size: 14px;
}
input[type=text]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
input[type=tel]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=date]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=file]:disabled,
textarea:disabled,
select:disabled {
  background: #eee;
  border-color: #eee;
  color: #999;
}
input[type=text].error, input[type=text].error:focus,
input[type=url].error,
input[type=url].error:focus,
input[type=week].error,
input[type=week].error:focus,
input[type=tel].error,
input[type=tel].error:focus,
input[type=time].error,
input[type=time].error:focus,
input[type=datetime].error,
input[type=datetime].error:focus,
input[type=date].error,
input[type=date].error:focus,
input[type=email].error,
input[type=email].error:focus,
input[type=month].error,
input[type=month].error:focus,
input[type=number].error,
input[type=number].error:focus,
input[type=password].error,
input[type=password].error:focus,
input[type=search].error,
input[type=search].error:focus,
input[type=file].error,
input[type=file].error:focus,
textarea.error,
textarea.error:focus,
select.error,
select.error:focus {
  border-color: #cd5050;
  color: #cd5050;
}
input[type=text]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #0873bb;
  color: inherit;
}
input[type=text].parsley-error,
input[type=url].parsley-error,
input[type=week].parsley-error,
input[type=tel].parsley-error,
input[type=time].parsley-error,
input[type=datetime].parsley-error,
input[type=date].parsley-error,
input[type=email].parsley-error,
input[type=month].parsley-error,
input[type=number].parsley-error,
input[type=password].parsley-error,
input[type=search].parsley-error,
input[type=file].parsley-error,
textarea.parsley-error,
select.parsley-error {
  border-color: #c00;
}
input[type=text].highlighted,
input[type=url].highlighted,
input[type=week].highlighted,
input[type=tel].highlighted,
input[type=time].highlighted,
input[type=datetime].highlighted,
input[type=date].highlighted,
input[type=email].highlighted,
input[type=month].highlighted,
input[type=number].highlighted,
input[type=password].highlighted,
input[type=search].highlighted,
input[type=file].highlighted,
textarea.highlighted,
select.highlighted {
  border: 1px solid #c00;
}

.error-msg {
  font-size: 12px;
  position: absolute;
}

select {
  background-size: 18px 10px;
  background-image: url("/static/img/icon-select.90c23fc2e5859d4c978a461d57940ccc.png");
  background-repeat: no-repeat;
  background-position: right center;
}

input[type=range] {
  -webkit-appearance: none;
  background-color: #d7d7d7;
  height: 6px;
  width: 100%;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0873bb;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]:focus {
  outline: none;
}

label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
label input[type=text],
label input[type=url],
label input[type=email],
label input[type=password] {
  margin-left: 5px;
}
label input[type=checkbox],
label input[type=radio] {
  display: none;
}
label input[type=checkbox] + .label-text:before,
label input[type=radio] + .label-text:before {
  font-family: "font-awesomer", "font-awesomer-fallback";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.3em;
  width: 1em;
  display: inline-block;
  position: relative;
  top: 0.1em;
}
label input[type=checkbox] + .label-text:before {
  content: "";
}
label input[type=checkbox]:checked + .label-text:before {
  content: "";
  color: #0873bb;
}
label input[type=checkbox]:disabled + .label-text {
  color: #999;
  cursor: default;
}
label input[type=checkbox]:disabled + .label-text:before {
  content: "";
  color: #ccc;
}
label input[type=checkbox]:checked:disabled + .label-text:before {
  content: "";
}
label input[type=checkbox].big-checkbox + .label-text:before {
  content: "";
  height: 18px;
  width: 18px;
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  line-height: 18px;
  text-align: center;
}
label input[type=checkbox].big-checkbox:checked + .label-text:before {
  content: "";
  color: white;
  background: #0873bb;
  border-color: #0873bb;
}
label input[type=checkbox].big-checkbox:disabled + .label-text:before {
  content: "";
  background: #ccc;
}
label input[type=radio] + .label-text:before {
  content: "";
}
label input[type=radio]:checked + .label-text:before {
  content: "";
  color: #0873bb;
}
label input[type=radio]:disabled + .label-text {
  color: #999;
  cursor: default;
}
label input[type=radio]:disabled + .label-text:before {
  content: "";
  color: #ccc;
}

.search-box-lockup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-box-lockup input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 38px;
  -webkit-font-smoothing: antialiased;
}
.search-box-lockup autocomplete,
.search-box-lockup combocomplete {
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-box-lockup [type=search] {
  border-radius: 3px;
  border-right: none;
  padding-left: 30px;
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-box-lockup [type=search]::-webkit-search-cancel-button {
  position: relative;
}
.search-box-lockup [type=submit] {
  border-radius: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search-box-lockup [type=submit]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.search-box-lockup [type=submit]:disabled, .search-box-lockup [type=submit].disabled {
  background: #ddd;
}
.search-box-lockup a.disabled {
  background: #ddd;
}
.search-box-lockup .icon-search {
  position: absolute;
  top: 50%;
  left: 14px;
  pointer-events: none;
  height: 22px;
  line-height: 22px;
  margin-top: -11px;
}

.top-nav-search {
  color: #ffffff;
  margin: 0 10px;
}
/* #Reset & Basics (Inspired by E. Meyers)
 *------------------------------------ */
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-appearance: none;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

img {
  max-width: 100%;
}
/* prettier-ignore */

/* prettier-ignore */

.small-data-table {
  width: 100%;
}
.small-data-table th {
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
}
.small-data-table th:nth-child(1) {
  text-align: left;
}
.small-data-table td {
  text-align: right;
  border-top: 1px solid #f0f0f0;
  padding: 10px;
  vertical-align: middle;
}
.small-data-table td:nth-child(1) {
  border-right: 1px solid #f0f0f0;
  width: 10%;
  text-align: left;
  padding-left: 0;
}
.small-data-table.flexible-first-col td:nth-child(1) {
  width: auto;
}
/* prettier-ignore */

body {
  background-color: #eceef1;
  font: 14px/1.6 faricy-new, "helvetica neue", helvetica, arial sans-serif;
  color: #666;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-size: 18px;
  font-weight: normal;
}
h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a,
h6 a:hover {
  text-decoration: none;
}

p {
  margin: 0 0 20px 0;
}

cite,
em,
var,
address,
dfn {
  font-style: italic;
}

i {
  font-style: normal;
}

strong,
b {
  font-weight: bold;
}

hr {
  border: solid rgba(0, 0, 0, 0.07);
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 10px;
  height: 0;
}
hr.stub {
  width: 80px;
}

tt,
code,
kbd,
samp {
  font-family: monospace;
}

abbr {
  display: inline-block;
  border-bottom: 1px dashed;
  cursor: help;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

a,
.link {
  color: #0873bb;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}
a:hover, a:focus,
.link:hover,
.link:focus {
  color: #06558a;
  text-decoration: none;
}
a[class^=icon-]:hover,
.link[class^=icon-]:hover {
  text-decoration: none;
}

.link-title:hover {
  text-decoration: none;
}

a i,
a:hover i,
a[class*=icon-],
a[class*=icon-]:hover {
  text-decoration: none;
}

ul.bulleted {
  margin-bottom: 20px;
}
ul.bulleted li {
  list-style: square;
  margin-left: 20px;
}

ol {
  margin-bottom: 20px;
}
ol li {
  list-style: decimal;
  margin-left: 20px;
}

dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 20px;
}

.inline-list {
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
}
.inline-list li {
  display: inline;
  padding-left: 8px;
  padding-right: 8px;
}

.heading-page {
  color: #00304c;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.3;
}

.heading-panel {
  color: #00304c;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
}

.heading-panel-alt {
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.heading-small-cap {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.heading-section {
  color: #666;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.heading-banner {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.type-lead {
  font-size: 16px;
  line-height: 1.6;
}

.type-small {
  font-size: 12px;
  line-height: 1.4;
}

.type-tiny {
  font-size: 11px;
  line-height: 1.1;
}

.type-micro {
  font-size: 10px;
  line-height: 1;
}

.type-light {
  color: #999;
}

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

.highlight-match {
  color: #f2144b;
}
.avatar {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.video-thumbnail {
  border-radius: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.video-thumbnail:before {
  content: "";
  display: block;
  padding-top: 55.5%;
}

.video-thumbnail--placeholder {
  border: 1px dashed #d7d7d7;
  position: relative;
}
.video-thumbnail--placeholder .placeholder-thumbnail {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  height: 20px;
  margin-top: -10px;
}

.video-thumbnail-small {
  width: 180px;
}

.icon--padding-right:before {
  padding-right: 0.45em;
}

.icon--padding-left:before {
  padding-left: 0.45em;
}

.icon--fixed-width:before {
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
}

.icon--spin {
  display: inline-block;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
a .icon--spin {
  display: inline-block;
  text-decoration: none;
}

.icon--spin.icon-spinner.ng-hide-add-active {
  display: none !important;
}

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

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

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

.icon--flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon--flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

a .icon--rotate-90:before,
a .icon--rotate-180:before,
a .icon--rotate-270:before,
a .icon--flip-horizontal:before,
a .icon--flip-vertical:before {
  display: inline-block;
}
.grid-container {
  overflow: hidden;
}

.grid-row {
  display: block;
  margin: 0 -10px;
  overflow: hidden;
}
.grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.grid-row [class^=column-],
.grid-row [class^=col-] {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
}
.grid-row [class^=column-].parent-of-nested,
.grid-row [class^=col-].parent-of-nested {
  padding: 0;
}
.grid-row .column-whole {
  width: 100%;
}
.grid-row .column-half {
  width: 50%;
}
.grid-row .column-third {
  width: 33.33%;
}
.grid-row .column-fourth {
  width: 25%;
}
.grid-row .column-sixth {
  width: 16.66%;
}
.grid-row .column-eighth {
  width: 12.5%;
}
.grid-row .column-twelfth {
  width: 8.33%;
}
.grid-row .col-1 {
  width: 100%;
}
.grid-row .col-1-1 {
  width: 100%;
}
.grid-row .col-0-1 {
  width: 0%;
}
.grid-row .col-2 {
  width: 50%;
}
.grid-row .col-1-2 {
  width: 50%;
}
.grid-row .col-3 {
  width: 33.3333333333%;
}
.grid-row .col-1-3 {
  width: 33.3333333333%;
}
.grid-row .col-2-3 {
  width: 66.6666666667%;
}
.grid-row .col-4 {
  width: 25%;
}
.grid-row .col-1-4 {
  width: 25%;
}
.grid-row .col-2-4 {
  width: 50%;
}
.grid-row .col-3-4 {
  width: 75%;
}
.grid-row .col-5 {
  width: 20%;
}
.grid-row .col-1-5 {
  width: 20%;
}
.grid-row .col-2-5 {
  width: 40%;
}
.grid-row .col-3-5 {
  width: 60%;
}
.grid-row .col-4-5 {
  width: 80%;
}
.grid-row .col-6 {
  width: 16.6666666667%;
}
.grid-row .col-1-6 {
  width: 16.6666666667%;
}
.grid-row .col-2-6 {
  width: 33.3333333333%;
}
.grid-row .col-3-6 {
  width: 50%;
}
.grid-row .col-4-6 {
  width: 66.6666666667%;
}
.grid-row .col-5-6 {
  width: 83.3333333333%;
}
.grid-row .col-7 {
  width: 14.2857142857%;
}
.grid-row .col-1-7 {
  width: 14.2857142857%;
}
.grid-row .col-2-7 {
  width: 28.5714285714%;
}
.grid-row .col-3-7 {
  width: 42.8571428571%;
}
.grid-row .col-4-7 {
  width: 57.1428571429%;
}
.grid-row .col-5-7 {
  width: 71.4285714286%;
}
.grid-row .col-6-7 {
  width: 85.7142857143%;
}
.grid-row .col-8 {
  width: 12.5%;
}
.grid-row .col-1-8 {
  width: 12.5%;
}
.grid-row .col-2-8 {
  width: 25%;
}
.grid-row .col-3-8 {
  width: 37.5%;
}
.grid-row .col-4-8 {
  width: 50%;
}
.grid-row .col-5-8 {
  width: 62.5%;
}
.grid-row .col-6-8 {
  width: 75%;
}
.grid-row .col-7-8 {
  width: 87.5%;
}
.grid-row .col-9 {
  width: 11.1111111111%;
}
.grid-row .col-1-9 {
  width: 11.1111111111%;
}
.grid-row .col-2-9 {
  width: 22.2222222222%;
}
.grid-row .col-3-9 {
  width: 33.3333333333%;
}
.grid-row .col-4-9 {
  width: 44.4444444444%;
}
.grid-row .col-5-9 {
  width: 55.5555555556%;
}
.grid-row .col-6-9 {
  width: 66.6666666667%;
}
.grid-row .col-7-9 {
  width: 77.7777777778%;
}
.grid-row .col-8-9 {
  width: 88.8888888889%;
}
.grid-row .col-10 {
  width: 10%;
}
.grid-row .col-1-10 {
  width: 10%;
}
.grid-row .col-2-10 {
  width: 20%;
}
.grid-row .col-3-10 {
  width: 30%;
}
.grid-row .col-4-10 {
  width: 40%;
}
.grid-row .col-5-10 {
  width: 50%;
}
.grid-row .col-6-10 {
  width: 60%;
}
.grid-row .col-7-10 {
  width: 70%;
}
.grid-row .col-8-10 {
  width: 80%;
}
.grid-row .col-9-10 {
  width: 90%;
}
.grid-row .col-11 {
  width: 9.0909090909%;
}
.grid-row .col-1-11 {
  width: 9.0909090909%;
}
.grid-row .col-2-11 {
  width: 18.1818181818%;
}
.grid-row .col-3-11 {
  width: 27.2727272727%;
}
.grid-row .col-4-11 {
  width: 36.3636363636%;
}
.grid-row .col-5-11 {
  width: 45.4545454545%;
}
.grid-row .col-6-11 {
  width: 54.5454545455%;
}
.grid-row .col-7-11 {
  width: 63.6363636364%;
}
.grid-row .col-8-11 {
  width: 72.7272727273%;
}
.grid-row .col-9-11 {
  width: 81.8181818182%;
}
.grid-row .col-10-11 {
  width: 90.9090909091%;
}
.grid-row .col-12 {
  width: 8.3333333333%;
}
.grid-row .col-1-12 {
  width: 8.3333333333%;
}
.grid-row .col-2-12 {
  width: 16.6666666667%;
}
.grid-row .col-3-12 {
  width: 25%;
}
.grid-row .col-4-12 {
  width: 33.3333333333%;
}
.grid-row .col-5-12 {
  width: 41.6666666667%;
}
.grid-row .col-6-12 {
  width: 50%;
}
.grid-row .col-7-12 {
  width: 58.3333333333%;
}
.grid-row .col-8-12 {
  width: 66.6666666667%;
}
.grid-row .col-9-12 {
  width: 75%;
}
.grid-row .col-10-12 {
  width: 83.3333333333%;
}
.grid-row .col-11-12 {
  width: 91.6666666667%;
}
.grid-row.grid-row--ruled {
  margin: 0 -20px;
}
.grid-row.grid-row--ruled > [class^=column-],
.grid-row.grid-row--ruled > [class^=col-] {
  padding: 0 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.grid-row.grid-row--ruled > [class^=column-].parent-of-nested,
.grid-row.grid-row--ruled > [class^=col-].parent-of-nested {
  padding: 0;
}
.grid-row.grid-row--ruled > [class^=column-]:last-child,
.grid-row.grid-row--ruled > [class^=col-]:last-child {
  border-right: none;
}
.grid-row.grid-row--gutter10 {
  margin: 0 -5px;
}
.grid-row.grid-row--gutter10 [class^=column-],
.grid-row.grid-row--gutter10 [class^=col-] {
  padding: 0 5px;
}
.grid-row.grid-row--gutter10 [class^=column-].parent-of-nested,
.grid-row.grid-row--gutter10 [class^=col-].parent-of-nested {
  padding: 0;
}
@media only screen and (max-width: 630px) {
  .grid-row .break-md {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 479px) {
  .grid-row .break-sm {
    float: none;
    width: auto;
  }
}

.grid-example code:not(.in-example) {
  border: 0;
  background: none;
  font-size: 10px;
  padding: 0;
  color: #999;
}
.grid-example .grid-row {
  margin-bottom: 10px;
}
.grid-example [class^=column-]:before,
.grid-example [class^=col-]:before {
  content: "";
  display: block;
  height: 50px;
  background: #eee;
}
.grid-example [class^=column-].parent-of-nested,
.grid-example [class^=col-].parent-of-nested {
  background: lavenderblush;
}
.grid-example [class^=column-].parent-of-nested:before,
.grid-example [class^=col-].parent-of-nested:before {
  display: none;
}
/* prettier-ignore */

.positioner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  padding: 0 20px;
  max-width: 95%;
}
.positioner.wide {
  max-width: 1440px;
}

.btn-action {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border-radius: 3px;
  color: #999;
  border: 1px solid #d7d7d7;
  background-color: whitesmoke;
}
.btn-action:hover, .btn-action:focus {
  color: #666;
  border-color: #999;
  text-decoration: none;
}
.btn-action:active {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) inset;
}
.btn-action.btn-lightgrey {
  background-color: #fafafa;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.list-item:hover .info-tool-tip,
.icon-info-sign:hover .info-tool-tip {
  opacity: 1;
  left: 50%;
  bottom: 27px;
  z-index: 9999;
}

.list-item:hover .info-tool-tip {
  bottom: 37px;
}

.relative {
  position: relative;
}

.clear {
  clear: both;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.error {
  color: #cd5050;
}

.large {
  font-size: 24px;
}

.sortable {
  cursor: pointer;
}

.backbone-navigate {
  cursor: pointer;
}

.margin-1 {
  margin: 1px;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-bottom-1 {
  margin-bottom: 1px;
}

.margin-left-1 {
  margin-left: 1px;
}

.margin-right-1 {
  margin-right: 1px;
}

.padding-1 {
  padding: 1px;
}

.padding-top-1 {
  padding-top: 1px;
}

.padding-bottom-1 {
  padding-bottom: 1px;
}

.padding-left-1 {
  padding-left: 1px;
}

.padding-right-1 {
  padding-right: 1px;
}

.margin-2 {
  margin: 2px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-left-2 {
  margin-left: 2px;
}

.margin-right-2 {
  margin-right: 2px;
}

.padding-2 {
  padding: 2px;
}

.padding-top-2 {
  padding-top: 2px;
}

.padding-bottom-2 {
  padding-bottom: 2px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-right-2 {
  padding-right: 2px;
}

.margin-3 {
  margin: 3px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-right-3 {
  margin-right: 3px;
}

.padding-3 {
  padding: 3px;
}

.padding-top-3 {
  padding-top: 3px;
}

.padding-bottom-3 {
  padding-bottom: 3px;
}

.padding-left-3 {
  padding-left: 3px;
}

.padding-right-3 {
  padding-right: 3px;
}

.margin-4 {
  margin: 4px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-left-4 {
  margin-left: 4px;
}

.margin-right-4 {
  margin-right: 4px;
}

.padding-4 {
  padding: 4px;
}

.padding-top-4 {
  padding-top: 4px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-right-4 {
  padding-right: 4px;
}

.margin-5 {
  margin: 5px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-right-5 {
  margin-right: 5px;
}

.padding-5 {
  padding: 5px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.margin-6 {
  margin: 6px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-left-6 {
  margin-left: 6px;
}

.margin-right-6 {
  margin-right: 6px;
}

.padding-6 {
  padding: 6px;
}

.padding-top-6 {
  padding-top: 6px;
}

.padding-bottom-6 {
  padding-bottom: 6px;
}

.padding-left-6 {
  padding-left: 6px;
}

.padding-right-6 {
  padding-right: 6px;
}

.margin-7 {
  margin: 7px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-left-7 {
  margin-left: 7px;
}

.margin-right-7 {
  margin-right: 7px;
}

.padding-7 {
  padding: 7px;
}

.padding-top-7 {
  padding-top: 7px;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.padding-left-7 {
  padding-left: 7px;
}

.padding-right-7 {
  padding-right: 7px;
}

.margin-8 {
  margin: 8px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-right-8 {
  margin-right: 8px;
}

.padding-8 {
  padding: 8px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-bottom-8 {
  padding-bottom: 8px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-right-8 {
  padding-right: 8px;
}

.margin-9 {
  margin: 9px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-left-9 {
  margin-left: 9px;
}

.margin-right-9 {
  margin-right: 9px;
}

.padding-9 {
  padding: 9px;
}

.padding-top-9 {
  padding-top: 9px;
}

.padding-bottom-9 {
  padding-bottom: 9px;
}

.padding-left-9 {
  padding-left: 9px;
}

.padding-right-9 {
  padding-right: 9px;
}

.margin-10 {
  margin: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.padding-10 {
  padding: 10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-right-10 {
  padding-right: 10px;
}

.margin-11 {
  margin: 11px;
}

.margin-top-11 {
  margin-top: 11px;
}

.margin-bottom-11 {
  margin-bottom: 11px;
}

.margin-left-11 {
  margin-left: 11px;
}

.margin-right-11 {
  margin-right: 11px;
}

.padding-11 {
  padding: 11px;
}

.padding-top-11 {
  padding-top: 11px;
}

.padding-bottom-11 {
  padding-bottom: 11px;
}

.padding-left-11 {
  padding-left: 11px;
}

.padding-right-11 {
  padding-right: 11px;
}

.margin-12 {
  margin: 12px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-right-12 {
  margin-right: 12px;
}

.padding-12 {
  padding: 12px;
}

.padding-top-12 {
  padding-top: 12px;
}

.padding-bottom-12 {
  padding-bottom: 12px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-right-12 {
  padding-right: 12px;
}

.margin-13 {
  margin: 13px;
}

.margin-top-13 {
  margin-top: 13px;
}

.margin-bottom-13 {
  margin-bottom: 13px;
}

.margin-left-13 {
  margin-left: 13px;
}

.margin-right-13 {
  margin-right: 13px;
}

.padding-13 {
  padding: 13px;
}

.padding-top-13 {
  padding-top: 13px;
}

.padding-bottom-13 {
  padding-bottom: 13px;
}

.padding-left-13 {
  padding-left: 13px;
}

.padding-right-13 {
  padding-right: 13px;
}

.margin-14 {
  margin: 14px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-left-14 {
  margin-left: 14px;
}

.margin-right-14 {
  margin-right: 14px;
}

.padding-14 {
  padding: 14px;
}

.padding-top-14 {
  padding-top: 14px;
}

.padding-bottom-14 {
  padding-bottom: 14px;
}

.padding-left-14 {
  padding-left: 14px;
}

.padding-right-14 {
  padding-right: 14px;
}

.margin-15 {
  margin: 15px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-right-15 {
  margin-right: 15px;
}

.padding-15 {
  padding: 15px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-right-15 {
  padding-right: 15px;
}

.margin-16 {
  margin: 16px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-right-16 {
  margin-right: 16px;
}

.padding-16 {
  padding: 16px;
}

.padding-top-16 {
  padding-top: 16px;
}

.padding-bottom-16 {
  padding-bottom: 16px;
}

.padding-left-16 {
  padding-left: 16px;
}

.padding-right-16 {
  padding-right: 16px;
}

.margin-17 {
  margin: 17px;
}

.margin-top-17 {
  margin-top: 17px;
}

.margin-bottom-17 {
  margin-bottom: 17px;
}

.margin-left-17 {
  margin-left: 17px;
}

.margin-right-17 {
  margin-right: 17px;
}

.padding-17 {
  padding: 17px;
}

.padding-top-17 {
  padding-top: 17px;
}

.padding-bottom-17 {
  padding-bottom: 17px;
}

.padding-left-17 {
  padding-left: 17px;
}

.padding-right-17 {
  padding-right: 17px;
}

.margin-18 {
  margin: 18px;
}

.margin-top-18 {
  margin-top: 18px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-left-18 {
  margin-left: 18px;
}

.margin-right-18 {
  margin-right: 18px;
}

.padding-18 {
  padding: 18px;
}

.padding-top-18 {
  padding-top: 18px;
}

.padding-bottom-18 {
  padding-bottom: 18px;
}

.padding-left-18 {
  padding-left: 18px;
}

.padding-right-18 {
  padding-right: 18px;
}

.margin-19 {
  margin: 19px;
}

.margin-top-19 {
  margin-top: 19px;
}

.margin-bottom-19 {
  margin-bottom: 19px;
}

.margin-left-19 {
  margin-left: 19px;
}

.margin-right-19 {
  margin-right: 19px;
}

.padding-19 {
  padding: 19px;
}

.padding-top-19 {
  padding-top: 19px;
}

.padding-bottom-19 {
  padding-bottom: 19px;
}

.padding-left-19 {
  padding-left: 19px;
}

.padding-right-19 {
  padding-right: 19px;
}

.margin-20 {
  margin: 20px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-right-20 {
  margin-right: 20px;
}

.padding-20 {
  padding: 20px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-right-20 {
  padding-right: 20px;
}

.margin-21 {
  margin: 21px;
}

.margin-top-21 {
  margin-top: 21px;
}

.margin-bottom-21 {
  margin-bottom: 21px;
}

.margin-left-21 {
  margin-left: 21px;
}

.margin-right-21 {
  margin-right: 21px;
}

.padding-21 {
  padding: 21px;
}

.padding-top-21 {
  padding-top: 21px;
}

.padding-bottom-21 {
  padding-bottom: 21px;
}

.padding-left-21 {
  padding-left: 21px;
}

.padding-right-21 {
  padding-right: 21px;
}

.margin-22 {
  margin: 22px;
}

.margin-top-22 {
  margin-top: 22px;
}

.margin-bottom-22 {
  margin-bottom: 22px;
}

.margin-left-22 {
  margin-left: 22px;
}

.margin-right-22 {
  margin-right: 22px;
}

.padding-22 {
  padding: 22px;
}

.padding-top-22 {
  padding-top: 22px;
}

.padding-bottom-22 {
  padding-bottom: 22px;
}

.padding-left-22 {
  padding-left: 22px;
}

.padding-right-22 {
  padding-right: 22px;
}

.margin-23 {
  margin: 23px;
}

.margin-top-23 {
  margin-top: 23px;
}

.margin-bottom-23 {
  margin-bottom: 23px;
}

.margin-left-23 {
  margin-left: 23px;
}

.margin-right-23 {
  margin-right: 23px;
}

.padding-23 {
  padding: 23px;
}

.padding-top-23 {
  padding-top: 23px;
}

.padding-bottom-23 {
  padding-bottom: 23px;
}

.padding-left-23 {
  padding-left: 23px;
}

.padding-right-23 {
  padding-right: 23px;
}

.margin-24 {
  margin: 24px;
}

.margin-top-24 {
  margin-top: 24px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-right-24 {
  margin-right: 24px;
}

.padding-24 {
  padding: 24px;
}

.padding-top-24 {
  padding-top: 24px;
}

.padding-bottom-24 {
  padding-bottom: 24px;
}

.padding-left-24 {
  padding-left: 24px;
}

.padding-right-24 {
  padding-right: 24px;
}

.margin-25 {
  margin: 25px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-right-25 {
  margin-right: 25px;
}

.padding-25 {
  padding: 25px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-right-25 {
  padding-right: 25px;
}

.margin-26 {
  margin: 26px;
}

.margin-top-26 {
  margin-top: 26px;
}

.margin-bottom-26 {
  margin-bottom: 26px;
}

.margin-left-26 {
  margin-left: 26px;
}

.margin-right-26 {
  margin-right: 26px;
}

.padding-26 {
  padding: 26px;
}

.padding-top-26 {
  padding-top: 26px;
}

.padding-bottom-26 {
  padding-bottom: 26px;
}

.padding-left-26 {
  padding-left: 26px;
}

.padding-right-26 {
  padding-right: 26px;
}

.margin-27 {
  margin: 27px;
}

.margin-top-27 {
  margin-top: 27px;
}

.margin-bottom-27 {
  margin-bottom: 27px;
}

.margin-left-27 {
  margin-left: 27px;
}

.margin-right-27 {
  margin-right: 27px;
}

.padding-27 {
  padding: 27px;
}

.padding-top-27 {
  padding-top: 27px;
}

.padding-bottom-27 {
  padding-bottom: 27px;
}

.padding-left-27 {
  padding-left: 27px;
}

.padding-right-27 {
  padding-right: 27px;
}

.margin-28 {
  margin: 28px;
}

.margin-top-28 {
  margin-top: 28px;
}

.margin-bottom-28 {
  margin-bottom: 28px;
}

.margin-left-28 {
  margin-left: 28px;
}

.margin-right-28 {
  margin-right: 28px;
}

.padding-28 {
  padding: 28px;
}

.padding-top-28 {
  padding-top: 28px;
}

.padding-bottom-28 {
  padding-bottom: 28px;
}

.padding-left-28 {
  padding-left: 28px;
}

.padding-right-28 {
  padding-right: 28px;
}

.margin-29 {
  margin: 29px;
}

.margin-top-29 {
  margin-top: 29px;
}

.margin-bottom-29 {
  margin-bottom: 29px;
}

.margin-left-29 {
  margin-left: 29px;
}

.margin-right-29 {
  margin-right: 29px;
}

.padding-29 {
  padding: 29px;
}

.padding-top-29 {
  padding-top: 29px;
}

.padding-bottom-29 {
  padding-bottom: 29px;
}

.padding-left-29 {
  padding-left: 29px;
}

.padding-right-29 {
  padding-right: 29px;
}

.margin-30 {
  margin: 30px;
}

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

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-right-30 {
  margin-right: 30px;
}

.padding-30 {
  padding: 30px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-right-30 {
  padding-right: 30px;
}

.margin-31 {
  margin: 31px;
}

.margin-top-31 {
  margin-top: 31px;
}

.margin-bottom-31 {
  margin-bottom: 31px;
}

.margin-left-31 {
  margin-left: 31px;
}

.margin-right-31 {
  margin-right: 31px;
}

.padding-31 {
  padding: 31px;
}

.padding-top-31 {
  padding-top: 31px;
}

.padding-bottom-31 {
  padding-bottom: 31px;
}

.padding-left-31 {
  padding-left: 31px;
}

.padding-right-31 {
  padding-right: 31px;
}

.margin-32 {
  margin: 32px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.margin-left-32 {
  margin-left: 32px;
}

.margin-right-32 {
  margin-right: 32px;
}

.padding-32 {
  padding: 32px;
}

.padding-top-32 {
  padding-top: 32px;
}

.padding-bottom-32 {
  padding-bottom: 32px;
}

.padding-left-32 {
  padding-left: 32px;
}

.padding-right-32 {
  padding-right: 32px;
}

.margin-33 {
  margin: 33px;
}

.margin-top-33 {
  margin-top: 33px;
}

.margin-bottom-33 {
  margin-bottom: 33px;
}

.margin-left-33 {
  margin-left: 33px;
}

.margin-right-33 {
  margin-right: 33px;
}

.padding-33 {
  padding: 33px;
}

.padding-top-33 {
  padding-top: 33px;
}

.padding-bottom-33 {
  padding-bottom: 33px;
}

.padding-left-33 {
  padding-left: 33px;
}

.padding-right-33 {
  padding-right: 33px;
}

.margin-34 {
  margin: 34px;
}

.margin-top-34 {
  margin-top: 34px;
}

.margin-bottom-34 {
  margin-bottom: 34px;
}

.margin-left-34 {
  margin-left: 34px;
}

.margin-right-34 {
  margin-right: 34px;
}

.padding-34 {
  padding: 34px;
}

.padding-top-34 {
  padding-top: 34px;
}

.padding-bottom-34 {
  padding-bottom: 34px;
}

.padding-left-34 {
  padding-left: 34px;
}

.padding-right-34 {
  padding-right: 34px;
}

.margin-35 {
  margin: 35px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-left-35 {
  margin-left: 35px;
}

.margin-right-35 {
  margin-right: 35px;
}

.padding-35 {
  padding: 35px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-left-35 {
  padding-left: 35px;
}

.padding-right-35 {
  padding-right: 35px;
}

.margin-36 {
  margin: 36px;
}

.margin-top-36 {
  margin-top: 36px;
}

.margin-bottom-36 {
  margin-bottom: 36px;
}

.margin-left-36 {
  margin-left: 36px;
}

.margin-right-36 {
  margin-right: 36px;
}

.padding-36 {
  padding: 36px;
}

.padding-top-36 {
  padding-top: 36px;
}

.padding-bottom-36 {
  padding-bottom: 36px;
}

.padding-left-36 {
  padding-left: 36px;
}

.padding-right-36 {
  padding-right: 36px;
}

.margin-37 {
  margin: 37px;
}

.margin-top-37 {
  margin-top: 37px;
}

.margin-bottom-37 {
  margin-bottom: 37px;
}

.margin-left-37 {
  margin-left: 37px;
}

.margin-right-37 {
  margin-right: 37px;
}

.padding-37 {
  padding: 37px;
}

.padding-top-37 {
  padding-top: 37px;
}

.padding-bottom-37 {
  padding-bottom: 37px;
}

.padding-left-37 {
  padding-left: 37px;
}

.padding-right-37 {
  padding-right: 37px;
}

.margin-38 {
  margin: 38px;
}

.margin-top-38 {
  margin-top: 38px;
}

.margin-bottom-38 {
  margin-bottom: 38px;
}

.margin-left-38 {
  margin-left: 38px;
}

.margin-right-38 {
  margin-right: 38px;
}

.padding-38 {
  padding: 38px;
}

.padding-top-38 {
  padding-top: 38px;
}

.padding-bottom-38 {
  padding-bottom: 38px;
}

.padding-left-38 {
  padding-left: 38px;
}

.padding-right-38 {
  padding-right: 38px;
}

.margin-39 {
  margin: 39px;
}

.margin-top-39 {
  margin-top: 39px;
}

.margin-bottom-39 {
  margin-bottom: 39px;
}

.margin-left-39 {
  margin-left: 39px;
}

.margin-right-39 {
  margin-right: 39px;
}

.padding-39 {
  padding: 39px;
}

.padding-top-39 {
  padding-top: 39px;
}

.padding-bottom-39 {
  padding-bottom: 39px;
}

.padding-left-39 {
  padding-left: 39px;
}

.padding-right-39 {
  padding-right: 39px;
}

.margin-40 {
  margin: 40px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-right-40 {
  margin-right: 40px;
}

.padding-40 {
  padding: 40px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-right-40 {
  padding-right: 40px;
}

.margin-41 {
  margin: 41px;
}

.margin-top-41 {
  margin-top: 41px;
}

.margin-bottom-41 {
  margin-bottom: 41px;
}

.margin-left-41 {
  margin-left: 41px;
}

.margin-right-41 {
  margin-right: 41px;
}

.padding-41 {
  padding: 41px;
}

.padding-top-41 {
  padding-top: 41px;
}

.padding-bottom-41 {
  padding-bottom: 41px;
}

.padding-left-41 {
  padding-left: 41px;
}

.padding-right-41 {
  padding-right: 41px;
}

.margin-42 {
  margin: 42px;
}

.margin-top-42 {
  margin-top: 42px;
}

.margin-bottom-42 {
  margin-bottom: 42px;
}

.margin-left-42 {
  margin-left: 42px;
}

.margin-right-42 {
  margin-right: 42px;
}

.padding-42 {
  padding: 42px;
}

.padding-top-42 {
  padding-top: 42px;
}

.padding-bottom-42 {
  padding-bottom: 42px;
}

.padding-left-42 {
  padding-left: 42px;
}

.padding-right-42 {
  padding-right: 42px;
}

.margin-43 {
  margin: 43px;
}

.margin-top-43 {
  margin-top: 43px;
}

.margin-bottom-43 {
  margin-bottom: 43px;
}

.margin-left-43 {
  margin-left: 43px;
}

.margin-right-43 {
  margin-right: 43px;
}

.padding-43 {
  padding: 43px;
}

.padding-top-43 {
  padding-top: 43px;
}

.padding-bottom-43 {
  padding-bottom: 43px;
}

.padding-left-43 {
  padding-left: 43px;
}

.padding-right-43 {
  padding-right: 43px;
}

.margin-44 {
  margin: 44px;
}

.margin-top-44 {
  margin-top: 44px;
}

.margin-bottom-44 {
  margin-bottom: 44px;
}

.margin-left-44 {
  margin-left: 44px;
}

.margin-right-44 {
  margin-right: 44px;
}

.padding-44 {
  padding: 44px;
}

.padding-top-44 {
  padding-top: 44px;
}

.padding-bottom-44 {
  padding-bottom: 44px;
}

.padding-left-44 {
  padding-left: 44px;
}

.padding-right-44 {
  padding-right: 44px;
}

.margin-45 {
  margin: 45px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.margin-left-45 {
  margin-left: 45px;
}

.margin-right-45 {
  margin-right: 45px;
}

.padding-45 {
  padding: 45px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-bottom-45 {
  padding-bottom: 45px;
}

.padding-left-45 {
  padding-left: 45px;
}

.padding-right-45 {
  padding-right: 45px;
}

.margin-46 {
  margin: 46px;
}

.margin-top-46 {
  margin-top: 46px;
}

.margin-bottom-46 {
  margin-bottom: 46px;
}

.margin-left-46 {
  margin-left: 46px;
}

.margin-right-46 {
  margin-right: 46px;
}

.padding-46 {
  padding: 46px;
}

.padding-top-46 {
  padding-top: 46px;
}

.padding-bottom-46 {
  padding-bottom: 46px;
}

.padding-left-46 {
  padding-left: 46px;
}

.padding-right-46 {
  padding-right: 46px;
}

.margin-47 {
  margin: 47px;
}

.margin-top-47 {
  margin-top: 47px;
}

.margin-bottom-47 {
  margin-bottom: 47px;
}

.margin-left-47 {
  margin-left: 47px;
}

.margin-right-47 {
  margin-right: 47px;
}

.padding-47 {
  padding: 47px;
}

.padding-top-47 {
  padding-top: 47px;
}

.padding-bottom-47 {
  padding-bottom: 47px;
}

.padding-left-47 {
  padding-left: 47px;
}

.padding-right-47 {
  padding-right: 47px;
}

.margin-48 {
  margin: 48px;
}

.margin-top-48 {
  margin-top: 48px;
}

.margin-bottom-48 {
  margin-bottom: 48px;
}

.margin-left-48 {
  margin-left: 48px;
}

.margin-right-48 {
  margin-right: 48px;
}

.padding-48 {
  padding: 48px;
}

.padding-top-48 {
  padding-top: 48px;
}

.padding-bottom-48 {
  padding-bottom: 48px;
}

.padding-left-48 {
  padding-left: 48px;
}

.padding-right-48 {
  padding-right: 48px;
}

.margin-49 {
  margin: 49px;
}

.margin-top-49 {
  margin-top: 49px;
}

.margin-bottom-49 {
  margin-bottom: 49px;
}

.margin-left-49 {
  margin-left: 49px;
}

.margin-right-49 {
  margin-right: 49px;
}

.padding-49 {
  padding: 49px;
}

.padding-top-49 {
  padding-top: 49px;
}

.padding-bottom-49 {
  padding-bottom: 49px;
}

.padding-left-49 {
  padding-left: 49px;
}

.padding-right-49 {
  padding-right: 49px;
}

.margin-50 {
  margin: 50px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-left-50 {
  margin-left: 50px;
}

.margin-right-50 {
  margin-right: 50px;
}

.padding-50 {
  padding: 50px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-right-50 {
  padding-right: 50px;
}

.margin-51 {
  margin: 51px;
}

.margin-top-51 {
  margin-top: 51px;
}

.margin-bottom-51 {
  margin-bottom: 51px;
}

.margin-left-51 {
  margin-left: 51px;
}

.margin-right-51 {
  margin-right: 51px;
}

.padding-51 {
  padding: 51px;
}

.padding-top-51 {
  padding-top: 51px;
}

.padding-bottom-51 {
  padding-bottom: 51px;
}

.padding-left-51 {
  padding-left: 51px;
}

.padding-right-51 {
  padding-right: 51px;
}

.margin-52 {
  margin: 52px;
}

.margin-top-52 {
  margin-top: 52px;
}

.margin-bottom-52 {
  margin-bottom: 52px;
}

.margin-left-52 {
  margin-left: 52px;
}

.margin-right-52 {
  margin-right: 52px;
}

.padding-52 {
  padding: 52px;
}

.padding-top-52 {
  padding-top: 52px;
}

.padding-bottom-52 {
  padding-bottom: 52px;
}

.padding-left-52 {
  padding-left: 52px;
}

.padding-right-52 {
  padding-right: 52px;
}

.margin-53 {
  margin: 53px;
}

.margin-top-53 {
  margin-top: 53px;
}

.margin-bottom-53 {
  margin-bottom: 53px;
}

.margin-left-53 {
  margin-left: 53px;
}

.margin-right-53 {
  margin-right: 53px;
}

.padding-53 {
  padding: 53px;
}

.padding-top-53 {
  padding-top: 53px;
}

.padding-bottom-53 {
  padding-bottom: 53px;
}

.padding-left-53 {
  padding-left: 53px;
}

.padding-right-53 {
  padding-right: 53px;
}

.margin-54 {
  margin: 54px;
}

.margin-top-54 {
  margin-top: 54px;
}

.margin-bottom-54 {
  margin-bottom: 54px;
}

.margin-left-54 {
  margin-left: 54px;
}

.margin-right-54 {
  margin-right: 54px;
}

.padding-54 {
  padding: 54px;
}

.padding-top-54 {
  padding-top: 54px;
}

.padding-bottom-54 {
  padding-bottom: 54px;
}

.padding-left-54 {
  padding-left: 54px;
}

.padding-right-54 {
  padding-right: 54px;
}

.margin-55 {
  margin: 55px;
}

.margin-top-55 {
  margin-top: 55px;
}

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-left-55 {
  margin-left: 55px;
}

.margin-right-55 {
  margin-right: 55px;
}

.padding-55 {
  padding: 55px;
}

.padding-top-55 {
  padding-top: 55px;
}

.padding-bottom-55 {
  padding-bottom: 55px;
}

.padding-left-55 {
  padding-left: 55px;
}

.padding-right-55 {
  padding-right: 55px;
}

.margin-56 {
  margin: 56px;
}

.margin-top-56 {
  margin-top: 56px;
}

.margin-bottom-56 {
  margin-bottom: 56px;
}

.margin-left-56 {
  margin-left: 56px;
}

.margin-right-56 {
  margin-right: 56px;
}

.padding-56 {
  padding: 56px;
}

.padding-top-56 {
  padding-top: 56px;
}

.padding-bottom-56 {
  padding-bottom: 56px;
}

.padding-left-56 {
  padding-left: 56px;
}

.padding-right-56 {
  padding-right: 56px;
}

.margin-57 {
  margin: 57px;
}

.margin-top-57 {
  margin-top: 57px;
}

.margin-bottom-57 {
  margin-bottom: 57px;
}

.margin-left-57 {
  margin-left: 57px;
}

.margin-right-57 {
  margin-right: 57px;
}

.padding-57 {
  padding: 57px;
}

.padding-top-57 {
  padding-top: 57px;
}

.padding-bottom-57 {
  padding-bottom: 57px;
}

.padding-left-57 {
  padding-left: 57px;
}

.padding-right-57 {
  padding-right: 57px;
}

.margin-58 {
  margin: 58px;
}

.margin-top-58 {
  margin-top: 58px;
}

.margin-bottom-58 {
  margin-bottom: 58px;
}

.margin-left-58 {
  margin-left: 58px;
}

.margin-right-58 {
  margin-right: 58px;
}

.padding-58 {
  padding: 58px;
}

.padding-top-58 {
  padding-top: 58px;
}

.padding-bottom-58 {
  padding-bottom: 58px;
}

.padding-left-58 {
  padding-left: 58px;
}

.padding-right-58 {
  padding-right: 58px;
}

.margin-59 {
  margin: 59px;
}

.margin-top-59 {
  margin-top: 59px;
}

.margin-bottom-59 {
  margin-bottom: 59px;
}

.margin-left-59 {
  margin-left: 59px;
}

.margin-right-59 {
  margin-right: 59px;
}

.padding-59 {
  padding: 59px;
}

.padding-top-59 {
  padding-top: 59px;
}

.padding-bottom-59 {
  padding-bottom: 59px;
}

.padding-left-59 {
  padding-left: 59px;
}

.padding-right-59 {
  padding-right: 59px;
}

.margin-60 {
  margin: 60px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-left-60 {
  margin-left: 60px;
}

.margin-right-60 {
  margin-right: 60px;
}

.padding-60 {
  padding: 60px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-left-60 {
  padding-left: 60px;
}

.padding-right-60 {
  padding-right: 60px;
}

.margin-61 {
  margin: 61px;
}

.margin-top-61 {
  margin-top: 61px;
}

.margin-bottom-61 {
  margin-bottom: 61px;
}

.margin-left-61 {
  margin-left: 61px;
}

.margin-right-61 {
  margin-right: 61px;
}

.padding-61 {
  padding: 61px;
}

.padding-top-61 {
  padding-top: 61px;
}

.padding-bottom-61 {
  padding-bottom: 61px;
}

.padding-left-61 {
  padding-left: 61px;
}

.padding-right-61 {
  padding-right: 61px;
}

.margin-62 {
  margin: 62px;
}

.margin-top-62 {
  margin-top: 62px;
}

.margin-bottom-62 {
  margin-bottom: 62px;
}

.margin-left-62 {
  margin-left: 62px;
}

.margin-right-62 {
  margin-right: 62px;
}

.padding-62 {
  padding: 62px;
}

.padding-top-62 {
  padding-top: 62px;
}

.padding-bottom-62 {
  padding-bottom: 62px;
}

.padding-left-62 {
  padding-left: 62px;
}

.padding-right-62 {
  padding-right: 62px;
}

.margin-63 {
  margin: 63px;
}

.margin-top-63 {
  margin-top: 63px;
}

.margin-bottom-63 {
  margin-bottom: 63px;
}

.margin-left-63 {
  margin-left: 63px;
}

.margin-right-63 {
  margin-right: 63px;
}

.padding-63 {
  padding: 63px;
}

.padding-top-63 {
  padding-top: 63px;
}

.padding-bottom-63 {
  padding-bottom: 63px;
}

.padding-left-63 {
  padding-left: 63px;
}

.padding-right-63 {
  padding-right: 63px;
}

.margin-64 {
  margin: 64px;
}

.margin-top-64 {
  margin-top: 64px;
}

.margin-bottom-64 {
  margin-bottom: 64px;
}

.margin-left-64 {
  margin-left: 64px;
}

.margin-right-64 {
  margin-right: 64px;
}

.padding-64 {
  padding: 64px;
}

.padding-top-64 {
  padding-top: 64px;
}

.padding-bottom-64 {
  padding-bottom: 64px;
}

.padding-left-64 {
  padding-left: 64px;
}

.padding-right-64 {
  padding-right: 64px;
}

.margin-65 {
  margin: 65px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-bottom-65 {
  margin-bottom: 65px;
}

.margin-left-65 {
  margin-left: 65px;
}

.margin-right-65 {
  margin-right: 65px;
}

.padding-65 {
  padding: 65px;
}

.padding-top-65 {
  padding-top: 65px;
}

.padding-bottom-65 {
  padding-bottom: 65px;
}

.padding-left-65 {
  padding-left: 65px;
}

.padding-right-65 {
  padding-right: 65px;
}

.margin-66 {
  margin: 66px;
}

.margin-top-66 {
  margin-top: 66px;
}

.margin-bottom-66 {
  margin-bottom: 66px;
}

.margin-left-66 {
  margin-left: 66px;
}

.margin-right-66 {
  margin-right: 66px;
}

.padding-66 {
  padding: 66px;
}

.padding-top-66 {
  padding-top: 66px;
}

.padding-bottom-66 {
  padding-bottom: 66px;
}

.padding-left-66 {
  padding-left: 66px;
}

.padding-right-66 {
  padding-right: 66px;
}

.margin-67 {
  margin: 67px;
}

.margin-top-67 {
  margin-top: 67px;
}

.margin-bottom-67 {
  margin-bottom: 67px;
}

.margin-left-67 {
  margin-left: 67px;
}

.margin-right-67 {
  margin-right: 67px;
}

.padding-67 {
  padding: 67px;
}

.padding-top-67 {
  padding-top: 67px;
}

.padding-bottom-67 {
  padding-bottom: 67px;
}

.padding-left-67 {
  padding-left: 67px;
}

.padding-right-67 {
  padding-right: 67px;
}

.margin-68 {
  margin: 68px;
}

.margin-top-68 {
  margin-top: 68px;
}

.margin-bottom-68 {
  margin-bottom: 68px;
}

.margin-left-68 {
  margin-left: 68px;
}

.margin-right-68 {
  margin-right: 68px;
}

.padding-68 {
  padding: 68px;
}

.padding-top-68 {
  padding-top: 68px;
}

.padding-bottom-68 {
  padding-bottom: 68px;
}

.padding-left-68 {
  padding-left: 68px;
}

.padding-right-68 {
  padding-right: 68px;
}

.margin-69 {
  margin: 69px;
}

.margin-top-69 {
  margin-top: 69px;
}

.margin-bottom-69 {
  margin-bottom: 69px;
}

.margin-left-69 {
  margin-left: 69px;
}

.margin-right-69 {
  margin-right: 69px;
}

.padding-69 {
  padding: 69px;
}

.padding-top-69 {
  padding-top: 69px;
}

.padding-bottom-69 {
  padding-bottom: 69px;
}

.padding-left-69 {
  padding-left: 69px;
}

.padding-right-69 {
  padding-right: 69px;
}

.margin-70 {
  margin: 70px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-left-70 {
  margin-left: 70px;
}

.margin-right-70 {
  margin-right: 70px;
}

.padding-70 {
  padding: 70px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-left-70 {
  padding-left: 70px;
}

.padding-right-70 {
  padding-right: 70px;
}

.margin-71 {
  margin: 71px;
}

.margin-top-71 {
  margin-top: 71px;
}

.margin-bottom-71 {
  margin-bottom: 71px;
}

.margin-left-71 {
  margin-left: 71px;
}

.margin-right-71 {
  margin-right: 71px;
}

.padding-71 {
  padding: 71px;
}

.padding-top-71 {
  padding-top: 71px;
}

.padding-bottom-71 {
  padding-bottom: 71px;
}

.padding-left-71 {
  padding-left: 71px;
}

.padding-right-71 {
  padding-right: 71px;
}

.margin-72 {
  margin: 72px;
}

.margin-top-72 {
  margin-top: 72px;
}

.margin-bottom-72 {
  margin-bottom: 72px;
}

.margin-left-72 {
  margin-left: 72px;
}

.margin-right-72 {
  margin-right: 72px;
}

.padding-72 {
  padding: 72px;
}

.padding-top-72 {
  padding-top: 72px;
}

.padding-bottom-72 {
  padding-bottom: 72px;
}

.padding-left-72 {
  padding-left: 72px;
}

.padding-right-72 {
  padding-right: 72px;
}

.margin-73 {
  margin: 73px;
}

.margin-top-73 {
  margin-top: 73px;
}

.margin-bottom-73 {
  margin-bottom: 73px;
}

.margin-left-73 {
  margin-left: 73px;
}

.margin-right-73 {
  margin-right: 73px;
}

.padding-73 {
  padding: 73px;
}

.padding-top-73 {
  padding-top: 73px;
}

.padding-bottom-73 {
  padding-bottom: 73px;
}

.padding-left-73 {
  padding-left: 73px;
}

.padding-right-73 {
  padding-right: 73px;
}

.margin-74 {
  margin: 74px;
}

.margin-top-74 {
  margin-top: 74px;
}

.margin-bottom-74 {
  margin-bottom: 74px;
}

.margin-left-74 {
  margin-left: 74px;
}

.margin-right-74 {
  margin-right: 74px;
}

.padding-74 {
  padding: 74px;
}

.padding-top-74 {
  padding-top: 74px;
}

.padding-bottom-74 {
  padding-bottom: 74px;
}

.padding-left-74 {
  padding-left: 74px;
}

.padding-right-74 {
  padding-right: 74px;
}

.margin-75 {
  margin: 75px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-bottom-75 {
  margin-bottom: 75px;
}

.margin-left-75 {
  margin-left: 75px;
}

.margin-right-75 {
  margin-right: 75px;
}

.padding-75 {
  padding: 75px;
}

.padding-top-75 {
  padding-top: 75px;
}

.padding-bottom-75 {
  padding-bottom: 75px;
}

.padding-left-75 {
  padding-left: 75px;
}

.padding-right-75 {
  padding-right: 75px;
}

.margin-76 {
  margin: 76px;
}

.margin-top-76 {
  margin-top: 76px;
}

.margin-bottom-76 {
  margin-bottom: 76px;
}

.margin-left-76 {
  margin-left: 76px;
}

.margin-right-76 {
  margin-right: 76px;
}

.padding-76 {
  padding: 76px;
}

.padding-top-76 {
  padding-top: 76px;
}

.padding-bottom-76 {
  padding-bottom: 76px;
}

.padding-left-76 {
  padding-left: 76px;
}

.padding-right-76 {
  padding-right: 76px;
}

.margin-77 {
  margin: 77px;
}

.margin-top-77 {
  margin-top: 77px;
}

.margin-bottom-77 {
  margin-bottom: 77px;
}

.margin-left-77 {
  margin-left: 77px;
}

.margin-right-77 {
  margin-right: 77px;
}

.padding-77 {
  padding: 77px;
}

.padding-top-77 {
  padding-top: 77px;
}

.padding-bottom-77 {
  padding-bottom: 77px;
}

.padding-left-77 {
  padding-left: 77px;
}

.padding-right-77 {
  padding-right: 77px;
}

.margin-78 {
  margin: 78px;
}

.margin-top-78 {
  margin-top: 78px;
}

.margin-bottom-78 {
  margin-bottom: 78px;
}

.margin-left-78 {
  margin-left: 78px;
}

.margin-right-78 {
  margin-right: 78px;
}

.padding-78 {
  padding: 78px;
}

.padding-top-78 {
  padding-top: 78px;
}

.padding-bottom-78 {
  padding-bottom: 78px;
}

.padding-left-78 {
  padding-left: 78px;
}

.padding-right-78 {
  padding-right: 78px;
}

.margin-79 {
  margin: 79px;
}

.margin-top-79 {
  margin-top: 79px;
}

.margin-bottom-79 {
  margin-bottom: 79px;
}

.margin-left-79 {
  margin-left: 79px;
}

.margin-right-79 {
  margin-right: 79px;
}

.padding-79 {
  padding: 79px;
}

.padding-top-79 {
  padding-top: 79px;
}

.padding-bottom-79 {
  padding-bottom: 79px;
}

.padding-left-79 {
  padding-left: 79px;
}

.padding-right-79 {
  padding-right: 79px;
}

.margin-80 {
  margin: 80px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-right-80 {
  margin-right: 80px;
}

.padding-80 {
  padding: 80px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-right-80 {
  padding-right: 80px;
}

.margin-81 {
  margin: 81px;
}

.margin-top-81 {
  margin-top: 81px;
}

.margin-bottom-81 {
  margin-bottom: 81px;
}

.margin-left-81 {
  margin-left: 81px;
}

.margin-right-81 {
  margin-right: 81px;
}

.padding-81 {
  padding: 81px;
}

.padding-top-81 {
  padding-top: 81px;
}

.padding-bottom-81 {
  padding-bottom: 81px;
}

.padding-left-81 {
  padding-left: 81px;
}

.padding-right-81 {
  padding-right: 81px;
}

.margin-82 {
  margin: 82px;
}

.margin-top-82 {
  margin-top: 82px;
}

.margin-bottom-82 {
  margin-bottom: 82px;
}

.margin-left-82 {
  margin-left: 82px;
}

.margin-right-82 {
  margin-right: 82px;
}

.padding-82 {
  padding: 82px;
}

.padding-top-82 {
  padding-top: 82px;
}

.padding-bottom-82 {
  padding-bottom: 82px;
}

.padding-left-82 {
  padding-left: 82px;
}

.padding-right-82 {
  padding-right: 82px;
}

.margin-83 {
  margin: 83px;
}

.margin-top-83 {
  margin-top: 83px;
}

.margin-bottom-83 {
  margin-bottom: 83px;
}

.margin-left-83 {
  margin-left: 83px;
}

.margin-right-83 {
  margin-right: 83px;
}

.padding-83 {
  padding: 83px;
}

.padding-top-83 {
  padding-top: 83px;
}

.padding-bottom-83 {
  padding-bottom: 83px;
}

.padding-left-83 {
  padding-left: 83px;
}

.padding-right-83 {
  padding-right: 83px;
}

.margin-84 {
  margin: 84px;
}

.margin-top-84 {
  margin-top: 84px;
}

.margin-bottom-84 {
  margin-bottom: 84px;
}

.margin-left-84 {
  margin-left: 84px;
}

.margin-right-84 {
  margin-right: 84px;
}

.padding-84 {
  padding: 84px;
}

.padding-top-84 {
  padding-top: 84px;
}

.padding-bottom-84 {
  padding-bottom: 84px;
}

.padding-left-84 {
  padding-left: 84px;
}

.padding-right-84 {
  padding-right: 84px;
}

.margin-85 {
  margin: 85px;
}

.margin-top-85 {
  margin-top: 85px;
}

.margin-bottom-85 {
  margin-bottom: 85px;
}

.margin-left-85 {
  margin-left: 85px;
}

.margin-right-85 {
  margin-right: 85px;
}

.padding-85 {
  padding: 85px;
}

.padding-top-85 {
  padding-top: 85px;
}

.padding-bottom-85 {
  padding-bottom: 85px;
}

.padding-left-85 {
  padding-left: 85px;
}

.padding-right-85 {
  padding-right: 85px;
}

.margin-86 {
  margin: 86px;
}

.margin-top-86 {
  margin-top: 86px;
}

.margin-bottom-86 {
  margin-bottom: 86px;
}

.margin-left-86 {
  margin-left: 86px;
}

.margin-right-86 {
  margin-right: 86px;
}

.padding-86 {
  padding: 86px;
}

.padding-top-86 {
  padding-top: 86px;
}

.padding-bottom-86 {
  padding-bottom: 86px;
}

.padding-left-86 {
  padding-left: 86px;
}

.padding-right-86 {
  padding-right: 86px;
}

.margin-87 {
  margin: 87px;
}

.margin-top-87 {
  margin-top: 87px;
}

.margin-bottom-87 {
  margin-bottom: 87px;
}

.margin-left-87 {
  margin-left: 87px;
}

.margin-right-87 {
  margin-right: 87px;
}

.padding-87 {
  padding: 87px;
}

.padding-top-87 {
  padding-top: 87px;
}

.padding-bottom-87 {
  padding-bottom: 87px;
}

.padding-left-87 {
  padding-left: 87px;
}

.padding-right-87 {
  padding-right: 87px;
}

.margin-88 {
  margin: 88px;
}

.margin-top-88 {
  margin-top: 88px;
}

.margin-bottom-88 {
  margin-bottom: 88px;
}

.margin-left-88 {
  margin-left: 88px;
}

.margin-right-88 {
  margin-right: 88px;
}

.padding-88 {
  padding: 88px;
}

.padding-top-88 {
  padding-top: 88px;
}

.padding-bottom-88 {
  padding-bottom: 88px;
}

.padding-left-88 {
  padding-left: 88px;
}

.padding-right-88 {
  padding-right: 88px;
}

.margin-89 {
  margin: 89px;
}

.margin-top-89 {
  margin-top: 89px;
}

.margin-bottom-89 {
  margin-bottom: 89px;
}

.margin-left-89 {
  margin-left: 89px;
}

.margin-right-89 {
  margin-right: 89px;
}

.padding-89 {
  padding: 89px;
}

.padding-top-89 {
  padding-top: 89px;
}

.padding-bottom-89 {
  padding-bottom: 89px;
}

.padding-left-89 {
  padding-left: 89px;
}

.padding-right-89 {
  padding-right: 89px;
}

.margin-90 {
  margin: 90px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-left-90 {
  margin-left: 90px;
}

.margin-right-90 {
  margin-right: 90px;
}

.padding-90 {
  padding: 90px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-right-90 {
  padding-right: 90px;
}

.margin-91 {
  margin: 91px;
}

.margin-top-91 {
  margin-top: 91px;
}

.margin-bottom-91 {
  margin-bottom: 91px;
}

.margin-left-91 {
  margin-left: 91px;
}

.margin-right-91 {
  margin-right: 91px;
}

.padding-91 {
  padding: 91px;
}

.padding-top-91 {
  padding-top: 91px;
}

.padding-bottom-91 {
  padding-bottom: 91px;
}

.padding-left-91 {
  padding-left: 91px;
}

.padding-right-91 {
  padding-right: 91px;
}

.margin-92 {
  margin: 92px;
}

.margin-top-92 {
  margin-top: 92px;
}

.margin-bottom-92 {
  margin-bottom: 92px;
}

.margin-left-92 {
  margin-left: 92px;
}

.margin-right-92 {
  margin-right: 92px;
}

.padding-92 {
  padding: 92px;
}

.padding-top-92 {
  padding-top: 92px;
}

.padding-bottom-92 {
  padding-bottom: 92px;
}

.padding-left-92 {
  padding-left: 92px;
}

.padding-right-92 {
  padding-right: 92px;
}

.margin-93 {
  margin: 93px;
}

.margin-top-93 {
  margin-top: 93px;
}

.margin-bottom-93 {
  margin-bottom: 93px;
}

.margin-left-93 {
  margin-left: 93px;
}

.margin-right-93 {
  margin-right: 93px;
}

.padding-93 {
  padding: 93px;
}

.padding-top-93 {
  padding-top: 93px;
}

.padding-bottom-93 {
  padding-bottom: 93px;
}

.padding-left-93 {
  padding-left: 93px;
}

.padding-right-93 {
  padding-right: 93px;
}

.margin-94 {
  margin: 94px;
}

.margin-top-94 {
  margin-top: 94px;
}

.margin-bottom-94 {
  margin-bottom: 94px;
}

.margin-left-94 {
  margin-left: 94px;
}

.margin-right-94 {
  margin-right: 94px;
}

.padding-94 {
  padding: 94px;
}

.padding-top-94 {
  padding-top: 94px;
}

.padding-bottom-94 {
  padding-bottom: 94px;
}

.padding-left-94 {
  padding-left: 94px;
}

.padding-right-94 {
  padding-right: 94px;
}

.margin-95 {
  margin: 95px;
}

.margin-top-95 {
  margin-top: 95px;
}

.margin-bottom-95 {
  margin-bottom: 95px;
}

.margin-left-95 {
  margin-left: 95px;
}

.margin-right-95 {
  margin-right: 95px;
}

.padding-95 {
  padding: 95px;
}

.padding-top-95 {
  padding-top: 95px;
}

.padding-bottom-95 {
  padding-bottom: 95px;
}

.padding-left-95 {
  padding-left: 95px;
}

.padding-right-95 {
  padding-right: 95px;
}

.margin-96 {
  margin: 96px;
}

.margin-top-96 {
  margin-top: 96px;
}

.margin-bottom-96 {
  margin-bottom: 96px;
}

.margin-left-96 {
  margin-left: 96px;
}

.margin-right-96 {
  margin-right: 96px;
}

.padding-96 {
  padding: 96px;
}

.padding-top-96 {
  padding-top: 96px;
}

.padding-bottom-96 {
  padding-bottom: 96px;
}

.padding-left-96 {
  padding-left: 96px;
}

.padding-right-96 {
  padding-right: 96px;
}

.margin-97 {
  margin: 97px;
}

.margin-top-97 {
  margin-top: 97px;
}

.margin-bottom-97 {
  margin-bottom: 97px;
}

.margin-left-97 {
  margin-left: 97px;
}

.margin-right-97 {
  margin-right: 97px;
}

.padding-97 {
  padding: 97px;
}

.padding-top-97 {
  padding-top: 97px;
}

.padding-bottom-97 {
  padding-bottom: 97px;
}

.padding-left-97 {
  padding-left: 97px;
}

.padding-right-97 {
  padding-right: 97px;
}

.margin-98 {
  margin: 98px;
}

.margin-top-98 {
  margin-top: 98px;
}

.margin-bottom-98 {
  margin-bottom: 98px;
}

.margin-left-98 {
  margin-left: 98px;
}

.margin-right-98 {
  margin-right: 98px;
}

.padding-98 {
  padding: 98px;
}

.padding-top-98 {
  padding-top: 98px;
}

.padding-bottom-98 {
  padding-bottom: 98px;
}

.padding-left-98 {
  padding-left: 98px;
}

.padding-right-98 {
  padding-right: 98px;
}

.margin-99 {
  margin: 99px;
}

.margin-top-99 {
  margin-top: 99px;
}

.margin-bottom-99 {
  margin-bottom: 99px;
}

.margin-left-99 {
  margin-left: 99px;
}

.margin-right-99 {
  margin-right: 99px;
}

.padding-99 {
  padding: 99px;
}

.padding-top-99 {
  padding-top: 99px;
}

.padding-bottom-99 {
  padding-bottom: 99px;
}

.padding-left-99 {
  padding-left: 99px;
}

.padding-right-99 {
  padding-right: 99px;
}

.margin-100 {
  margin: 100px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-left-100 {
  margin-left: 100px;
}

.margin-right-100 {
  margin-right: 100px;
}

.padding-100 {
  padding: 100px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-left-100 {
  padding-left: 100px;
}

.padding-right-100 {
  padding-right: 100px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

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

.position-relative {
  position: relative;
}
/* prettier-ignore */

.social-icon-colors .icon-tubular:before,
.social-icon-colors .icon-tubular-mark:before,
.social-icon-colors .color-tubular {
  color: #f2144b;
}
.social-icon-colors .icon-youtube:before,
.social-icon-colors .icon-youtube-play:before,
.social-icon-colors .color-youtube {
  color: #ff0000;
}
.social-icon-colors .background-color-youtube {
  background-color: #ff0000;
}
.social-icon-colors .icon-twitter:before,
.social-icon-colors .color-twitter {
  color: #1da1f2;
}
.social-icon-colors .background-color-twitter {
  background-color: #1da1f2;
}
.social-icon-colors .icon-facebook:before,
.social-icon-colors .icon-facebook-sign:before,
.social-icon-colors .color-facebook {
  color: #1877f2;
}
.social-icon-colors .background-color-facebook {
  background-color: #1877f2;
}
.social-icon-colors .icon-google-plus-sign:before {
  color: #d73d32;
}
.social-icon-colors .icon-instagram:before,
.social-icon-colors .color-instagram {
  color: #c13584;
}
.social-icon-colors .background-color-instagram {
  background-color: #c13584;
}
.social-icon-colors .icon-vimeo:before,
.social-icon-colors .icon-vimeo-square:before,
.social-icon-colors .color-vimeo {
  color: #44bbff;
}
.social-icon-colors .background-color-vimeo {
  background-color: #44bbff;
}
.social-icon-colors .icon-yahoo:before,
.social-icon-colors .icon-yahoo-square:before,
.social-icon-colors .color-yahoo {
  color: #500095;
}
.social-icon-colors .background-color-yahoo {
  background-color: #500095;
}
.social-icon-colors .icon-aol:before,
.social-icon-colors .icon-aol-square:before,
.social-icon-colors .color-aol {
  color: #00aae2;
}
.social-icon-colors .background-color-aol {
  background-color: #00aae2;
}
.social-icon-colors .icon-share-alt:before {
  color: #7da4d5;
}
.social-icon-colors .icon-ustream:before,
.social-icon-colors .color-ustream {
  color: #3388ff;
}
.social-icon-colors .background-color-ustream {
  background-color: #3388ff;
}
.social-icon-colors .icon-tumblr:before,
.social-icon-colors .icon-tumblr-square:before,
.social-icon-colors .color-tumblr {
  color: #35465c;
}
.social-icon-colors .background-color-tumblr {
  background-color: #35465c;
}
.social-icon-colors .icon-twitch:before,
.social-icon-colors .icon-twitch-square:before,
.social-icon-colors .color-twitch {
  color: #6441a4;
}
.social-icon-colors .background-color-twitch {
  background-color: #6441a4;
}
.social-icon-colors .icon-tmz:before,
.social-icon-colors .icon-tmz-square:before,
.social-icon-colors .color-tmz {
  color: #cf0000;
}
.social-icon-colors .background-color-tmz {
  background-color: #cf0000;
}
.social-icon-colors .icon-thestreet:before,
.social-icon-colors .icon-thestreet-square:before,
.social-icon-colors .color-thestreet {
  color: #040707;
}
.social-icon-colors .background-color-thestreet {
  background-color: #040707;
}
.social-icon-colors .icon-techcrunch:before,
.social-icon-colors .icon-techcrunch-square:before,
.social-icon-colors .color-techcrunch {
  color: #089e00;
}
.social-icon-colors .background-color-techcrunch {
  background-color: #089e00;
}
.social-icon-colors .icon-popsugar:before,
.social-icon-colors .icon-popsugar-square:before,
.social-icon-colors .color-popsugar {
  color: #e06;
}
.social-icon-colors .background-color-popsugar {
  background-color: #e06;
}
.social-icon-colors .icon-nyt:before,
.social-icon-colors .icon-nyt-square:before,
.social-icon-colors .color-nyt {
  color: #251802;
}
.social-icon-colors .background-color-nyt {
  background-color: #251802;
}
.social-icon-colors .icon-mtv:before,
.social-icon-colors .icon-mtv-square:before,
.social-icon-colors .color-mtv {
  color: #00bbf0;
}
.social-icon-colors .background-color-mtv {
  background-color: #00bbf0;
}
.social-icon-colors .icon-ign:before,
.social-icon-colors .icon-ign-square:before,
.social-icon-colors .color-ign {
  color: #d3222a;
}
.social-icon-colors .background-color-ign {
  background-color: #d3222a;
}
.social-icon-colors .icon-hulu:before,
.social-icon-colors .icon-hulu-square:before,
.social-icon-colors .color-hulu {
  color: #99cc33;
}
.social-icon-colors .background-color-hulu {
  background-color: #99cc33;
}
.social-icon-colors .icon-huffingtonpost:before,
.social-icon-colors .icon-huffingtonpost-square:before,
.social-icon-colors .color-huffingtonpost {
  color: #307061;
}
.social-icon-colors .background-color-huffingtonpost {
  background-color: #307061;
}
.social-icon-colors .icon-gamespot:before,
.social-icon-colors .icon-gamespot-square:before,
.social-icon-colors .color-gamespot {
  color: #e03800;
}
.social-icon-colors .background-color-gamespot {
  background-color: #e03800;
}
.social-icon-colors .icon-foxnews:before,
.social-icon-colors .icon-foxnews-square:before,
.social-icon-colors .color-foxnews {
  color: #183a52;
}
.social-icon-colors .background-color-foxnews {
  background-color: #183a52;
}
.social-icon-colors .icon-funnyordie:before,
.social-icon-colors .icon-funnyordie-square:before,
.social-icon-colors .color-funnyordie {
  color: #ffe100;
}
.social-icon-colors .background-color-funnyordie {
  background-color: #ffe100;
}
.social-icon-colors .icon-espn:before,
.social-icon-colors .icon-espn-square:before,
.social-icon-colors .color-espn {
  color: #ff0033;
}
.social-icon-colors .background-color-espn {
  background-color: #ff0033;
}
.social-icon-colors .icon-engadget:before,
.social-icon-colors .icon-engadget-square:before,
.social-icon-colors .color-engadget {
  color: #37aaf8;
}
.social-icon-colors .background-color-engadget {
  background-color: #37aaf8;
}
.social-icon-colors .icon-dailymotion:before,
.social-icon-colors .icon-dailymotion-square:before,
.social-icon-colors .color-dailymotion {
  color: #0066a6;
}
.social-icon-colors .background-color-dailymotion {
  background-color: #0066a6;
}
.social-icon-colors .icon-cnn:before,
.social-icon-colors .icon-cnn-square:before,
.social-icon-colors .color-cnn {
  color: #cc0000;
}
.social-icon-colors .background-color-cnn {
  background-color: #cc0000;
}
.social-icon-colors .icon-cnet:before,
.social-icon-colors .icon-cnet-square:before,
.social-icon-colors .color-cnet {
  color: #aa1801;
}
.social-icon-colors .background-color-cnet {
  background-color: #aa1801;
}
.social-icon-colors .icon-cnbc:before,
.social-icon-colors .icon-cnbc-square:before,
.social-icon-colors .color-cnbc {
  color: #146195;
}
.social-icon-colors .background-color-cnbc {
  background-color: #146195;
}
.social-icon-colors .icon-cmt:before,
.social-icon-colors .icon-cmt-square:before,
.social-icon-colors .color-cmt {
  color: #ee762c;
}
.social-icon-colors .background-color-cmt {
  background-color: #ee762c;
}
.social-icon-colors .icon-cbsnews:before,
.social-icon-colors .icon-cbsnews-square:before,
.social-icon-colors .color-cbsnews {
  color: #0067c2;
}
.social-icon-colors .background-color-cbsnews {
  background-color: #0067c2;
}
.social-icon-colors .icon-bleacherreport:before,
.social-icon-colors .icon-bleacherreport-square:before,
.social-icon-colors .color-bleacherreport {
  color: #ef3f23;
}
.social-icon-colors .background-color-bleacherreport {
  background-color: #ef3f23;
}
.social-icon-colors .icon-bet:before,
.social-icon-colors .icon-bet-square:before,
.social-icon-colors .color-bet {
  color: #272727;
}
.social-icon-colors .background-color-bet {
  background-color: #272727;
}
.social-icon-colors .icon-vice:before,
.social-icon-colors .color-vice {
  color: #f890e7;
}
.social-icon-colors .background-color-vice {
  background-color: #f890e7;
}
.social-icon-colors .icon-nytimes:before,
.social-icon-colors .color-nytimes {
  color: #251802;
}
.social-icon-colors .background-color-nytimes {
  background-color: #251802;
}
.social-icon-colors .icon-tiktok:before,
.social-icon-colors .color-tiktok {
  color: #14a8aa;
}
.social-icon-colors .background-color-tiktok {
  background-color: #14a8aa;
}
.social-icon-colors .color-other {
  color: #f59263;
}
.social-icon-colors .background-color-other {
  background-color: #f59263;
}
.social-icon-colors .icon--muted:before {
  color: #ccc;
}
@charset "UTF-8";
/* prettier-ignore */

/* Tour *-------------------------- */
.alert-initializing h3 {
  color: #0873bb;
}

.alert-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 95%;
}

.alert-initializing {
  width: 100%;
  background-color: white;
  border-radius: 3px;
  margin-top: 20px;
  position: relative;
}
.alert-initializing.alert--blue-border {
  border: 1px solid #0873bb;
}
.alert-initializing.alert--pink-border {
  border: 1px solid #f2144b;
}
.alert-initializing .text-container {
  margin: 0 40px 0 60px;
}
.alert-initializing h3 {
  font-size: 18px;
  font-weight: 500;
}
.alert-initializing p {
  margin: 0;
}
.alert-initializing p em {
  font-style: normal;
  font-weight: bold;
  color: #f2144b;
}
.alert-initializing .message-icon,
.alert-initializing .icon-lightbulb {
  font-size: 60px;
  line-height: 60px;
  color: #eee;
  float: left;
}
.alert-initializing .icon-remove-sign,
.alert-initializing .icon-remove-alt,
.alert-initializing .icon-remove {
  font-size: 16px;
  color: #ccc;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 10px;
}
.alert-initializing .icon-remove-sign:hover,
.alert-initializing .icon-remove-alt:hover,
.alert-initializing .icon-remove:hover {
  color: #666;
}
.alert-initializing.alert--blue-border h3 {
  color: #0873bb;
}

.alert-initializing {
  width: auto;
}

/* Quick styling for 500 server errors
 *-------------------------- */
.notification {
  display: none;
  position: fixed;
  cursor: pointer;
  width: 100%;
  height: 50px;
  line-height: 40px;
  background: #fff;
  background: #ffc5c5;
  font-size: 14px;
  text-align: center;
  z-index: 9999;
  color: #3c3c3c;
  left: 0px;
}
.notification.error {
  font-weight: bold;
  font-size: 18px;
  color: #f2144b;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.notification.confirm {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  background-color: #67b219;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.notification .inner {
  position: relative;
  width: 800px;
  margin: 5px auto 0;
}
.notification .close {
  position: absolute;
  color: #000;
  top: 10px;
  right: 0;
}
.notification a.close:hover,
.notification .link.close:hover {
  text-decoration: underline;
}

.alert-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-list {
  width: 95%;
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #eceef1;
}

.tpl-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  border-radius: 3px;
  position: relative;
  background-color: #eceef1;
}
.tpl-alert a,
.tpl-alert .link {
  text-decoration: underline;
  padding-left: 5px;
}
.tpl-alert:before,
.tpl-alert .close:before {
  font-family: "font-awesomer";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  padding-top: 5px;
  padding-right: 8px;
}
.tpl-alert .close {
  display: block;
  height: 10px;
  width: 10px;
  line-height: 10px;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  margin-left: auto;
  padding-left: 5px;
  padding-top: 5px;
}
.tpl-alert .close:before {
  content: "";
  content: "";
}
.tpl-alert .close:hover {
  opacity: 1;
}
.tpl-alert.success {
  background-color: #67b219;
  color: white;
}
.tpl-alert.success:before {
  content: "";
}
.tpl-alert.success a,
.tpl-alert.success .link {
  color: white;
}
.tpl-alert.info {
  background-color: #7da4d5;
  color: white;
}
.tpl-alert.info:before {
  content: "";
}
.tpl-alert.info a,
.tpl-alert.info .link {
  color: white;
}
.tpl-alert.warning {
  background-color: #e2ba1c;
  color: #3a3a4e;
}
.tpl-alert.warning:before {
  content: "";
}
.tpl-alert.warning a,
.tpl-alert.warning .link {
  color: white;
}
.tpl-alert.danger {
  background-color: #cd5050;
  color: white;
}
.tpl-alert.danger:before {
  content: "";
}
.tpl-alert.danger a,
.tpl-alert.danger .link {
  color: white;
}

outage-message .outage-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
outage-message .outage-container.not-last {
  margin-bottom: 1px;
}
outage-message .outage-message-banner {
  width: 100%;
  border-radius: 0px;
}
/* prettier-ignore */

.tooltip {
  position: absolute;
  z-index: 10000;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
}

.tooltip.in,
.tooltip.show {
  opacity: 1;
}

.tooltip > .arrow {
  opacity: inherit;
}

.tooltip.top,
.tooltip.bs-tooltip-top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right,
.tooltip.bs-tooltip-right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom,
.tooltip.bs-tooltip-bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left,
.tooltip.bs-tooltip-left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip.top-left,
.tooltip.bs-tooltip-top-left {
  margin-top: -3;
  padding: 5px 0;
}

.tooltip.top-right,
.tooltip.bs-tooltip-top-right {
  margin-top: -3;
  padding: 5px 0;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #00304c;
  border-radius: 4px;
}

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

.tooltip.top .tooltip-arrow,
.tooltip.bs-tooltip-top > .arrow {
  bottom: 0;
  left: 50%;
  border-width: 5px 5px 0;
  border-top-color: #00304c;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bs-tooltip-bottom > .arrow {
  top: 0;
  left: 50%;
  border-width: 0 5px 5px;
  border-bottom-color: #00304c;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.top .tooltip-arrow {
  margin-left: -5px;
}

.tooltip.right .tooltip-arrow,
.tooltip.bs-tooltip-right > .arrow {
  top: 50%;
  left: 0;
  border-width: 5px 5px 5px 0;
  border-right-color: #00304c;
}

.tooltip.left .tooltip-arrow,
.tooltip.bs-tooltip-left > .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #00304c;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5%;
  border-width: 5px 5px 0;
  border-top-color: #00304c;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5%;
  border-width: 5px 5px 0;
  border-top-color: #00304c;
}
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: white;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  background-color: white;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  text-align: center;
}


/* prettier-ignore */

campaign-banner {
  display: block;
}
campaign-banner .campaign-banner {
  margin-top: 10px;
  background-size: cover;
  background-position: center center;
  width: 95%;
  height: 200px;
  position: relative;
  padding-bottom: 15px;
  margin: 0 auto 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
campaign-banner .campaign-banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
campaign-banner .campaign-banner i.icon-remove-alt {
  color: white;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
campaign-banner .campaign-banner a.button {
  background-color: #f2144b;
  color: white;
  width: 150px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
campaign-banner .title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
}
campaign-banner p {
  font-size: 20px;
  line-height: 10px;
}
campaign-banner .fixed-width-layout {
  width: 948px;
}
@charset "UTF-8";
/* prettier-ignore */

.definition-pill-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.definition-pill-wrap > * {
  float: left;
}

.definition-pill {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 1px;
  background: #e9f0f8;
  border-radius: 3px;
}
.definition-pill:after {
  content: "";
  display: table;
  clear: both;
}
.definition-pill .term {
  background: rgba(0, 0, 0, 0.06);
  background: white;
  background: transparent;
  padding: 1px 8px;
  border-radius: 3px 0px 0px 3px;
  float: left;
}
.definition-pill .definition {
  background: white;
  font-weight: 400;
  padding: 1px 8px;
  float: left;
}
.definition-pill .definition .keyword i:before {
  color: #666;
}
.definition-pill .definition .keyword.excluded {
  text-decoration: line-through;
}
.definition-pill .definition .keyword:after {
  content: "·";
  display: inline-block;
  padding: 0px 5px;
}
.definition-pill .definition .keyword:last-child:after {
  content: "";
}
.definition-pill .definition.video-description span {
  background: #fcf8c6;
  display: inline-block;
  padding: 0 2px;
  border-radius: 3px;
  line-height: 1.1;
}
@charset "UTF-8";
/* prettier-ignore */

.drop-links.drop-multi-cols .drop-col,
.dropdown-menu.drop-multi-cols .drop-col, .scrollable {
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drop-links.drop-multi-cols .drop-col::-webkit-scrollbar-thumb,
.dropdown-menu.drop-multi-cols .drop-col::-webkit-scrollbar-thumb, .scrollable::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid white;
  background-color: #ccc;
}
.drop-links.drop-multi-cols .drop-col::-webkit-scrollbar,
.dropdown-menu.drop-multi-cols .drop-col::-webkit-scrollbar, .scrollable::-webkit-scrollbar {
  width: 8px;
}

/* prettier-ignore */

.dropdown {
  position: relative;
}
.dropdown.right-aligned {
  display: inline-block;
}
.dropdown.right-aligned .dropdown-menu {
  right: 0;
}
.dropdown .dropdown-toggle {
  cursor: pointer;
  display: inline-block;
}

.dropdown.open .dropdown-menu,
.dropdown.show .dropdown-menu,
.dropdown .show,
body.uib-dropdown-open > .dropdown-menu {
  pointer-events: auto;
  opacity: 1;
  top: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.dropdown-menu {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  margin-top: 3px;
  position: absolute;
  top: 50%;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 9999;
  text-align: left;
}
.dropdown-menu.dropdown-menu-right {
  right: 0;
}

.drop-links,
.dropdown-menu {
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  background-color: white;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  min-width: 200px;
}
.drop-links.drop-multi-cols,
.dropdown-menu.drop-multi-cols {
  width: 431px;
  width: 431px;
}
.drop-links.drop-multi-cols:after,
.dropdown-menu.drop-multi-cols:after {
  content: "";
  display: table;
  clear: both;
}
.drop-links.drop-multi-cols .drop-col,
.dropdown-menu.drop-multi-cols .drop-col {
  float: left;
  width: 200px;
}
.drop-links.drop-multi-cols .drop-col ~ .drop-col,
.dropdown-menu.drop-multi-cols .drop-col ~ .drop-col {
  padding-left: 15px;
  border-left: 1px solid #d7d7d7;
  margin-left: 15px;
}
.drop-links label,
.dropdown-menu label {
  white-space: nowrap;
  display: block;
}
.drop-links a,
.drop-links .link,
.drop-links .nested-target,
.dropdown-menu a,
.dropdown-menu .link,
.dropdown-menu .nested-target {
  display: block;
  padding: 5px 10px;
  color: #999;
  border-radius: 3px;
  line-height: 1.6;
  white-space: nowrap;
}
.drop-links a:hover,
.drop-links .link:hover,
.drop-links .nested-target:hover,
.dropdown-menu a:hover,
.dropdown-menu .link:hover,
.dropdown-menu .nested-target:hover {
  background-color: #eceef1;
  color: #666;
  text-decoration: none;
}
.drop-links a:before,
.drop-links .link:before,
.drop-links .nested-target:before,
.dropdown-menu a:before,
.dropdown-menu .link:before,
.dropdown-menu .nested-target:before {
  margin-right: 5px;
  position: relative;
}
.drop-links a.disabled,
.drop-links .link.disabled,
.drop-links .nested-target.disabled,
.dropdown-menu a.disabled,
.dropdown-menu .link.disabled,
.dropdown-menu .nested-target.disabled {
  color: #ddd;
  cursor: default;
  background-color: #fafafa;
}
.drop-links a .nested-target,
.dropdown-menu a .nested-target {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: -10px;
}
.drop-links .menu-item,
.dropdown-menu .menu-item {
  color: #999;
  padding-right: 10px;
  border-radius: 3px;
  line-height: 1.6;
  white-space: nowrap;
}
.drop-links .menu-item:hover,
.dropdown-menu .menu-item:hover {
  background-color: #eceef1;
  color: #666;
  text-decoration: none;
}
.drop-links .menu-item:before,
.dropdown-menu .menu-item:before {
  margin-right: 5px;
  position: relative;
}
.drop-links .name-lockup .text-container,
.dropdown-menu .name-lockup .text-container {
  width: 130px;
}
.drop-links .name-lockup .text-container .name,
.dropdown-menu .name-lockup .text-container .name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-links .name-lockup .video-thumbnail,
.dropdown-menu .name-lockup .video-thumbnail {
  margin-top: 3px;
}
.drop-links .group-title,
.dropdown-menu .group-title {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 5px 0;
}
.drop-links .search-box-lockup,
.dropdown-menu .search-box-lockup {
  margin-bottom: 10px;
}
.drop-links .search-box-lockup:after,
.dropdown-menu .search-box-lockup:after {
  content: "";
  display: table;
  clear: both;
}

.drop-links.can-wrap a,
.drop-links.can-wrap .link,
.dropdown-menu.can-wrap a,
.dropdown-menu.can-wrap .link,
.drop-col.can-wrap a,
.drop-col.can-wrap .link {
  white-space: normal;
}

.nested-target {
  position: relative;
}
.nested-target:after {
  content: "";
  font-family: "font-awesomer";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 10px;
}
.nested-target .nested-column {
  padding: 5px 10px;
}
.nested-target .nested-column i {
  padding-left: 10px;
}
.nested-target .drop-links {
  position: absolute;
  left: 100%;
  top: 0px;
  display: none;
}
.nested-target:hover > .drop-links {
  display: block;
}
.nested-target.nested-left .drop-links {
  left: auto;
  right: 100%;
}
/* prettier-ignore */

.icon-and-info-line > * {
  margin-right: 20px;
  color: #999;
}
.icon-and-info-line a:hover {
  color: #0873bb;
}
.icon-and-info-line a.no-link {
  color: #999;
  font-size: 18px;
}
.icon-and-info-line a.no-link:hover {
  color: #0873bb;
}
.icon-and-info-line .edit-note-container {
  width: 10px;
  height: 10px;
  position: relative;
}
.icon-and-info-line .icon-star {
  color: #f2144b;
}
.icon-and-info-line .icon-star,
.icon-and-info-line .icon-edit,
.icon-and-info-line .icon-star-empty {
  font-size: 18px;
  cursor: pointer;
}
.icon-and-info-line .icon-edit {
  position: relative;
  top: 1px;
}
/* prettier-ignore */

.keyword-group {
  font-size: 0;
}
.keyword-group .type-small {
  margin-bottom: 10px;
  display: block;
  color: #999;
}
.keyword-group .keyword {
  font-size: 13px;
  display: inline-block;
  border-radius: 3px;
  background-color: #f1f5fa;
  padding: 1px 5px;
  margin: 0px 3px 3px 0px;
  white-space: nowrap;
  cursor: default;
}
.keyword-group .keyword.keyword--removable {
  position: relative;
  padding-right: 30px;
}
.keyword-group .keyword.keyword--removable .icon-remove-alt {
  font-size: 12px;
  display: block;
  margin-left: 7px;
  padding-left: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #999;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 22px;
  width: 18px;
  line-height: 22px;
  border-radius: 0px 3px 3px 0px;
}
.keyword-group .keyword.keyword--removable .icon-remove-alt:hover {
  color: #666;
  background: rgba(0, 0, 0, 0.1);
}
.keyword-group .keyword.keyword--new {
  background-color: #67b219;
  color: white;
}
.keyword-group .keyword.keyword--new .icon-remove-alt {
  border-left-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.keyword-group .keyword.keyword--new .icon-remove-alt:hover {
  color: white;
}
.keyword-group .keyword.keyword--highlight {
  background-color: #fcf8c6;
}
.keyword-group .keyword.keyword.topic-relevancy {
  color: white;
  background-color: #223d5e;
}
.keyword-group .descending .keyword:nth-child(1) {
  background-color: #f1f5fa;
  background-color: #e0e0e0;
}
.keyword-group .descending .keyword:nth-child(2) {
  background-color: #f1f5fa;
  background-color: #e2e2e2;
}
.keyword-group .descending .keyword:nth-child(3) {
  background-color: #f1f5fa;
  background-color: #e5e5e5;
}
.keyword-group .descending .keyword:nth-child(4) {
  background-color: #f1f5fa;
  background-color: #e7e7e7;
}
.keyword-group .descending .keyword:nth-child(5) {
  background-color: #f1f5fa;
  background-color: #eaeaea;
}
.keyword-group .descending .keyword:nth-child(6) {
  background-color: #f1f5fa;
  background-color: #ececec;
}
.keyword-group .descending .keyword:nth-child(7) {
  background-color: #f1f5fa;
  background-color: #efefef;
}
.keyword-group .descending .keyword:nth-child(8) {
  background-color: #f1f5fa;
  background-color: #f1f1f1;
}
.keyword-group .descending .keyword:nth-child(9) {
  background-color: #f1f5fa;
  background-color: #f4f4f4;
}
.keyword-group .descending .keyword:nth-child(10) {
  background-color: #f1f5fa;
  background-color: #f7f7f7;
}
.keyword-group .descending .keyword:nth-child(11) {
  background-color: #f1f5fa;
  background-color: #f9f9f9;
}
.keyword-group .descending .keyword:nth-child(12) {
  background-color: #f1f5fa;
  background-color: #fcfcfc;
}
.keyword-group .descending .keyword:nth-child(13) {
  background-color: #f1f5fa;
  background-color: #fefefe;
}
.keyword-group .descending .keyword:nth-child(14) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(15) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(16) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(17) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(18) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(19) {
  background-color: #f1f5fa;
  background-color: white;
}
.keyword-group .descending .keyword:nth-child(20) {
  background-color: #f1f5fa;
  background-color: white;
}
.modal-content {
  -webkit-animation: animation 2000ms linear both;
  animation: animation 2000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/j8KdC3 */
@-webkit-keyframes animation {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.666667% {
    -webkit-transform: matrix3d(0.0818, 0, 0, 0, 0, 0.0818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.0818, 0, 0, 0, 0, 0.0818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.32103, 0, 0, 0, 0, 0.32103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.32103, 0, 0, 0, 0, 0.32103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5% {
    opacity: 0;
    -webkit-transform: matrix3d(0.6384, 0, 0, 0, 0, 0.6384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.6384, 0, 0, 0, 0, 0.6384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.93329, 0, 0, 0, 0, 0.93329, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.93329, 0, 0, 0, 0, 0.93329, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(1.14088, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14088, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    opacity: 1;
    -webkit-transform: matrix3d(1.24472, 0, 0, 0, 0, 1.24472, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.24472, 0, 0, 0, 0, 1.24472, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.666667% {
    -webkit-transform: matrix3d(1.2626, 0, 0, 0, 0, 1.2626, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.2626, 0, 0, 0, 0, 1.2626, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.22612, 0, 0, 0, 0, 1.22612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.22612, 0, 0, 0, 0, 1.22612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15% {
    -webkit-transform: matrix3d(1.1656, 0, 0, 0, 0, 1.1656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1656, 0, 0, 0, 0, 1.1656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.10292, 0, 0, 0, 0, 1.10292, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10292, 0, 0, 0, 0, 1.10292, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.333333% {
    -webkit-transform: matrix3d(1.05043, 0, 0, 0, 0, 1.05043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05043, 0, 0, 0, 0, 1.05043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.0129, 0, 0, 0, 0, 1.0129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0129, 0, 0, 0, 0, 1.0129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.666667% {
    -webkit-transform: matrix3d(0.9902, 0, 0, 0, 0, 0.9902, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9902, 0, 0, 0, 0, 0.9902, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(0.97964, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97964, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(0.97763, 0, 0, 0, 0, 0.97763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97763, 0, 0, 0, 0, 0.97763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.333333% {
    -webkit-transform: matrix3d(0.98599, 0, 0, 0, 0, 0.98599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98599, 0, 0, 0, 0, 0.98599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(0.99155, 0, 0, 0, 0, 0.99155, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99155, 0, 0, 0, 0, 0.99155, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.666667% {
    -webkit-transform: matrix3d(0.99619, 0, 0, 0, 0, 0.99619, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99619, 0, 0, 0, 0, 0.99619, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35% {
    -webkit-transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.333333% {
    -webkit-transform: matrix3d(1.00194, 0, 0, 0, 0, 1.00194, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00194, 0, 0, 0, 0, 1.00194, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(1.00148, 0, 0, 0, 0, 1.00148, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00148, 0, 0, 0, 0, 1.00148, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.333333% {
    -webkit-transform: matrix3d(0.99969, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99969, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.666667% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes animation {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.666667% {
    -webkit-transform: matrix3d(0.0818, 0, 0, 0, 0, 0.0818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.0818, 0, 0, 0, 0, 0.0818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.32103, 0, 0, 0, 0, 0.32103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.32103, 0, 0, 0, 0, 0.32103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5% {
    opacity: 0;
    -webkit-transform: matrix3d(0.6384, 0, 0, 0, 0, 0.6384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.6384, 0, 0, 0, 0, 0.6384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.93329, 0, 0, 0, 0, 0.93329, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.93329, 0, 0, 0, 0, 0.93329, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(1.14088, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14088, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    opacity: 1;
    -webkit-transform: matrix3d(1.24472, 0, 0, 0, 0, 1.24472, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.24472, 0, 0, 0, 0, 1.24472, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.666667% {
    -webkit-transform: matrix3d(1.2626, 0, 0, 0, 0, 1.2626, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.2626, 0, 0, 0, 0, 1.2626, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.22612, 0, 0, 0, 0, 1.22612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.22612, 0, 0, 0, 0, 1.22612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15% {
    -webkit-transform: matrix3d(1.1656, 0, 0, 0, 0, 1.1656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1656, 0, 0, 0, 0, 1.1656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.10292, 0, 0, 0, 0, 1.10292, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10292, 0, 0, 0, 0, 1.10292, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.333333% {
    -webkit-transform: matrix3d(1.05043, 0, 0, 0, 0, 1.05043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05043, 0, 0, 0, 0, 1.05043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.0129, 0, 0, 0, 0, 1.0129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0129, 0, 0, 0, 0, 1.0129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.666667% {
    -webkit-transform: matrix3d(0.9902, 0, 0, 0, 0, 0.9902, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9902, 0, 0, 0, 0, 0.9902, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(0.97964, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97964, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(0.97763, 0, 0, 0, 0, 0.97763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97763, 0, 0, 0, 0, 0.97763, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98069, 0, 0, 0, 0, 0.98069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.333333% {
    -webkit-transform: matrix3d(0.98599, 0, 0, 0, 0, 0.98599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98599, 0, 0, 0, 0, 0.98599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(0.99155, 0, 0, 0, 0, 0.99155, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99155, 0, 0, 0, 0, 0.99155, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.666667% {
    -webkit-transform: matrix3d(0.99619, 0, 0, 0, 0, 0.99619, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99619, 0, 0, 0, 0, 0.99619, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35% {
    -webkit-transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.333333% {
    -webkit-transform: matrix3d(1.00194, 0, 0, 0, 0, 1.00194, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00194, 0, 0, 0, 0, 1.00194, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(1.00148, 0, 0, 0, 0, 1.00148, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00148, 0, 0, 0, 0, 1.00148, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.333333% {
    -webkit-transform: matrix3d(0.99969, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99969, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.666667% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
/* prettier-ignore */

.intelligence-modal-form .modal-dialog {
  width: 500px;
}
.intelligence-modal-form .modal-dialog .modal-content,
.intelligence-modal-form .modal-dialog .modal-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.intelligence-modal-form .modal-dialog .modal-content {
  padding: 0 20px 20px 20px;
}
.intelligence-modal-form .modal-dialog .modal-content h1 {
  margin: 45px 0 20px 0;
  color: #999;
  text-align: center;
}
.intelligence-modal-form .modal-dialog .modal-content form {
  width: 100%;
}
.intelligence-modal-form .modal-dialog .modal-content form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 12px;
  color: #666;
}
.intelligence-modal-form .modal-dialog .modal-content .controls {
  margin-top: 20px;
}
.intelligence-modal-form .modal-dialog .modal-content .controls button {
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  border: none;
  border-radius: 3px;
  padding: 0.7em 1.1em;
  cursor: pointer;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  -webkit-font-smoothing: antialiased;
  color: white;
  background: #0873bb;
  border-color: #0873bb;
  border-style: solid;
  border-width: 1px;
}
.intelligence-modal-form .modal-dialog .modal-content .controls button:hover {
  text-decoration: none;
  color: white;
  background: #0a91ec;
  border-color: #0a91ec;
}
.intelligence-modal-form .modal-dialog .modal-content .controls button:active {
  background: #06558a;
  border-color: #06558a;
}
.intelligence-modal-form .modal-dialog .modal-content .controls button:disabled, .intelligence-modal-form .modal-dialog .modal-content .controls button.disabled {
  color: #999;
  background: #eee;
  border-color: #eee;
  cursor: default;
  pointer-events: none;
}
.intelligence-modal-form .modal-dialog .modal-content .controls button[class*=icon-]:before {
  margin-right: 0.45em;
}
.intelligence-modal-form .modal-dialog .modal-content .controls input:not(:last-child) {
  margin-right: 10px;
}
.intelligence-modal-form .modal-dialog .modal-content .controls.spaced {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.intelligence-modal-form .modal-dialog .modal-content .add-to-td-instruction {
  margin-top: -20px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.intelligence-modal-form .modal-dialog .modal-content .add-to-td-instruction ul {
  list-style-type: decimal;
  padding: 15px 30px;
  margin: 0px 0px 0px 15px;
  background-color: #eee;
}

.fade {
  opacity: 1;
}

body.modal-open {
  overflow: hidden;
}

.modal {
  z-index: 1049;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.modal-dialog {
  max-width: 1000px;
  width: 500px;
  margin: 50px auto;
  position: relative;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-color: white;
  outline: 0;
  background-clip: padding-box;
  border-radius: 3px;
  -webkit-box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
}
.modal-content .export-request .no-arrows::-webkit-inner-spin-button,
.modal-content .export-request .no-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.modal-content .export-request .section-container {
  margin-bottom: 40px;
}
.modal-content .export-request .name-lockup {
  display: block;
}
.modal-content .export-request .text-container {
  display: block;
  text-align: center;
}
.modal-content .export-request .title {
  font-size: 24px;
}
.modal-content .export-request div > input.primary {
  margin-right: 10px;
}
.modal-content .export-request .tpl-alert {
  color: white;
  background-color: #7da4d5;
}
.modal-content .export-request .icon-remove-sign {
  cursor: pointer;
}
.modal-content .export-request .email-section {
  position: absolute;
  border: 1px;
  background-color: white;
  border-style: solid;
}
.modal-content .export-request .email-section .help-text {
  color: #666;
  font-weight: 600;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eceef1;
  opacity: 0.95;
  z-index: 1048;
}

.modal form .send-to-brand-dash {
  margin: 20px 0 0;
  padding: 10px;
  background: url("/static/img/icon-send-to-dash.a7d95ac18bf986b5082fbcad189b2d98.png") #eceef1 no-repeat bottom right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal form .send-to-brand-dash label {
  display: block;
  line-height: 1;
  font-size: 12px;
  color: #666;
}
.modal form .send-to-brand-dash .specific-group {
  padding-left: 25px;
}
.modal form .send-to-brand-dash .dropdown {
  margin-left: 5px;
}
.modal form .send-to-brand-dash .for-radio {
  margin-top: 7px;
}
.modal form .send-to-brand-dash .new-group-name {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.modal.views-column-selector .modal-dialog {
  width: 43.75rem;
}

.modal.tmm-column-selector .modal-dialog {
  width: 56rem;
}

.modal.add-to-custom-list .modal-dialog {
  max-height: 550px;
}
.modal.add-to-custom-list .modal-dialog .scroll {
  overflow-y: auto;
  margin-bottom: 15px;
}
.modal.add-to-custom-list .modal-dialog .scroll > *:not(:last-child) {
  margin-bottom: 8px;
}
.modal.add-to-custom-list .modal-dialog .label-text:before {
  margin-right: 0.8em;
}
.modal.add-to-custom-list .modal-dialog .buttons button {
  font-size: 13px;
}

.modal.saved-search .modal-dialog .modal-content .search-term {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 24px;
  color: #6b6b6b;
}
.modal.saved-search .modal-dialog .modal-content h1 {
  margin: 45px 0 20px 0;
  color: #999;
}
.modal.saved-search .modal-dialog .modal-content form {
  width: 100%;
}
.modal.saved-search .modal-dialog .modal-content .overwrite {
  margin-top: 20px;
}
.modal.saved-search .modal-dialog .modal-content .controls {
  margin-top: 20px;
  width: 100%;
  text-align: right;
}
.modal.saved-search .modal-dialog .modal-content .controls button {
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  border: none;
  border-radius: 3px;
  padding: 0.7em 1.1em;
  cursor: pointer;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  -webkit-font-smoothing: antialiased;
  color: white;
  background: #0873bb;
  border-color: #0873bb;
  border-style: solid;
  border-width: 1px;
}
.modal.saved-search .modal-dialog .modal-content .controls button:hover {
  text-decoration: none;
  color: white;
  background: #0a91ec;
  border-color: #0a91ec;
}
.modal.saved-search .modal-dialog .modal-content .controls button:active {
  background: #06558a;
  border-color: #06558a;
}
.modal.saved-search .modal-dialog .modal-content .controls button:disabled, .modal.saved-search .modal-dialog .modal-content .controls button.disabled {
  color: #999;
  background: #eee;
  border-color: #eee;
  cursor: default;
  pointer-events: none;
}
.modal.saved-search .modal-dialog .modal-content .controls button[class*=icon-]:before {
  margin-right: 0.45em;
}
.modal.saved-search .modal-dialog .modal-content .controls input:not(:last-child) {
  margin-right: 10px;
}

.modal.search-help .modal-dialog {
  width: 500px;
}
.modal.search-help .modal-dialog .modal-content,
.modal.search-help .modal-dialog .modal-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal.search-help .modal-dialog .modal-content h1 {
  margin: 20px 0;
  color: #999;
}
.modal.search-help .modal-dialog .modal-content ul {
  font-size: 14px;
  color: #999;
}
.modal.search-help .modal-dialog .modal-content ul h2 {
  font-size: 14px;
  color: #666;
}
.modal.search-help .modal-dialog .modal-content input {
  margin-bottom: 20px;
}

.modal.no-creator .modal-dialog {
  max-width: 635px;
}
.modal.no-creator .modal-dialog .grid-container {
  padding: 20px 50px;
}
.modal.no-creator .modal-dialog img {
  position: absolute;
  bottom: 0;
}

.modal.upload-custom-list .modal-dialog {
  max-width: 500px;
}
.modal.upload-custom-list .modal-dialog .modal-body {
  padding: 50px;
}
.modal.upload-custom-list .modal-dialog .modal-body .icon-ok-sign {
  color: #67b219;
}
.modal.upload-custom-list .modal-dialog .modal-body input {
  width: 200px;
  margin-right: 10px;
}
.modal.upload-custom-list .modal-dialog .modal-body button {
  margin-left: 40px;
}
.modal.upload-custom-list .modal-dialog .modal-body .error {
  color: #cd5050;
}
.modal.upload-custom-list .modal-dialog .modal-body .explain {
  margin: 20px 0;
}
.modal.upload-custom-list .modal-dialog .modal-body .done {
  margin-top: 20px;
}
/* prettier-ignore */

.name-lockup {
  display: inline-block;
  font-size: 0px;
}
.name-lockup:hover {
  text-decoration: none;
}
.name-lockup .video-thumbnail {
  width: 60px;
  display: inline-block;
}
.name-lockup .avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 35px;
  width: 35px;
}
.name-lockup .avatar [class^=icon-]:before {
  width: 38px;
  line-height: 38px;
  font-size: 30px;
}
.name-lockup .text-container {
  margin-left: 10px;
  min-width: 0;
}
.name-lockup .text-container a.name,
.name-lockup .text-container .link.name {
  color: #0873bb;
}
.name-lockup .text-container .name {
  font-size: 14px;
  color: #00304c;
  font-weight: normal;
  display: block;
  line-height: 1.4;
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.name-lockup .text-container .name.channel-lockup {
  white-space: nowrap;
}
.name-lockup .text-container .sub-text {
  color: #999;
  line-height: 1;
  font-size: 11px;
  white-space: nowrap;
  cursor: default;
}
.name-lockup .text-container .sub-text > [class^=icon-] {
  margin-right: 10px;
}
.name-lockup .text-container .sub-text > [class^=icon-]:before {
  margin-right: 2px;
}
.name-lockup:link .text-container .name, .name-lockup.link .text-container .name, .name-lockup:visited .text-container .name {
  color: #0873bb;
}
.name-lockup.hero .avatar {
  height: 60px;
  width: 60px;
}
.name-lockup.hero .video-thumbnail {
  width: 90px;
}
.name-lockup.hero .text-container .name {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2;
}
.name-lockup.hero .text-container .sub-text {
  font-size: 14px;
}
.name-lockup.hero .text-container .sub-text > [class^=icon-] {
  margin-right: 15px;
}
.name-lockup.small .avatar {
  height: 20px;
  width: 20px;
}
.name-lockup.small .video-thumbnail {
  width: 30px;
}
.name-lockup .text-container {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.name-lockup.hero .video-thumbnail {
  position: relative;
  top: 3px;
}
.name-lockup.simple .text-container {
  margin-top: 8px;
}
.name-lockup.small .text-container {
  margin-top: 0;
}

.flex-lockup,
.name-lockup--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-lockup:hover,
.name-lockup--flex:hover {
  text-decoration: none;
}
.flex-lockup .video-thumbnail,
.name-lockup--flex .video-thumbnail {
  width: 60px;
  display: inline-block;
}
.flex-lockup .avatar,
.name-lockup--flex .avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 35px;
  width: 35px;
}
.flex-lockup .avatar [class^=icon-]:before,
.name-lockup--flex .avatar [class^=icon-]:before {
  width: 38px;
  line-height: 38px;
  font-size: 30px;
}
.flex-lockup .text-container,
.name-lockup--flex .text-container {
  margin-left: 10px;
  min-width: 0;
}
.flex-lockup .text-container a.name,
.flex-lockup .text-container .link.name,
.name-lockup--flex .text-container a.name,
.name-lockup--flex .text-container .link.name {
  color: #0873bb;
}
.flex-lockup .text-container .name,
.name-lockup--flex .text-container .name {
  font-size: 14px;
  color: #00304c;
  font-weight: normal;
  display: block;
  line-height: 1.4;
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.flex-lockup .text-container .name.channel-lockup,
.name-lockup--flex .text-container .name.channel-lockup {
  white-space: nowrap;
}
.flex-lockup .text-container .sub-text,
.name-lockup--flex .text-container .sub-text {
  color: #999;
  line-height: 1;
  font-size: 11px;
  white-space: nowrap;
  cursor: default;
}
.flex-lockup .text-container .sub-text > [class^=icon-],
.name-lockup--flex .text-container .sub-text > [class^=icon-] {
  margin-right: 10px;
}
.flex-lockup .text-container .sub-text > [class^=icon-]:before,
.name-lockup--flex .text-container .sub-text > [class^=icon-]:before {
  margin-right: 2px;
}
.flex-lockup:link .text-container .name, .flex-lockup.link .text-container .name, .flex-lockup:visited .text-container .name,
.name-lockup--flex:link .text-container .name,
.name-lockup--flex.link .text-container .name,
.name-lockup--flex:visited .text-container .name {
  color: #0873bb;
}
.flex-lockup.hero .avatar,
.name-lockup--flex.hero .avatar {
  height: 60px;
  width: 60px;
}
.flex-lockup.hero .video-thumbnail,
.name-lockup--flex.hero .video-thumbnail {
  width: 90px;
}
.flex-lockup.hero .text-container .name,
.name-lockup--flex.hero .text-container .name {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2;
}
.flex-lockup.hero .text-container .sub-text,
.name-lockup--flex.hero .text-container .sub-text {
  font-size: 14px;
}
.flex-lockup.hero .text-container .sub-text > [class^=icon-],
.name-lockup--flex.hero .text-container .sub-text > [class^=icon-] {
  margin-right: 15px;
}
.flex-lockup.small .avatar,
.name-lockup--flex.small .avatar {
  height: 20px;
  width: 20px;
}
.flex-lockup.small .video-thumbnail,
.name-lockup--flex.small .video-thumbnail {
  width: 30px;
}

.tooltip.lockup .tooltip-inner {
  font-size: 11px;
  color: #999;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  background-color: white;
}
.tooltip.lockup .tooltip-inner strong.stat-number {
  font-weight: 600;
  color: #777;
}
.tooltip.lockup .tooltip-arrow {
  border-top-color: white !important;
  border-bottom-color: white !important;
}

.tooltip.tvr-info .tooltip-inner {
  max-width: 350px;
  white-space: pre-wrap;
  text-align: left;
}
/* prettier-ignore */

/* prettier-ignore */

/* prettier-ignore */

.show-when-small {
  display: none;
  padding-left: 20px;
  line-height: 44px;
  font-size: 22px;
  color: #72b3cb;
}
.show-when-small:hover {
  color: white;
  cursor: pointer;
}

.sidemenu {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 44px;
  height: 100%;
  width: 250px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 15;
  background-color: #002439;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  padding-top: 30px;
  -webkit-box-shadow: 10px 0 10px -10px #000000;
          box-shadow: 10px 0 10px -10px #000000;
}

.gray-icon {
  color: #668394;
}

.tooltip.dogfood.right .tooltip-arrow {
  border-right-color: #f2144b;
}
.tooltip.dogfood.right .tooltip-inner {
  background-color: #f2144b;
}

.dropdown-menu .dropdown-item {
  background-color: #002439;
  padding-left: 20px;
}

.dropdown .nav-dropdown.no-margin {
  margin: 0;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle.current {
  color: #00304c;
  border-color: #00304c;
}

.section-nav {
  background: white;
  border: 1px solid #d7d7d7;
  border-top: none;
  border-radius: 0 0 3px 3px;
  text-align: center;
}
.section-nav .section-link {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 15px 0 13px;
  margin: 0 20px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
.section-nav .section-link:hover {
  color: #0873bb;
  text-decoration: none;
}
.section-nav .section-link.current {
  color: #00304c;
  border-color: #00304c;
}

.mobile-menu-btn {
  display: none;
}

.breadcrumb-nav .crumb:hover {
  text-decoration: none;
}
.breadcrumb-nav .crumb:after {
  content: "/";
  padding: 0 6px 0 8px;
  color: #ccc;
}
.breadcrumb-nav .crumb:last-child:after {
  display: none;
}
.breadcrumb-nav .crumb.current {
  color: #999;
  cursor: default;
}
.breadcrumb-nav.breadcrumb-nav--pipes .crumb:after {
  content: "|";
}

.mini-tabs {
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 20px 0 20px;
}
.mini-tabs .mini-tab {
  padding: 10px 15px;
  border: 1px solid #d7d7d7;
  background-color: white;
  border-radius: 3px 3px 0 0;
  margin-right: 1px;
  display: inline-block;
  margin-bottom: -1px;
  color: #666;
}
.mini-tabs .mini-tab:hover {
  text-decoration: none;
  background-color: #eceef1;
}
.mini-tabs .mini-tab.active, .mini-tabs .mini-tab.current {
  border-bottom-color: white;
  cursor: default;
}
.mini-tabs .mini-tab.active:hover, .mini-tabs .mini-tab.current:hover {
  background-color: white;
}

.mini-tabs.vertical {
  border: 0;
  padding: 0;
}
.mini-tabs.vertical .mini-tab {
  border-radius: 0;
  display: block;
  background: #eceef1;
}
.mini-tabs.vertical .mini-tab:hover {
  background: #f2f3f5;
}
.mini-tabs.vertical .mini-tab:first-child {
  border-radius: 3px 3px 0 0;
}
.mini-tabs.vertical .mini-tab:last-child {
  border-radius: 0 0 3px 3px;
}
.mini-tabs.vertical .mini-tab.current, .mini-tabs.vertical .mini-tab.current:hover {
  background: white;
  color: #333;
  border-color: #d7d7d7;
}

.toggler {
  font-size: 0;
  white-space: nowrap;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  background: #e5e5e5;
  display: inline-block;
}
.toggler .toggle {
  padding: 0 8px;
  display: inline-block;
  font-size: 14px;
  color: #999;
  border-radius: 3px;
  border-left: none;
  -webkit-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}
.toggler .toggle:hover {
  text-decoration: none;
  cursor: pointer;
}
.toggler .toggle.current {
  color: #666;
  background: white;
  pointer-events: none;
}
.toggler .toggle.ng-hide-add-active {
  display: none !important;
}
.toggler .toggle.ng-hide-remove-active {
  display: inline-block !important;
}

.subnav {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  background-color: white;
  padding-left: 12px;
  border-bottom: 1px solid #d7d7d7;
  background-size: 100%;
}
.subnav a {
  text-transform: uppercase;
  font-size: 13px;
  color: #9eaeba;
  font-weight: 600;
  margin-right: 30px;
}
.subnav a.current {
  color: #11314b;
  padding-top: 11px;
  padding-bottom: 8px;
  border-bottom: solid 3px;
}
.subnav a.new-font {
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 500;
}

.dropdown.open .dropdown-menu {
  border: none;
}

.nav-link .link-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.nav-link .link-wrapper .link-decorator {
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
  background: #668394;
  padding: 0.125rem 0.1875rem;
  border-radius: 0.125rem;
  margin-left: 0.1875rem;
}
.nav-link.side-link .link-decorator {
  right: unset;
  left: 0px;
}
/* prettier-ignore */

.banner {
  display: block;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 20px;
  border-color: #7da4d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.banner .close {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 18px;
  color: #999;
  line-height: 1;
  height: 18px;
  width: 18px;
  pointer: cursor;
}
.banner .close:hover {
  color: #666;
}
.banner .banner-graphic {
  float: left;
}
.banner .heading-banner {
  margin-top: 10px;
}
.banner .heading-banner em {
  font-weight: 400;
  font-style: italic;
  color: #8cafda;
}
.banner .text-wrap {
  -webkit-box-flex: 1 1 55%;
  -ms-flex: 1 1 55%;
  flex: 1 1 55%;
  margin-left: 86px;
}
.banner .banner-graphic {
  margin-left: -86px;
}
@media (max-width: 620px) {
  .banner .main-cta {
    margin: 10px 0;
  }
}
/* prettier-ignore */

.distributed-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.distributed-row .vert-rule {
  width: 1px;
  background-color: #ebebeb;
  background-color: rgba(0, 0, 0, 0.07);
  display: block;
}

.stat-lockup {
  vertical-align: top;
}
.stat-lockup:not(td):not([layout]) {
  display: inline-block;
}
.stat-line .stat-lockup {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.stat-line .stat-lockup:last-child {
  padding: 0;
  margin: 0;
  border: 0;
}
.stat-line.no-rule .stat-lockup {
  border: none;
}
.stat-lockup .label {
  color: #999;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  cursor: default;
}
.stat-lockup .label.link {
  color: #0873bb;
}
.stat-lockup .stat {
  font-size: 18px;
  font-weight: 300;
  color: #666;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow-x: hidden;
  min-width: 0;
}
.stat-lockup .stat .little {
  font-size: 10px;
  font-weight: 400;
  margin-left: 5px;
}
.stat-lockup .stat.stat--multi {
  line-height: 1.2;
  display: block;
}
.stat-lockup .stat.icon-caret-up,
.stat-lockup .stat .icon-caret-up {
  color: #67b219;
}
.stat-lockup .stat.icon-caret-down,
.stat-lockup .stat .icon-caret-down {
  color: #cd5050;
}
.stat-lockup.stat-lockup--large .label {
  font-size: 14px;
}
.stat-lockup.stat-lockup--large .stat {
  font-size: 30px;
  line-height: 1;
}
.stat-lockup.stat-lockup--table {
  display: table;
}
.stat-lockup.stat-lockup--table thead td {
  padding-bottom: 5px;
}
.stat-lockup.stat-lockup--table tbody tr:nth-child(1) td {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding-top: 5px;
}
.stat-lockup.stat-lockup--table tbody td {
  font-size: 12px;
}
.stat-lockup.stat-lockup--table td:nth-child(odd) {
  color: #999;
}
.stat-lockup.stat-lockup--table td:nth-child(even) {
  padding-left: 20px;
  text-align: right;
}

.stat-type-keywords {
  -ms-flex-negative: 20;
      flex-shrink: 20;
}

.distributed-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.distributed-table-row:after {
  content: "";
  display: table;
  clear: both;
}
.distributed-table-row .flex-enabler {
  display: block;
  -webkit-box-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  margin-right: 40px;
}
.distributed-table-row .flex-enabler:last-child {
  margin-right: 0;
}
.distributed-table-row table {
  width: 100%;
}
.distributed-table-row ~ .video-share-row {
  margin-top: 20px;
}
/* prettier-ignore */

.sub-tabs {
  text-align: center;
  margin: 10px;
}
.sub-tabs a {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border-radius: 3px;
  color: #999;
  border: 1px solid #d7d7d7;
  background-color: whitesmoke;
  height: 32px;
  width: 200px;
  margin: 0;
  line-height: 32px;
  display: inline-block;
}
.sub-tabs a:hover, .sub-tabs a:focus {
  color: #666;
  border-color: #999;
  text-decoration: none;
}
.sub-tabs a:active {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) inset;
}
.sub-tabs a.btn-lightgrey {
  background-color: #fafafa;
}
.sub-tabs a.active {
  border-color: #00304c;
  background-color: #00304c;
  color: white;
  cursor: default;
}
.sub-tabs a:nth-child(1) {
  border-radius: 3px 0px 0px 3px;
}
.sub-tabs a:nth-child(2) {
  border-radius: 0;
}
.sub-tabs a:nth-child(3) {
  border-radius: 0px 3px 3px 0px;
}
/* prettier-ignore */

/* prettier-ignore */

.auth-tabs .nav-tabs,
.auth-tabs .nav, .intelligence-tabs .nav-tabs {
  font-family: faricy-new;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.025em;
}

.auth-tabs .nav-tabs,
.auth-tabs .nav, .intelligence-tabs .nav-tabs {
  color: #00304c;
  font-size: 0.875rem;
  /* 14/16 */
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a {
    border-bottom-color: #fff;
  }
}

.tab-content {
  padding-top: 18px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
}

.intelligence-tabs .nav-tabs {
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px 0px;
  background-color: #f6f6f6;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.intelligence-tabs .nav-tabs > li {
  margin-bottom: 0;
}
.intelligence-tabs .nav-tabs > li > a {
  border: initial;
  color: #666;
  font-weight: 500;
}
.intelligence-tabs .nav-tabs > li > a:hover {
  border-color: initial;
  background-color: initial;
}
.intelligence-tabs .nav-tabs > li.active > a {
  color: #00304c;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-bottom: -1px;
  pointer-events: none;
}

.auth-tabs .nav-tabs,
.auth-tabs .nav {
  font-weight: 500;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 6px;
  width: 100%;
  background-color: white;
  color: #9eaeba;
}
.auth-tabs .nav-tabs .nav-link,
.auth-tabs .nav .nav-link {
  color: #9eaeba;
}
.auth-tabs .nav-tabs .nav-link.active,
.auth-tabs .nav .nav-link.active {
  color: #11314b;
  border-bottom: 3px solid #11314b;
  background-color: initial;
}
.auth-tabs .nav-tabs > li,
.auth-tabs .nav > li {
  margin-bottom: 0;
}
.auth-tabs .nav-tabs > li > a,
.auth-tabs .nav > li > a {
  border: initial;
  font-weight: 500;
}
.auth-tabs .nav-tabs > li > a:hover,
.auth-tabs .nav > li > a:hover {
  border-color: initial;
  background-color: initial;
}
/* prettier-ignore */

/* prettier-ignore */

.info-tool-tip {
  line-height: 19px !important;
  position: relative;
  background: #00304c;
  border: 1px solid #00304c;
  border: 1px solid #00304c;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  bottom: 20px;
  left: -9999px;
  background: #00304c;
  color: white;
  text-shadow: none;
  padding: 5px;
  border-radius: 3px;
  margin-left: -80px;
  width: 150px;
  font-size: 12px;
  text-align: center;
  white-space: normal;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  pointer-events: none;
}
.info-tool-tip:after, .info-tool-tip:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.info-tool-tip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #00304c;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.info-tool-tip:before {
  border-color: rgba(215, 215, 215, 0);
  border-top-color: #00304c;
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
}

.tpl-tooltip-target {
  position: relative;
  display: inline-block;
}
.tpl-tooltip-target [class*=tpl-tooltip] {
  background: #00304c;
  color: white;
  text-shadow: none;
  padding: 5px;
  border-radius: 3px;
  width: 100px;
  font-size: 12px;
  text-align: center;
  text-transform: none;
  white-space: normal;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  pointer-events: none;
  z-index: 9999;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-top {
  position: relative;
  background: #00304c;
  border: 1px solid #00304c;
  border: 1px solid #00304c;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 100%;
  left: auto;
  margin-left: -50px;
  margin-bottom: 7px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-top:after, .tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-top:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-top:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #00304c;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-top:before {
  border-color: rgba(215, 215, 215, 0);
  border-top-color: #00304c;
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-left {
  position: relative;
  background: #00304c;
  border: 1px solid #00304c;
  border: 1px solid #00304c;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  margin-top: -15px;
  margin-right: 10px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-left:after, .tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-left:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-left:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #00304c;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-left:before {
  border-color: rgba(215, 215, 215, 0);
  border-left-color: #00304c;
  border-width: 7px;
  top: 50%;
  margin-top: -7px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-bottom {
  position: relative;
  background: #00304c;
  border: 1px solid #00304c;
  border: 1px solid #00304c;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: -50px;
  margin-top: 7px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-bottom:after, .tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-bottom:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-bottom:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #00304c;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-bottom:before {
  border-color: rgba(215, 215, 215, 0);
  border-bottom-color: #00304c;
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-right {
  position: relative;
  background: #00304c;
  border: 1px solid #00304c;
  border: 1px solid #00304c;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  margin-top: -15px;
  margin-left: 10px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-right:after, .tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-right:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-right:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #00304c;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.tpl-tooltip-target [class*=tpl-tooltip].tpl-tooltip-right:before {
  border-color: rgba(215, 215, 215, 0);
  border-right-color: #00304c;
  border-width: 7px;
  top: 50%;
  margin-top: -7px;
}
.tpl-tooltip-target:hover [class*=tpl-tooltip] {
  opacity: 1;
}
/* prettier-ignore */

.video-lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-lockup:hover {
  text-decoration: none;
}
.video-lockup .thumbnail {
  height: 75px;
  width: 100px;
  border-radius: 4px;
  display: inline-block;
}
.video-lockup .text-container {
  margin-left: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-lockup .text-container .description {
  text-align: left;
}
.video-lockup .text-container .stats {
  text-align: left;
  vertical-align: top;
}
.video-lockup .text-container .stats .name {
  font-size: 14px;
  color: #00304c;
}
.video-lockup .text-container .stats .sub-text {
  color: #999;
  font-size: 11px;
}
.video-lockup .text-container .stats .sub-text > [class^=icon-] {
  margin-right: 10px;
  white-space: nowrap;
}
.video-lockup:link .text-container .name, .video-lockup:visited .text-container .name {
  color: #0873bb;
}
@charset "UTF-8";
/* prettier-ignore */

custom-lists-dropdown .scroll-container {
  max-height: 130px;
  overflow-y: auto;
}
custom-lists-dropdown label {
  color: #999;
}
custom-lists-dropdown .list {
  color: #999;
  cursor: pointer;
}
custom-lists-dropdown .list span:before {
  font-family: "font-awesomer";
  margin-right: 4px;
}
custom-lists-dropdown .list span.selected:before {
  content: "";
  color: #0873bb;
}
custom-lists-dropdown .list span.empty:before {
  content: "";
}
custom-lists-dropdown .list span.mixed:before {
  content: "";
}
custom-lists-dropdown .list span.disabled:before {
  content: "";
  color: #ccc;
}
custom-lists-dropdown .button.ng-hide-add-active {
  display: none !important;
}
custom-lists-dropdown .button.ng-hide-remove-active {
  display: inline-block !important;
}
body {
  height: 100%;
}

.body {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.body footer[ui-view=footer] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

html {
  height: 100%;
}

notification.main .notification-container {
  width: 100%;
}
notification.main .notification-container .tpl-alert {
  border-radius: 0px;
}
notification .notification-container-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
}
notification .notification-container {
  margin: 0px 0px 10px;
  width: 100%;
}
notification.main.top-level .notification-container {
  margin-bottom: 1px;
}

.optanon-alert-box-bg .optanon-alert-box-button-container {
  right: 30px;
}

.optanon-alert-box-wrapper {
  z-index: 2147483648 !important;
}
.optanon-alert-box-wrapper .optanon-alert-box-corner-close a {
  display: none;
}
.optanon-alert-box-wrapper .optanon-alert-box-body {
  max-width: 848px;
}
.optanon-alert-box-wrapper .optanon-alert-box-button {
  margin-right: 16px;
}
.optanon-alert-box-wrapper .optanon-alert-box-body * {
  font-family: faricy-new;
  font-weight: 400;
  font-size: 14px;
}
.optanon-alert-box-wrapper .optanon-alert-box-body p > a {
  margin-left: 8px;
  color: #37d0d2;
}
.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle {
  padding: 11px 0;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle:hover {
  background-color: #ff80a6 !important;
  border-color: #ff80a6 !important;
}
.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle a.optanon-allow-all {
  font-weight: 500;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 11px 8px 9px 8px;
}
.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle a.optanon-allow-all:before {
  content: none;
}
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a {
  font-family: faricy-new;
}
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .optanon-toggle-display {
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #8098a6 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .optanon-toggle-display:hover {
  border-bottom: 1px solid #8098a6;
}
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .optanon-toggle-display:before {
  content: none !important;
}

#optanon-popup-body *,
#optanon-popup-bottom * {
  font-family: faricy-new !important;
}
gender-bars {
  display: table;
}
gender-bars .icon-male {
  color: #7ca3d7;
}
gender-bars .icon-female {
  color: #bd8ac0;
}
gender-bars .gender-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 15px;
}
gender-bars .gender-summary [class*=icon-] {
  font-size: 50px;
  line-height: 1em;
}
gender-bars .gender-summary .icon-male {
  margin-right: 8px;
}
gender-bars tr.female td {
  vertical-align: top;
}
gender-bars tr.female .bar {
  background-color: #bd8ac0;
}
gender-bars tr.female .value {
  padding-top: 2px;
}
gender-bars tr.male td {
  vertical-align: bottom;
}
gender-bars tr.male .bar {
  background-color: #7ca3d7;
}
gender-bars tr.male .value {
  padding-bottom: 2px;
}
gender-bars .bar {
  width: 30px;
}
gender-bars .gender-label {
  padding: 0 6px;
  border-right: 1px solid #ccc;
}
gender-bars .gender-label:last-of-type {
  border-right: none;
}
header {
  background-color: white;
  height: 80px;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  z-index: 5;
}
header .btn-add {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -69px;
}
header nav {
  height: 30px;
  line-height: 30px;
  margin-top: -21px;
  position: absolute !important;
  top: 50%;
  right: 0px;
}
header nav .logged-in-as {
  margin-right: 30px;
  position: relative;
  cursor: pointer;
}
header nav .dropdown {
  top: 45px;
  text-align: left;
}
header nav .change-actor .name {
  color: #999 !important;
}
header nav .change-actor:hover .name {
  color: #666 !important;
}
/* prettier-ignore */

/* prettier-ignore */

.popover:not(.top-entities) {
  z-index: 1060 !important;
}
.popover:not(.top-entities) .tvr-tooltip-content {
  font-size: 11px;
  line-height: 1.4;
  max-width: 400px;
  padding: 8px;
  color: white;
  text-decoration: none;
  background-color: #00304c;
  border-radius: 4px;
}

@-webkit-keyframes viMoreFlip {
  from {
    -webkit-transform: rotateX(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes viMoreFlip {
  from {
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.icon-and-info-line.small {
  font-size: 13px;
  color: #999;
}
.icon-and-info-line.small .debug-icons {
  font-size: 18px;
}
.icon-and-info-line.small .debug-icons > * {
  margin-right: 20px;
  cursor: pointer;
}
.icon-and-info-line.small .debug-icons > *:hover {
  color: #0873bb;
}
.icon-and-info-line.small strong {
  color: #666;
}

.ci-stacked-graph-tooltip {
  border: 1px solid #d7d7d7;
  position: absolute !important;
  z-index: 100;
  border-radius: 5px;
  padding: 8px;
  background-color: white;
  pointer-events: none;
}
.ci-stacked-graph-tooltip:not(.tooltip-position-right) {
  position: relative;
  background: white;
  border: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ci-stacked-graph-tooltip:not(.tooltip-position-right):after, .ci-stacked-graph-tooltip:not(.tooltip-position-right):before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ci-stacked-graph-tooltip:not(.tooltip-position-right):after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.ci-stacked-graph-tooltip:not(.tooltip-position-right):before {
  border-color: rgba(215, 215, 215, 0);
  border-right-color: #d7d7d7;
  border-width: 7px;
  top: 50%;
  margin-top: -7px;
}
.ci-stacked-graph-tooltip.tooltip-position-right {
  position: relative;
  background: white;
  border: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ci-stacked-graph-tooltip.tooltip-position-right:after, .ci-stacked-graph-tooltip.tooltip-position-right:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ci-stacked-graph-tooltip.tooltip-position-right:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.ci-stacked-graph-tooltip.tooltip-position-right:before {
  border-color: rgba(215, 215, 215, 0);
  border-left-color: #d7d7d7;
  border-width: 7px;
  top: 50%;
  margin-top: -7px;
}
/* prettier-ignore */

.percentage-bar-graph {
  padding-top: 20px;
  position: relative;
}
.percentage-bar-graph:after {
  content: "";
  display: table;
  clear: both;
}
.percentage-bar-graph .percent {
  float: left;
  height: 25px;
  position: relative;
}
.percentage-bar-graph .percent-title {
  position: absolute;
  top: -20px;
  right: 0px;
  left: 0px;
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 13px;
  overflow: hidden;
}
.percentage-bar-graph .percent-title em {
  font-style: normal;
  display: inline-block;
}
.percentage-bar-graph .in-bar-text {
  padding: 0 5px;
  color: white;
  font-size: 11px;
  line-height: 25px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
/* prettier-ignore */

.popover {
  position: absolute;
  z-index: 1001;
  border-radius: 3px;
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-animation: pop-in 0.15s ease-out forwards;
          animation: pop-in 0.15s ease-out forwards;
}

@-webkit-keyframes pop-in {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes pop-in {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.popover.left-anchor {
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.popover.right-anchor {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.popover.top {
  margin-top: -3px;
  padding: 5px 0;
}

.popover.right {
  margin-left: 3px;
  padding: 0 5px;
}

.popover.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.popover.left {
  margin-left: -3px;
  padding: 0 5px;
}

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

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

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

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

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

.popover.top-entities {
  background-color: white;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  width: 450px;
}
.popover.top-entities .icon-close {
  position: absolute;
  right: 8px;
  top: 5px;
  cursor: pointer;
  font-size: 20px;
  color: #808b93;
}
#zenbox_tab {
  border: solid 1px;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 5%;
  padding: 5px 20px 5px 18px;
  color: white;
  border-radius: 3px 3px 0 0;
  z-index: 10000;
}
#zenbox_tab:hover {
  background-color: #444;
}
#zenbox_tab img {
  display: block;
}

#zenbox_overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 90000;
}
#zenbox_overlay * {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#zenbox_container {
  height: 620px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 638px;
  z-index: 2;
}
#zenbox_container .zenbox_header {
  position: relative;
  text-align: right;
  width: auto;
  z-index: 100;
}

#zenbox_close {
  cursor: pointer;
  height: 46px;
  position: relative;
  top: 10px;
  width: 46px;
}

#zenbox_body {
  height: 900px;
  margin-top: -18px;
  position: relative;
  width: 615px;
}

#zenbox_scrim {
  background-color: #000;
  left: 0;
  position: absolute;
  opacity: 0.42;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* prettier-ignore */

.page-404 {
  text-align: center;
  padding-top: 40px;
  margin: 0 auto;
  border-top: rgba(255, 255, 255, 0.12) 1px solid;
}
.page-404 .kool-gfx-bro {
  width: 70%;
  margin: 0 auto;
  background-image: -o-linear-gradient(right, #ee1d4c 0px, #ae00b9 166px, #f04b28 332px, #ee1d4c 500px);
  background-image: linear-gradient(to left, #ee1d4c 0px, #ae00b9 166px, #f04b28 332px, #ee1d4c 500px);
  -webkit-animation: koolani 3s linear infinite;
  animation: koolani 3s linear infinite;
}
.page-404 .kool-gfx-bro .aspect {
  padding-bottom: 69%;
  background-image: url("/static/img/404.fad69d2748163e01d5a10bb035dbce63.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -2px;
}
.page-404 h1 {
  font-size: 120px;
  font-weight: 800;
}
.page-404 .icon-skull {
  font-size: 80px;
  color: #ccc;
  text-shadow: 0px 1px 0px white;
}
.page-404 .message {
  margin: 80px auto;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
}
.page-404 .message .icon-tubular {
  font-size: 80px;
  color: #f2144b;
}
.page-404 p {
  margin-bottom: 30px;
}

@-webkit-keyframes koolani {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -500px 0px;
  }
}
@keyframes koolani {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -500px 0px;
  }
}
/* prettier-ignore */

.auth-form {
  padding: 30px;
  min-height: 200px;
  margin: 18px 30px 0;
}
.auth-form .caps-lock-warning {
  margin-left: -25px;
}
.auth-form #form-password {
  padding-right: 30px;
}
@media screen and (max-width: 725px) {
  .auth-form {
    margin: 0 10%;
  }
}
@media screen and (max-width: 450px) {
  .auth-form {
    margin: 0;
  }
}
.auth-form .signup-header {
  width: 50%;
}
@media screen and (max-width: 725px) {
  .auth-form .signup-header {
    width: 100%;
  }
}
.auth-form .form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 725px) {
  .auth-form .info-container {
    display: none;
  }
}
.auth-form .info-container div {
  margin: 0 50px 50px 50px;
}
.auth-form .info-container .heading-panel {
  font-size: 24px;
}
.auth-form input,
.auth-form select,
.auth-form textarea {
  background-color: #fff;
}
.auth-form input,
.auth-form textarea,
.auth-form select {
  display: inline;
}
.auth-form .parsley-errors-list {
  display: block;
}
.auth-form input,
.auth-form textarea,
.auth-form select,
.auth-form .social-auth-buttons,
.auth-form .login-error {
  width: 220px;
  min-width: 100px;
  margin-left: 162px;
}
.auth-form .login-error {
  color: #c00;
  font-size: 12px;
}
.auth-form .social-auth-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding-top: 20px;
}
.auth-form .social-auth-buttons .facebook-auth-button {
  margin-bottom: 5px;
}
.auth-form .social-auth-buttons .facebook-auth-button a {
  width: 100%;
  color: white;
  font-size: 14px;
}
.auth-form .social-auth-buttons .facebook-auth-button a.disabled {
  background-color: #eee;
  color: #999;
}
.auth-form .social-auth-buttons .youtube-auth-button .youtube-auth {
  width: 100%;
  color: white;
  font-size: 14px;
  background-color: #cc181e;
  border-color: #cc181e;
  padding-right: 25px;
}
.auth-form .social-auth-buttons .youtube-auth-button .youtube-auth.disabled {
  background-color: #eee;
  border-color: #eee;
  color: #999;
}
.auth-form .social-auth-buttons .icon-youtube-play {
  color: white;
}
.auth-form input:not([type=submit]),
.auth-form textarea,
.auth-form select {
  margin: 0px;
}
.auth-form .parsley-errors-list {
  padding: 0px;
  color: #ed2f49;
}
.auth-form .label {
  margin-left: 162px;
  display: inline-block;
  margin-bottom: 30px;
}
.auth-form .big-button {
  display: block;
  margin-left: 125px;
  float: none;
  background: #f50052;
  color: white;
  border: none;
  padding: 10px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  height: auto;
  font-weight: 300;
  font-family: "FaricyNew", "Helvetica Neue", helveticaneue, helvetica, sans-serif;
  cursor: pointer;
  position: relative;
  clear: both;
}
.auth-form .big-button {
  display: inline;
  margin: 0px;
}
.auth-form .parsley-error {
  border: 1px solid #c00;
}
.auth-form .signin-banner {
  color: #00304c;
  color: #666;
  background: white;
  padding: 20px 20px 0;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}
.auth-form .signin-banner strong {
  color: #00304c;
}
.auth-form .hide-signin-banner {
  border: 1px solid;
  border-radius: 3px;
  font-size: 12px;
  float: right;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  margin-left: 10px;
}
.auth-form .hide-signin-banner:hover {
  text-decoration: none;
  background-color: #0873bb;
  color: white;
  border: 1px solid #0873bb;
}
.auth-form .additional-links {
  padding-left: 20px;
}
.auth-form .additional-links .heading-panel {
  margin-bottom: 20px;
}
.auth-form .additional-links .signin {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding-top: 20px;
  margin-top: 20px;
}

.parsley-errors-list {
  clear: both;
  padding: 0px;
  color: #ed2f49;
}

.waiting,
.contact,
.verify {
  line-height: 2;
}
.waiting .message,
.contact .message,
.verify .message {
  max-width: 600px;
  padding: 20px;
  margin: 50px auto 0;
}
.waiting .message h3.sub-heading,
.contact .message h3.sub-heading,
.verify .message h3.sub-heading {
  font-size: 20px;
}
.waiting .message h4.sub-heading.smaller,
.contact .message h4.sub-heading.smaller,
.verify .message h4.sub-heading.smaller {
  font-size: 16px;
}
.waiting .message.loading div h2,
.contact .message.loading div h2,
.verify .message.loading div h2 {
  text-align: center;
}
.waiting .message ul.info-link-list,
.contact .message ul.info-link-list,
.verify .message ul.info-link-list {
  margin: 0 0 20px 0;
}
.waiting .message ol.three-cs h5,
.contact .message ol.three-cs h5,
.verify .message ol.three-cs h5 {
  font-size: 16px;
  font-weight: bold;
}
.waiting .message .actors-list,
.contact .message .actors-list,
.verify .message .actors-list {
  margin-bottom: 20px;
}
.waiting .message .small-creator-info,
.contact .message .small-creator-info,
.verify .message .small-creator-info {
  font-size: 16px;
}
.waiting .message .confirmation .message-content,
.contact .message .confirmation .message-content,
.verify .message .confirmation .message-content {
  white-space: pre-wrap;
  font-style: italic;
}
.waiting .message .spinner-gray .ui-spinner-wrap .ui-spinner:after,
.contact .message .spinner-gray .ui-spinner-wrap .ui-spinner:after,
.verify .message .spinner-gray .ui-spinner-wrap .ui-spinner:after {
  background: #eceef1;
}
.waiting .message .post-verification-info,
.contact .message .post-verification-info,
.verify .message .post-verification-info {
  margin-top: 20px;
}
.waiting .message .post-verification-info .creators-search.white-box,
.contact .message .post-verification-info .creators-search.white-box,
.verify .message .post-verification-info .creators-search.white-box {
  width: auto;
  margin-bottom: 20px;
}
.waiting .sep,
.contact .sep,
.verify .sep {
  text-align: center;
}
.waiting .sep:after,
.contact .sep:after,
.verify .sep:after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 150px;
  background: white;
  margin: 20px 0 40px;
}
.waiting .heading-panel-alt,
.contact .heading-panel-alt,
.verify .heading-panel-alt {
  color: #999;
}
.waiting .button-row,
.contact .button-row,
.verify .button-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.waiting .button-row .button-container,
.contact .button-row .button-container,
.verify .button-row .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.waiting .button-row .button-container .button.primary,
.contact .button-row .button-container .button.primary,
.verify .button-row .button-container .button.primary {
  border: none;
}
.waiting .contact-text,
.contact .contact-text,
.verify .contact-text {
  height: 150px;
}

.youtube-account-container {
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.youtube-account-container .retry-button {
  position: absolute;
  top: 35px;
  right: 20px;
  padding: 0.7em 20px;
}

@media only screen and (max-width: 840px) {
  .plan,
.plan.free-plan {
    float: none;
    width: 80%;
    margin: 20px auto;
  }
  .plan ul,
.plan.free-plan ul {
    width: auto;
    float: none;
    text-align: center !important;
  }
}
.auth-button .icon-facebook-sign:before {
  color: white;
}

.input-group .facebook-auth {
  margin: 5px;
}

.input-group .white-signin {
  border-color: blue;
  border-width: 0.1rem;
}

.new-social-auth-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.new-social-auth-buttons .auth-button .button {
  font-family: "Neue Montreal", "faricy-new", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  border-color: #1c097a;
  border-width: 0.1rem;
  padding: 0 0.5rem;
  width: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.new-social-auth-buttons .auth-button .button .yt-login-icon {
  background: url("/static/public/img/yt_icon_rgb.svg") center/1.25rem no-repeat;
  height: 2.5rem;
  width: 2.5rem;
}
.new-social-auth-buttons .auth-button .button .yt-login-text {
  color: #ff0000;
}
.new-social-auth-buttons .auth-button .button .fb-login-icon {
  background: url("/static/public/img/fb_icon_rgb.svg") left/2.4rem no-repeat;
  width: 2rem;
  height: 2.5rem;
}
.new-social-auth-buttons .auth-button .button .ig-login-icon {
  background: url("/static/public/img/ig_icon_rgb.svg") right/2.4rem no-repeat;
  width: 2rem;
  height: 2.5rem;
}
.new-social-auth-buttons .auth-button .button .fb-login-text {
  color: #1778f2;
}
.new-social-auth-buttons .auth-button .button.disabled {
  border-color: #eee;
}
.new-social-auth-buttons .auth-button .button.disabled .fb-login-text,
.new-social-auth-buttons .auth-button .button.disabled .yt-login-text {
  color: #999;
}
.new-social-auth-buttons .auth-button.disabled {
  background-color: #eee;
}
/* prettier-ignore */

/* prettier-ignore */

.baseball-card {
  width: 632px;
  margin-left: -316px;
  margin-top: 50px;
  position: absolute;
  left: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}
.baseball-card article,
.baseball-card .article {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 0px 0px 20px 0px;
  float: left;
  width: 630px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
  border: none;
}
.baseball-card .user-header:after {
  content: "";
  display: table;
  clear: both;
}

/* Info Baseball Card Article
 * --------------------------- */
.info-baseball-card .title-lockup {
  display: block;
  margin: 0 20px;
  text-align: center;
}
.info-baseball-card .title-lockup .text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info-baseball-card .title-lockup .text-container span.beta {
  font-size: 12px;
  color: #f2144b;
  padding: 0 5px;
}
.info-baseball-card .info-image {
  display: block;
  text-align: center;
  margin: 50px;
  max-width: 100%;
  position: relative;
}
.info-baseball-card .info-image .tis-pin {
  position: absolute;
  bottom: 66px;
  text-align: center;
}
.info-baseball-card .info-image .tis-pin .pin-head {
  position: relative;
  left: -5px;
  margin-bottom: 7px;
  opacity: 1;
}
.info-baseball-card .info-image .tis-pin .pin {
  position: relative;
  bottom: 0;
  height: 120px;
  width: 1px;
  background-color: #00304c;
}
.info-baseball-card .info-image.social-reach-graph-image {
  background-image: url("/static/public/img/social-reach-clear-pointer.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 270px;
  width: 490px;
  max-width: 490px;
  margin: 10px 70px 40px 70px;
}
.info-baseball-card .info-text {
  display: block;
  margin: 20px;
}
.info-baseball-card .info-text .form-container {
  margin: 10px;
}
.info-baseball-card .info-text .form-container.enterprise-contact form {
  width: 70%;
  margin: 30px auto;
}
.info-baseball-card .info-text .form-container.enterprise-contact form div.question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-baseball-card .info-text .form-container.enterprise-contact form div.question span.label {
  text-align: right;
  width: 15%;
}
.info-baseball-card .info-text .form-container.enterprise-contact form div.question input,
.info-baseball-card .info-text .form-container.enterprise-contact form div.question textarea,
.info-baseball-card .info-text .form-container.enterprise-contact form div.question select {
  width: 80%;
}
.info-baseball-card .info-text .form-container.enterprise-contact form div.question textarea {
  height: 100px;
}
.info-baseball-card .info-text .form-container.creator-signin .tpl-alert.info,
.info-baseball-card .info-text .form-container.creator-signin .tpl-alert.warning,
.info-baseball-card .info-text .form-container.creator-signin .tpl-alert.success {
  margin: 10px 0;
}
.info-baseball-card .info-text .form-container div.grid-row.name-input-row {
  width: 110%;
}
.info-baseball-card .info-text .form-container div.grid-row.name-input-row input.name-input {
  width: 100%;
}
.info-baseball-card .info-text .form-container div.creator-signin-input {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-baseball-card .info-text .form-container div.creator-signin-input input.error {
  border-color: #cd5050;
  color: #cd5050;
}
.info-baseball-card .info-text .form-container div.creator-signin-input input.primary,
.info-baseball-card .info-text .form-container div.creator-signin-input input.disabled {
  width: 100%;
}
.info-baseball-card .info-text .text-container {
  margin-left: 10px;
  margin-right: 10px;
}
.info-baseball-card .info-text .text-container.confirmation, .info-baseball-card .info-text .text-container.error-alert {
  margin-top: 15px;
}
.info-baseball-card .info-text .text-container.confirmation h3, .info-baseball-card .info-text .text-container.error-alert h3 {
  font-size: 16px;
  font-weight: bold;
}
.info-baseball-card .info-text .text-container.confirmation .message-content, .info-baseball-card .info-text .text-container.error-alert .message-content {
  white-space: pre-wrap;
  font-style: italic;
}
.info-baseball-card .info-text .text-container .info-paragraph {
  margin: 10px 0 20px 0;
}
.info-baseball-card .info-text .text-container .info-list .grid-row {
  margin: 15px 0;
}
.info-baseball-card .info-text .text-container .info-list .grid-row .col-8 {
  font-size: 2em;
  text-align: center;
  vertical-align: top;
}
.info-baseball-card .info-text.call-to-action {
  text-align: center;
}
.info-baseball-card .info-text.call-to-action .form-info-alert {
  margin-bottom: 10px;
  text-align: left;
}
.info-baseball-card .info-text.call-to-action .question-row {
  width: 80%;
}
.info-baseball-card .info-text.call-to-action .question-row input:first-of-type {
  margin-right: 10px;
}
.info-baseball-card .info-text.call-to-action .text-container p {
  margin: 10px auto;
}
.info-baseball-card .info-text.call-to-action .signin-button {
  width: 70%;
  margin: 30px auto 10px;
}
.info-baseball-card .info-text.call-to-action .signin-button .button.primary {
  width: 376px;
  font-size: 16px;
}
.info-baseball-card.creator-signup {
  margin: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.info-baseball-card.creator-signup article {
  width: 100%;
}
.info-baseball-card.creator-signup .info-text .text-container,
.info-baseball-card.creator-signup .info-text .form-container {
  margin: 10px 0;
}
.info-baseball-card.creator-signup .info-text .text-container .info-list.tpl-alert .col-7-8,
.info-baseball-card.creator-signup .info-text .form-container .info-list.tpl-alert .col-7-8 {
  line-height: 3em;
}
.info-baseball-card.creator-signup .info-text .flex.auth-button-container.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-baseball-card.creator-signup .info-text .flex.auth-button-container.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.info-baseball-card.creator-signup .info-text .flex.auth-button-container .flex.auth-button {
  width: 48%;
}
.info-baseball-card.creator-signup .info-text div.button[class*=-auth] {
  font-size: 16px;
  color: white;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.info-baseball-card.creator-signup .info-text div.button.youtube-auth {
  background-color: #ff0000;
  border-color: #ff0000;
}
.info-baseball-card.creator-signup .info-text div.button.facebook-auth {
  background-color: #1877f2;
  border-color: #1877f2;
}
.info-baseball-card.creator-claimed .info-text .text-container {
  text-align: center;
}
.info-baseball-card.creator-claimed .info-text .text-container .lockup-container {
  margin: 10px auto;
}
.info-baseball-card.creator-claimed .info-text .text-container .lockup-container .name-lockup .name {
  text-align: left;
}

/* Video Baseball Card Article
 * --------------------------- */
.video-baseball-card .name-lockup {
  padding: 10px 20px;
  text-align: left;
  float: left;
  margin-bottom: 0;
}
.video-baseball-card .video-title {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: #00304c;
  text-transform: none;
}
.video-baseball-card .video-info {
  padding: 13px 20px 10px;
  float: right;
  text-align: right;
  color: #999;
  font-size: 11px;
}
.video-baseball-card .video-info i {
  margin-left: 10px;
}
.video-baseball-card .video-error {
  text-align: center;
  padding: 50px;
}
/* prettier-ignore */

/* prettier-ignore */

.creators-search {
  width: 908px;
  margin: 10px auto 5px;
  padding: 20px;
  position: relative;
  text-align: left;
}
.creators-search .leaderboard-link {
  padding-top: 5px;
  text-align: right;
}
.creators-search .leaderboard-link a {
  color: #0873bb;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

creator-claimable-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d7d7d7;
  background-color: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
creator-claimable-cta .section.claimable-cta.banner {
  position: initial;
  width: 908px;
  border: none;
}
creator-claimable-cta .section.claimable-cta.banner .close {
  top: 15px;
  right: 20px;
}
creator-claimable-cta .section.claimable-cta.banner .heading-banner span.free-green {
  font-weight: normal;
  font-style: italic;
  color: #67b219;
}
creator-claimable-cta .section.claimable-cta.banner .main-cta {
  width: 20%;
  text-align: center;
}

accumulated-metric-chart {
  display: block;
}
accumulated-metric-chart .no-metrics-data {
  background-image: url("/static/public/img/metrics-gray-blur.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 225px;
  width: 100%;
}
accumulated-metric-chart .no-metrics-data .text-container {
  padding-top: 10%;
  font-size: 20px;
  text-align: center;
}
accumulated-metric-chart.full-width .no-metrics-data {
  height: 300px;
}
accumulated-metric-chart .export-csv-container {
  text-align: right;
  margin-bottom: 5px;
}
accumulated-metric-chart .export-csv-container .export-csv {
  font-size: 12px;
}
accumulated-metric-chart .graph-container {
  height: 150px;
}
accumulated-metric-chart .path-group .data-line {
  stroke-width: 2;
}
accumulated-metric-chart .rollup-total {
  font-size: 18px;
  height: 30px;
}
accumulated-metric-chart .rollup-data {
  color: #999;
  height: 30px;
}
accumulated-metric-chart .rollup-data .data,
accumulated-metric-chart .rollup-data .time {
  font-size: 18px;
}
accumulated-metric-chart .rollup-data .join {
  font-size: 15px;
}
accumulated-metric-chart .axis-group line {
  stroke: #f7f7f7;
}
accumulated-metric-chart.views .y-axis.right, accumulated-metric-chart.video-views .y-axis.right {
  fill: #e2ba1c;
}
accumulated-metric-chart.views .path-group .data-line, accumulated-metric-chart.video-views .path-group .data-line {
  stroke: #e2ba1c;
}
accumulated-metric-chart.views .rollup-total, accumulated-metric-chart.video-views .rollup-total {
  color: #e2ba1c;
}
accumulated-metric-chart.views .legend .icon-minus, accumulated-metric-chart.video-views .legend .icon-minus {
  color: #e2ba1c;
}
accumulated-metric-chart.views .axis-group line, accumulated-metric-chart.video-views .axis-group line {
  stroke: rgba(228, 210, 6, 0.5);
}
accumulated-metric-chart.video-views .bar-group rect {
  fill: #ccc;
}
accumulated-metric-chart.subscribers .y-axis.right {
  fill: #bd8cbf;
}
accumulated-metric-chart.subscribers .path-group .data-line {
  stroke: #bd8cbf;
}
accumulated-metric-chart.subscribers .rollup-total {
  color: #bd8cbf;
}
accumulated-metric-chart.subscribers .legend .icon-minus {
  color: #bd8cbf;
}
accumulated-metric-chart.subscribers .axis-group line {
  stroke: rgba(188, 141, 190, 0.5);
}
accumulated-metric-chart .hover-box {
  opacity: 0;
}
accumulated-metric-chart .path-group .data-line {
  stroke: black;
  fill: none;
}
accumulated-metric-chart .axis-group .y-axis,
accumulated-metric-chart .axis-group .x-axis {
  font-family: "helvetica neue", helvetica, arial sans-serif;
  font-size: 10px;
  fill: #999;
}
accumulated-metric-chart .bar-group rect {
  fill: #f2f2f2;
}
accumulated-metric-chart .bar-group rect.highlight {
  fill: #999;
}
accumulated-metric-chart .chart-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
accumulated-metric-chart .chart-header .tpl-tooltip-target {
  font-size: 10px;
  vertical-align: super;
}
accumulated-metric-chart .chart-header .tpl-tooltip-target .tpl-tooltip-top {
  width: 150px;
  margin-left: -76px;
}
accumulated-metric-chart .chart-header .time-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
accumulated-metric-chart .chart-header .time-toggle .toggle {
  color: #999;
  border: 1px solid #eceef1;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-right: none;
}
accumulated-metric-chart .chart-header .time-toggle .toggle.active {
  color: #666;
  background-color: #eceef1;
}
accumulated-metric-chart .chart-header .time-toggle .toggle:first-of-type {
  border-radius: 2px 0 0 2px;
}
accumulated-metric-chart .chart-header .time-toggle .toggle:last-of-type {
  border-right: 1px solid #eceef1;
  border-radius: 0 2px 2px 0;
}
accumulated-metric-chart .rollup-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
accumulated-metric-chart .rollup-info .legend {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}
accumulated-metric-chart .rollup-info .legend .icon-signal {
  color: #ccc;
}
accumulated-metric-chart .rollup-info .legend [class^=icon-] {
  margin-right: 4px;
}
accumulated-metric-chart .rollup-info .legend .item:first-child {
  margin-right: 10px;
}

.pull-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: none !important;
}
/* prettier-ignore */

/* prettier-ignore */

/* prettier-ignore */

.page-dashboard {
  width: 95%;
  margin: 18px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-dashboard .button-width {
  min-width: 115px;
}
.page-dashboard .position-date-range-picker {
  position: relative;
  padding-bottom: 5px;
  z-index: 100;
}
.page-dashboard .position-date-range-picker .dropdown .dropdown-toggle {
  display: block;
}
.page-dashboard .alert-initializing {
  border: none;
  padding: 25px 25px 0;
  margin: none 0;
}
.page-dashboard .alert-initializing p {
  margin-bottom: 10px;
}
.page-dashboard .dashboard-list {
  min-width: 240px;
  max-width: 240px;
  border: 1px solid #d7d7d7;
  background-color: white;
  margin-right: 5px;
  position: relative;
  border-radius: 3px;
  padding-bottom: 50px;
}
.page-dashboard .dashboard-list .dashboard-list-group h4 {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 3px 10px 2px;
}
.page-dashboard .dashboard-list .dashboard-list-group h4:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #f5f5f5;
  margin: 10px 0;
}
.page-dashboard .dashboard-list .dashboard-list-group h4 .icon-question-sign {
  color: #ccc;
  float: right;
}
.page-dashboard .dashboard-list .dashboard-list-group h4 .tpl-tooltip-right {
  width: 160px;
  margin-top: -49px;
}
.page-dashboard .dashboard-list .dashboard-list-group.channels h4 {
  margin-top: 10px;
}
.page-dashboard .dashboard-list .dashboard-list-group.channels h4:before {
  display: none;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link {
  position: relative;
  font-size: 0px;
  padding: 5px 3px 5px 25px;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link .icon-ok-sign {
  font-size: 12px;
  color: #ccc;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 20px;
  height: 10px;
  width: 10px;
  text-align: center;
  line-height: 10px;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link:hover {
  text-decoration: none;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link:hover .active-indicator {
  opacity: 1;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link:hover .icon-ok-sign {
  color: #f2144b;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link:hover.disabled {
  cursor: default;
  opacity: 0.3;
  color: #888;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link .text-container {
  width: 120px;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link .text-container .name,
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link .text-container .sub-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link.dashboard-add-link {
  display: block;
  margin: 10px 20px;
  border: 1px dashed #eee;
  text-align: center;
  border-radius: 3px;
  padding: 8px 0;
  color: #999;
  font-size: 12px;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link.dashboard-add-link:after {
  content: "";
  display: table;
  clear: both;
}
.page-dashboard .dashboard-list .dashboard-list-group .dashboard-link.dashboard-add-link:hover {
  border: 1px dashed #d7d7d7;
}
.page-dashboard .dashboard-list .dashboard-list-group .compare-all-link {
  padding: 5px 3px 5px 15px;
}
.page-dashboard .dashboard-list .dashboard-list-group .currently-active {
  background: #f5f6f8;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-list .group-container {
  padding: 10px;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-list .group-container .text-container {
  position: relative;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-list .group-container .text-container .group-title {
  cursor: text;
  max-width: 90%;
  position: relative;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-list .group-container .text-container .group-title .dropdown .icon-cog {
  position: absolute;
  top: -22px;
  right: 10px;
  color: #d7d7d7;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-list .group-container .text-container .group-title .inline-input {
  width: inherit;
  margin-bottom: 5px;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title {
  min-width: 0;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .inline-input {
  width: 90%;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .text-container {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .text-container .name {
  display: table;
  table-layout: fixed;
  width: 75%;
  white-space: nowrap;
  cursor: pointer;
  color: #0873bb;
  font-size: 14px;
  font-weight: normal;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .text-container .name > * {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: table-cell;
  overflow: hidden;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .text-container .ss-type-subtitle {
  color: #666;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title .text-container .icon-cog {
  visibility: hidden;
}
.page-dashboard .dashboard-list .dashboard-list-group .item-title:hover .icon-cog {
  visibility: visible;
}
.page-dashboard .dashboard-list .dashboard-list-group .sortable-list.empty-group {
  height: 80px;
  border: 1px dashed #eceef1;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li {
  margin: 0 -10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li.currently-active {
  background: #f5f6f8;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li .icon-reorder {
  font-size: 20px;
  color: #ccc;
  margin-top: -12px;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 10px;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li .icon-remove-sign {
  font-size: 20px;
  color: #ccc;
  margin-top: -12px;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 10px;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li .icon-reorder-long {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -8px;
  cursor: move;
  font-size: 16px;
  line-height: 1;
  color: #d7d7d7;
  display: block;
  height: 16px;
  width: 16px;
}
.page-dashboard .dashboard-list .dashboard-list-group .group-li .dropdown-toggle.icon-cog {
  margin-left: 3px;
  margin-right: 18px;
  color: #ccc;
}
.page-dashboard .dashboard-list .dashboard-list-group.playlists .text-container {
  width: 118px;
}
.page-dashboard .dashboard-list .dashboard-settings-link {
  text-align: center;
  padding: 10px 0;
  background: white;
  color: #999;
  font-size: 12px;
  position: absolute;
  border-radius: 0px 0px 3px 3px;
  bottom: 0;
  width: 240px;
}
.page-dashboard .dashboard-list .dashboard-settings-link.fixed {
  position: fixed;
}
.page-dashboard .dashboard-list .dashboard-settings-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: 0px;
  height: 2px;
  -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1);
}
.page-dashboard .dashboard-list .dashboard-settings-link:hover {
  text-decoration: none;
  color: #0873bb;
}
.page-dashboard .the-dashboard {
  border: 1px solid #d7d7d7;
  background-color: white;
  margin-left: 5px;
  position: relative;
  padding-bottom: 50px;
  border-radius: 3px;
  width: 100%;
}
.page-dashboard .the-dashboard .name-lockup.hero {
  display: block;
  text-align: center;
  margin-top: 70px;
}
.page-dashboard .the-dashboard .article-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.page-dashboard .the-dashboard .article-cols .col-2 {
  width: 50%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #d7d7d7;
}
.page-dashboard .the-dashboard .article-cols .col-2:last-of-type {
  border-right: none;
  border-left: 1px solid #d7d7d7;
}
.page-dashboard .the-dashboard video-filmstrip {
  text-align: center;
}
.page-dashboard .the-dashboard video-filmstrip h3 {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.page-dashboard .the-dashboard video-filmstrip h3 em {
  font-style: normal;
  background: #fff;
  padding: 0 10px;
  position: relative;
}
.page-dashboard .the-dashboard video-filmstrip h3:before {
  content: "";
  display: block;
  border-top: 1px solid #e1e1e1;
  position: relative;
  top: 7px;
}
.page-dashboard .the-dashboard article h5 {
  color: #888;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}
.page-dashboard .the-dashboard article h5 a {
  text-transform: none;
  float: right;
  font-weight: normal;
}
.page-dashboard .the-dashboard article h5 a .arrow {
  font-size: 13px;
}
.page-dashboard .the-dashboard article h4 {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: #eee;
  padding: 0px 10px;
  height: 16px;
  line-height: 17px;
  position: relative;
  text-align: left;
}
.page-dashboard .the-dashboard article h4 .more-link {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  cursor: pointer;
  background-color: #0873bb;
  color: white;
  font-size: 11px;
  line-height: 16px;
  width: 42px;
}
.page-dashboard .the-dashboard article .article-content-wrap {
  padding: 16px 16px 50px;
  position: relative;
}
.page-dashboard .the-dashboard article .article-content-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.page-dashboard .the-dashboard article .article-content-wrap > .flip-in {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash {
  margin: 0 auto;
  clear: both;
  width: 364px;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash:after {
  content: "";
  display: table;
  clear: both;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash a {
  background: #eee;
  float: left;
  display: block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 120px;
  color: #00304c;
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash a:hover {
  text-decoration: none;
  color: #0873bb;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash a:first-child {
  margin-right: 2px;
  border-radius: 3px 0 0 3px;
}
.page-dashboard .the-dashboard .tool-tabs-in-dash a:last-child {
  margin-left: 2px;
  border-radius: 0 3px 3px 0;
}

.popover.confirmation-tooltip {
  text-align: center;
  padding: 20px;
  width: 170px;
  background: white;
  color: #aaa;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  position: relative;
  background: white;
  border: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.popover.confirmation-tooltip:after, .popover.confirmation-tooltip:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.popover.confirmation-tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.popover.confirmation-tooltip:before {
  border-color: rgba(215, 215, 215, 0);
  border-right-color: #d7d7d7;
  border-width: 7px;
  top: 50%;
  margin-top: -7px;
}
.popover.confirmation-tooltip .text-container {
  margin-bottom: 15px;
  font-size: 1.1em;
  line-height: 1.1em;
}
.popover.confirmation-tooltip .popover-content {
  position: relative;
}
.popover.confirmation-tooltip .confirmbutton-no {
  position: absolute;
  top: -19px;
  right: -13px;
  cursor: pointer;
}

.brand-dashboard {
  display: block;
  border: 1px solid #d7d7d7;
  background-color: white;
  position: relative;
  padding-bottom: 50px;
  border-radius: 3px;
  width: 100%;
  padding: 10px 10px 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 5px;
}
.brand-dashboard .export-csv-compare {
  font-size: 12px;
  z-index: 1;
}
.brand-dashboard .export-csv {
  font-size: 12px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.brand-dashboard .overview-stats {
  padding: 20px 0 30px;
  border-bottom: 1px solid #d7d7d7;
}
.brand-dashboard .graph-wrap {
  position: relative;
}
.brand-dashboard .graph-wrap .heading-section {
  margin-bottom: 20px;
}
.brand-dashboard .graph-wrap .unprocessed-notice {
  display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  color: #666;
  font-size: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-dashboard .graph-wrap.unprocessed .unprocessed-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-dashboard .trim {
  color: #f2144b;
  cursor: default;
}

.brand-dashboard section,
.brand-dashboard .section {
  margin: 0px 5px 15px;
}
.brand-dashboard section:last-child,
.brand-dashboard .section:last-child {
  margin-bottom: 0px;
}
.brand-dashboard section:last-child header,
.brand-dashboard .section:last-child header {
  padding-top: 16px;
}
.brand-dashboard section .alert-initializing,
.brand-dashboard .section .alert-initializing {
  border: 1px solid #21a1e1;
  margin-top: 40px;
  padding: 30px;
}
.brand-dashboard section h1,
.brand-dashboard .section h1 {
  color: #00304c;
  width: 100%;
  font-family: faricy-new, "helvetica neue", helvetica, arial sans-serif;
  font-weight: 200;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-dashboard section table.small-data-table,
.brand-dashboard .section table.small-data-table {
  margin-top: 25px;
}
.brand-dashboard section table.small-data-table tr:first-child,
.brand-dashboard .section table.small-data-table tr:first-child {
  height: 20px;
}
.brand-dashboard section table.small-data-table td.data,
.brand-dashboard section table.small-data-table td.engagements,
.brand-dashboard .section table.small-data-table td.data,
.brand-dashboard .section table.small-data-table td.engagements {
  font-size: 18px;
  font-weight: 300;
}
.brand-dashboard section table.small-data-table th,
.brand-dashboard .section table.small-data-table th {
  font-size: 11px;
  color: #999;
  vertical-align: baseline;
}
.brand-dashboard section table.small-data-table th i,
.brand-dashboard .section table.small-data-table th i {
  margin-right: 3px;
}
.brand-dashboard section table.small-data-table th .icon-youtube-play,
.brand-dashboard .section table.small-data-table th .icon-youtube-play {
  color: #ff0000;
}
.brand-dashboard section table.small-data-table th .icon-facebook-sign,
.brand-dashboard .section table.small-data-table th .icon-facebook-sign {
  color: #1877f2;
}
.brand-dashboard section table.small-data-table th .icon-twitter,
.brand-dashboard .section table.small-data-table th .icon-twitter {
  color: #1da1f2;
}
.brand-dashboard section table.small-data-table th .icon-tubular-mark,
.brand-dashboard .section table.small-data-table th .icon-tubular-mark {
  color: #f2144b;
}
.brand-dashboard section table.small-data-table .main,
.brand-dashboard .section table.small-data-table .main {
  text-align: left;
  width: auto;
  max-width: 275px;
}
.brand-dashboard section table.small-data-table .main .index,
.brand-dashboard .section table.small-data-table .main .index {
  font-size: 18px;
  margin-right: 10px;
}
.brand-dashboard section table.small-data-table .main .video,
.brand-dashboard .section table.small-data-table .main .video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand-dashboard section table.small-data-table .main .video .video-detail,
.brand-dashboard .section table.small-data-table .main .video .video-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand-dashboard section table.small-data-table .main .video .video-detail .thumbnail,
.brand-dashboard .section table.small-data-table .main .video .video-detail .thumbnail {
  width: 60px;
  height: 35px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.brand-dashboard section table.small-data-table .main .video .video-detail .text,
.brand-dashboard .section table.small-data-table .main .video .video-detail .text {
  margin-left: 10px;
  overflow-x: hidden;
  font-size: 11px;
  color: #666;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.brand-dashboard section table.small-data-table .main .video .video-detail .text .channel:hover,
.brand-dashboard section table.small-data-table .main .video .video-detail .text .video-title:hover,
.brand-dashboard .section table.small-data-table .main .video .video-detail .text .channel:hover,
.brand-dashboard .section table.small-data-table .main .video .video-detail .text .video-title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.brand-dashboard section table.small-data-table .main .video .video-detail .text .video-title,
.brand-dashboard .section table.small-data-table .main .video .video-detail .text .video-title {
  color: #0873bb;
  font-size: 13px;
}
.brand-dashboard section .box,
.brand-dashboard .section .box {
  border: 1px solid #f0f0f0;
  padding: 5px 0;
  border-radius: 5px;
  padding: 5px 15px;
}
.brand-dashboard section .box .title,
.brand-dashboard .section .box .title {
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #f0f0f0;
  color: #666;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #999;
}
.brand-dashboard section .box .all-stats,
.brand-dashboard .section .box .all-stats {
  margin-top: 10px;
}
.brand-dashboard section .box .all-stats .row,
.brand-dashboard .section .box .all-stats .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.brand-dashboard section .box .all-stats .stat,
.brand-dashboard .section .box .all-stats .stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.brand-dashboard section .box .all-stats .stat:not(:last-of-type),
.brand-dashboard .section .box .all-stats .stat:not(:last-of-type) {
  border-right: 1px solid #f0f0f0;
}
.brand-dashboard section .box .all-stats .stat .metric,
.brand-dashboard .section .box .all-stats .stat .metric {
  color: #999;
  font-size: 12px;
}
.brand-dashboard section .box .all-stats .stat .value,
.brand-dashboard .section .box .all-stats .stat .value {
  color: #666;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
}
.brand-dashboard section .box .all-stats .column,
.brand-dashboard .section .box .all-stats .column {
  font-size: 13px;
}
.brand-dashboard section header,
.brand-dashboard .section header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  width: auto;
  z-index: auto;
}
.brand-dashboard section header.large,
.brand-dashboard .section header.large {
  margin: 30px 0 20px 0;
  background-color: transparent;
}
.brand-dashboard section header .pagination,
.brand-dashboard .section header .pagination {
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.brand-dashboard section header .pagination button::before,
.brand-dashboard .section header .pagination button::before {
  margin: 0;
}
.brand-dashboard section .tools,
.brand-dashboard .section .tools {
  margin-top: 15px;
}
.brand-dashboard section intelligence-dashboard-graph,
.brand-dashboard .section intelligence-dashboard-graph {
  display: block;
  position: relative;
}
.brand-dashboard section intelligence-dashboard-graph.unprocessed,
.brand-dashboard .section intelligence-dashboard-graph.unprocessed {
  -webkit-filter: blur(8px);
  filter: blur(8px);
  pointer-events: none;
}
.brand-dashboard section intelligence-dashboard-graph .no-data,
.brand-dashboard .section intelligence-dashboard-graph .no-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 0;
}
.brand-dashboard section intelligence-dashboard-graph .donut-graphs,
.brand-dashboard .section intelligence-dashboard-graph .donut-graphs {
  height: 270px;
  width: 100%;
}
.brand-dashboard section intelligence-dashboard-graph .donut-graphs .top,
.brand-dashboard .section intelligence-dashboard-graph .donut-graphs .top {
  fill: #777;
  font-size: 12px;
}
.brand-dashboard section intelligence-dashboard-graph .donut-graphs .middle,
.brand-dashboard .section intelligence-dashboard-graph .donut-graphs .middle {
  fill: #555;
  font-size: 20px;
}
.brand-dashboard section intelligence-dashboard-graph .donut-graphs .bottom,
.brand-dashboard .section intelligence-dashboard-graph .donut-graphs .bottom {
  fill: #777;
  font-size: 12px;
}
.brand-dashboard section intelligence-dashboard-graph .donut-graphs .marker,
.brand-dashboard .section intelligence-dashboard-graph .donut-graphs .marker {
  fill: #777;
  font-size: 12px;
}
.brand-dashboard section intelligence-dashboard-graph .graph,
.brand-dashboard .section intelligence-dashboard-graph .graph {
  width: 100%;
  height: 270px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .hover-box,
.brand-dashboard .section intelligence-dashboard-graph .graph .hover-box {
  opacity: 0;
  cursor: pointer;
}
.brand-dashboard section intelligence-dashboard-graph .graph .axes,
.brand-dashboard .section intelligence-dashboard-graph .graph .axes {
  shape-rendering: crispEdges;
}
.brand-dashboard section intelligence-dashboard-graph .graph .axes text,
.brand-dashboard .section intelligence-dashboard-graph .graph .axes text {
  fill: #aaa;
  font-family: "helvetica neue", helvetica, arial sans-serif;
  font-size: 10px;
}
.brand-dashboard section intelligence-dashboard-graph .graph line.y-axis,
.brand-dashboard .section intelligence-dashboard-graph .graph line.y-axis {
  stroke: #f7f7f7;
  stroke-width: 1px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .x-axis .domain,
.brand-dashboard .section intelligence-dashboard-graph .graph .x-axis .domain {
  stroke: #dedede;
  stroke-width: 1px;
  fill: none;
}
.brand-dashboard section intelligence-dashboard-graph .graph .lines path,
.brand-dashboard .section intelligence-dashboard-graph .graph .lines path {
  stroke-width: 2px;
  fill: none;
}
.brand-dashboard section intelligence-dashboard-graph .graph .click-indicators line,
.brand-dashboard .section intelligence-dashboard-graph .graph .click-indicators line {
  stroke: #aaa;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .click-indicators .click-target line,
.brand-dashboard .section intelligence-dashboard-graph .graph .click-indicators .click-target line {
  stroke-width: 3px;
  stroke: white;
}
.brand-dashboard section intelligence-dashboard-graph .graph .click-indicators .click-target circle,
.brand-dashboard .section intelligence-dashboard-graph .graph .click-indicators .click-target circle {
  fill: #21a0e0;
}
.brand-dashboard section intelligence-dashboard-graph .graph .click-indicators .flag,
.brand-dashboard .section intelligence-dashboard-graph .graph .click-indicators .flag {
  fill: #002f4c;
}
.brand-dashboard section intelligence-dashboard-graph .graph .click-indicators .flag-text,
.brand-dashboard .section intelligence-dashboard-graph .graph .click-indicators .flag-text {
  font-size: 12px;
  fill: white;
}
.brand-dashboard section intelligence-dashboard-graph .graph .day,
.brand-dashboard .section intelligence-dashboard-graph .graph .day {
  fill: #fff;
  stroke: #ccc;
}
.brand-dashboard section intelligence-dashboard-graph .graph .day .click-target line,
.brand-dashboard .section intelligence-dashboard-graph .graph .day .click-target line {
  stroke-width: 3px;
  stroke: white;
}
.brand-dashboard section intelligence-dashboard-graph .graph .day .click-target circle,
.brand-dashboard .section intelligence-dashboard-graph .graph .day .click-target circle {
  fill: #21a0e0;
}
.brand-dashboard section intelligence-dashboard-graph .graph .day .flag,
.brand-dashboard .section intelligence-dashboard-graph .graph .day .flag {
  fill: #002f4c;
}
.brand-dashboard section intelligence-dashboard-graph .graph .day .flag-text,
.brand-dashboard .section intelligence-dashboard-graph .graph .day .flag-text {
  font-size: 12px;
  fill: white;
}
.brand-dashboard section intelligence-dashboard-graph .graph .month,
.brand-dashboard .section intelligence-dashboard-graph .graph .month {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q0,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q0 {
  fill: #fee0d2;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q1,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q1 {
  fill: #fcbba1;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q2,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q2 {
  fill: #fc9272;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q3,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q3 {
  fill: #fb6a4a;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q4,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q4 {
  fill: #ef3b2c;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q5,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q5 {
  fill: #cb181d;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q6,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q6 {
  fill: #a50f15;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .q7,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .q7 {
  fill: #67000d;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq0,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq0 {
  fill: #9ecae1;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq1,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq1 {
  fill: #6baed6;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq2,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq2 {
  fill: #4292c6;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq3,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq3 {
  fill: #2171b5;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq4,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq4 {
  fill: #08519c;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq5,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq5 {
  fill: #08306b;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq6,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq6 {
  fill: #08306b;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .graph .RdYlGn .bq7,
.brand-dashboard .section intelligence-dashboard-graph .graph .RdYlGn .bq7 {
  fill: #08306b;
  stroke: #000;
  stroke-width: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .sub-row,
.brand-dashboard .section intelligence-dashboard-graph .sub-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-dashboard section intelligence-dashboard-graph .sub-row > div:not(:last-child),
.brand-dashboard .section intelligence-dashboard-graph .sub-row > div:not(:last-child) {
  margin-right: 10px;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend,
.brand-dashboard .section intelligence-dashboard-graph .search-legend {
  width: 85%;
  margin-bottom: 20px;
  margin-left: 75px;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend tr.ng-leave,
.brand-dashboard .section intelligence-dashboard-graph .search-legend tr.ng-leave {
  display: none;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend tr.platform,
.brand-dashboard .section intelligence-dashboard-graph .search-legend tr.platform {
  opacity: 1;
  -webkit-transition: opacity, 0.5s;
  -o-transition: opacity, 0.5s;
  transition: opacity, 0.5s;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend tr.platform.inactive,
.brand-dashboard .section intelligence-dashboard-graph .search-legend tr.platform.inactive {
  opacity: 0.2;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend td,
.brand-dashboard .section intelligence-dashboard-graph .search-legend td {
  border-right: 1px solid #f0f0f0;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend td:not(:first-of-type),
.brand-dashboard .section intelligence-dashboard-graph .search-legend td:not(:first-of-type) {
  width: 18.33%;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .stat,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .stat {
  font-size: 18px;
  text-align: right;
  padding-right: 16px;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend thead,
.brand-dashboard .section intelligence-dashboard-graph .search-legend thead {
  color: #999;
  font-size: 12px;
  text-align: right;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend thead td,
.brand-dashboard .section intelligence-dashboard-graph .search-legend thead td {
  padding-right: 16px;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend thead td.highlight,
.brand-dashboard .section intelligence-dashboard-graph .search-legend thead td.highlight {
  color: #222;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .col-name,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .col-name {
  width: 25%;
  padding: 15px 10px 0 0;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .col-name:hover .icon-remove-sign,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .col-name:hover .icon-remove-sign {
  opacity: 1;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .col-name .name,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .col-name .name {
  color: #999;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .col-name .icon-remove-sign,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .col-name .icon-remove-sign {
  opacity: 0;
  color: #999;
  cursor: pointer;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .col-name .icon-remove-sign.hidden,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .col-name .icon-remove-sign.hidden {
  visibility: hidden;
  pointer-events: none;
}
.brand-dashboard section intelligence-dashboard-graph .search-legend .controls td,
.brand-dashboard .section intelligence-dashboard-graph .search-legend .controls td {
  border: none;
  padding: 15px 30px 0 0;
}
.brand-dashboard section intelligence-dashboard-graph .add-comparison .dropdown-toggle,
.brand-dashboard .section intelligence-dashboard-graph .add-comparison .dropdown-toggle {
  color: #999;
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
}
.brand-dashboard section intelligence-dashboard-graph .add-comparison h4,
.brand-dashboard .section intelligence-dashboard-graph .add-comparison h4 {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 5px 0;
}

.intelligence-dashboard-tooltip {
  border: 1px solid #d7d7d7;
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  padding: 8px;
  background-color: white;
  pointer-events: none;
}
.intelligence-dashboard-tooltip .icon-circle,
.intelligence-dashboard-tooltip .name {
  margin-right: 6px;
}

intelligence-dashboard-demographics {
  display: block;
}
intelligence-dashboard-demographics header {
  margin-bottom: 30px;
}
intelligence-dashboard-demographics header .icon-info-sign {
  font-size: 12px;
  cursor: pointer;
}
intelligence-dashboard-demographics h3 {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bolder;
}
intelligence-dashboard-demographics .demographics-container {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
intelligence-dashboard-demographics .demographics-container .advert-state {
  margin-top: 0;
  padding-top: 0;
}
intelligence-dashboard-demographics .gender-container {
  -webkit-box-flex: 2;
  box-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 0 20px 0 0;
}
intelligence-dashboard-demographics .gender-container .no-gender-data {
  background-image: url("/static/public/img/gender-demographics-blur.png");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 20px;
  height: 90px;
  width: 430px;
  text-align: center;
  padding: 50px 0;
}
intelligence-dashboard-demographics .location-container {
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 5px 0 20px;
  border-left: 1px solid #ebebeb;
}
intelligence-dashboard-demographics .location-container .no-location-data {
  background-image: url("/static/public/img/location-demographics-blur.png");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 20px;
  height: 120px;
  width: 200px;
  text-align: center;
  padding: 50px 0;
}
intelligence-dashboard-demographics .location-container .demo-location-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
intelligence-dashboard-demographics .location-container .demo-location-header .icon-youtube-play {
  color: #ff0000;
  padding-right: 0.5rem;
}
intelligence-dashboard-demographics .powered {
  font-size: 10px;
}
intelligence-dashboard-demographics .powered span {
  font-weight: 700;
}

saved-search-list {
  display: block;
}
@charset "UTF-8";
/* prettier-ignore */

/* prettier-ignore */

platform-filter-group {
  display: block;
}
platform-filter-group h2 {
  font-size: 14px;
  font-weight: bold;
}
platform-filter-group .header {
  padding-left: 10px;
  border-left: 2px solid #eee;
}
platform-filter-group .filters {
  padding: 20px 0 0 10px;
  border-left: 2px solid #eee;
}
platform-filter-group .filter-youtube {
  border-color: #ff0000;
}
platform-filter-group .filter-facebook {
  border-color: #1877f2;
}
platform-filter-group .filter-twitter {
  border-color: #1da1f2;
}
platform-filter-group .filter-instagram {
  border-color: #c13584;
}
platform-filter-group .filter-twitch {
  border-color: #6441a4;
}
platform-filter-group .icon-warning-sign,
platform-filter-group .icon-info-sign {
  color: #9b9b9b;
}

.page-intelligence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 18px 30px 0;
  width: 95%;
}
.page-intelligence .trending-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-intelligence .trending-tab .material-symbols-outlined {
  font-size: 20px;
}
.page-intelligence .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-intelligence .content .filter-column {
  width: 220px;
  padding-right: 20px;
  position: relative;
  padding-bottom: 70px;
  min-width: 0;
}
.page-intelligence .content .filter-column.hidden {
  visibility: hidden;
}
.page-intelligence .content .filter-column .facet-actions {
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  margin-top: 10px;
  font-size: 0;
}
.page-intelligence .content .filter-column .facet-actions > span {
  font-size: 14px;
  margin-right: 10px;
}
.page-intelligence .content .filter-column .facet-actions.fixed {
  position: fixed;
  z-index: 2;
  border-top: 1px solid #ddd;
  background-color: white;
  width: 210px;
}
.page-intelligence .demographics-data tr:last-child td {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.page-intelligence .demographics-data td:first-child {
  text-align: left;
}
.page-intelligence table.big-table {
  width: 100%;
  margin-left: 10px;
}
.page-intelligence table.big-table thead th {
  font-size: 13px;
  color: #999;
  padding-bottom: 10px;
}
.page-intelligence table.big-table tbody td {
  text-align: center;
  font-size: 13px;
}
.page-intelligence table.big-table tbody td:first-child {
  color: #999;
}
.page-intelligence table.big-table tbody td:not(:last-child) {
  border-right: 1px solid #ccc;
}
.page-intelligence table.big-table tbody tr:nth-child(2) {
  line-height: 50px;
}
.page-intelligence .search-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 72;
  -ms-flex: 72;
  flex: 72;
  min-width: 0;
}
.page-intelligence .search-column .search-box-lockup input[type=search] {
  border-right: 1px solid #d7d7d7;
  border-radius: 3px 0px 0px 3px;
}
.page-intelligence .search-column .search-box-lockup input[type=search]:focus {
  border-color: #0873bb;
}
.page-intelligence .search-column .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0 10px;
}
.page-intelligence .search-column .controls.hidden {
  display: none;
}
.page-intelligence .search-column .controls .csv-download,
.page-intelligence .search-column .controls .results-sort {
  font-family: faricy-new, "helvetica neue", helvetica, "arial sans-serif";
  font-weight: 400;
  font-size: 13px;
}
.page-intelligence .search-column .controls .button.no-margin {
  margin-right: 0;
}
.page-intelligence .search-column .big-checkbox.action {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: #f5f5f5;
  padding: 6px 10px;
}
.page-intelligence .search-column .big-checkbox.action span {
  margin: 0 10px;
}
.page-intelligence .search-column .loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-intelligence .search-column h4 {
  font-size: 16px;
  line-height: normal;
  margin: 0 0 20px 40px;
}
.page-intelligence .search-column .search-extras {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.page-intelligence .search-column .search-extras:not(:first-child) {
  margin-top: 12px;
}
.page-intelligence .search-column .search-summary {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
}
.page-intelligence .search-column .search-summary .icon-info-sign {
  color: #999;
}
.page-intelligence .search-column .results-sort {
  min-width: 0;
  padding-right: 25px;
}
.page-intelligence .results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-intelligence .results .load-more {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}
.page-intelligence .results .load-more .disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  color: #aaa;
}
.page-intelligence .results .pane {
  margin-bottom: 20px;
}
.page-intelligence .results .main-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
.page-intelligence .results .main-data .row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 13px;
}
.page-intelligence .results .main-data .row-1 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
}
.page-intelligence .results .main-data .row-1 > div:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.page-intelligence .results .main-data .row-1 .check {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  color: #999;
}
.page-intelligence .results .main-data .row-1 .check input[type=checkbox] {
  outline: none;
  cursor: pointer;
}
.page-intelligence .results .main-data .row-1 .check input[type=checkbox]:after {
  font-size: 16px;
  color: #999;
  font-family: "font-awesomer";
  content: "";
}
.page-intelligence .results .main-data .row-1 .check input[type=checkbox]:checked:after {
  content: "";
  color: #0873bb;
}
.page-intelligence .results .main-data .row-1 .comment {
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 80%;
}
.page-intelligence .results .main-data .row-1 .comment .video-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  margin-bottom: 20px;
}
.page-intelligence .results .main-data .row-1 .comment .video-details .image-container {
  height: 55px;
  width: 100px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-intelligence .results .main-data .row-1 .comment .video-details .video-description {
  width: 80%;
  margin-left: 15px;
  font-size: 16px;
}
.page-intelligence .results .main-data .row-1 .comment .video-details .video-description .video-title {
  width: 100%;
  color: #0873bb;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.page-intelligence .results .main-data .row-1 .comment .video-details .video-description .by {
  font-size: 12px;
}
.page-intelligence .results .main-data .row-1 .comment .comment-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-intelligence .results .main-data .row-1 .comment .comment-wrapper .icon-left-quote {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 30px;
  padding-right: 8px;
  line-height: 21px;
  color: #ccc;
}
.page-intelligence .results .main-data .row-1 .comment .comment-wrapper .comment-details {
  width: 100%;
}
.page-intelligence .results .main-data .row-1 .comment .comment-wrapper .comment-details .highlight {
  display: inline-block;
  background-color: #ffff9e;
  border-radius: 3px;
  padding: 0px 3px;
}
.page-intelligence .results .main-data .row-1 .comment .comment-wrapper .comment-details .comment-meta {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-intelligence .results .main-data .row-1 .views,
.page-intelligence .results .main-data .row-1 .subs {
  -webkit-box-flex: 3.1;
  -ms-flex: 3.1;
  flex: 3.1;
}
.page-intelligence .results .main-data .row-1 .views .growth,
.page-intelligence .results .main-data .row-1 .subs .growth {
  font-size: 10px;
}
.page-intelligence .results .main-data .row-1 .views .growth.negative,
.page-intelligence .results .main-data .row-1 .subs .growth.negative {
  color: #fa5a54;
}
.page-intelligence .results .main-data .row-1 .views .growth.negative:before,
.page-intelligence .results .main-data .row-1 .subs .growth.negative:before {
  content: "▼";
  font-size: 6px;
}
.page-intelligence .results .main-data .row-1 .views .growth.positive,
.page-intelligence .results .main-data .row-1 .subs .growth.positive {
  color: #53d769;
}
.page-intelligence .results .main-data .row-1 .views .growth.positive:before,
.page-intelligence .results .main-data .row-1 .subs .growth.positive:before {
  content: "▲";
  font-size: 6px;
}
.page-intelligence .results .main-data .row-1 .category {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.page-intelligence .results .main-data .row-1 .category div {
  cursor: default;
  white-space: nowrap;
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
}
.page-intelligence .results .main-data .row-1 .stats {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 18px;
  color: #666;
}
.page-intelligence .results .main-data .row-1 .stats h6 {
  color: #999;
  font-size: 12px;
}
.page-intelligence .results .main-data .row-1 a.name {
  color: #10a0e4;
}
.page-intelligence .results .main-data .row-1 .small-stats {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
}
.page-intelligence .results .main-data .row-1 .small-stats i {
  margin-right: 10px;
}
.page-intelligence .results .main-data .row-1 .profile {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-intelligence .results .main-data .row-1 .profile .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 16px;
}
.page-intelligence .results .main-data .row-1 .profile .inner img {
  border-radius: 50%;
  height: 38px;
  width: 38px;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-intelligence .results .main-data .row-1 .profile .inner .details {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.page-intelligence .results .main-data .row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: -o-linear-gradient(left top, #eee 1px, white 1px, white 4px, #eee 4px, #eee 4.5px, white 4.5px, white);
  background-image: linear-gradient(to right bottom, #eee 1px, white 1px, white 4px, #eee 4px, #eee 4.5px, white 4.5px, white);
  background-size: 5px 5px;
  border-radius: 0px 0px 3px 3px;
}
.page-intelligence .results .main-data .row-2 .stat {
  margin-left: 22px;
  color: #666;
}
.page-intelligence .results .main-data .row-2 .stat .demographic > span {
  cursor: default;
}
.page-intelligence .results .main-data .row-2 .stat .demographic > span:not(:last-child):after {
  content: " / ";
}
.page-intelligence .results .main-data .row-2 [class*=icon-]:before {
  margin-right: 5px;
  display: inline-block;
}
.page-intelligence .results .main-data .row-2 .uploaded {
  margin-left: 30px;
}
.page-intelligence .results .main-data .row-2 .more-trigger {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 15px;
  color: #999;
  background-color: #eceef1;
  border-radius: 3px 3px 0 0;
  padding: 5px 15px;
  text-align: center;
  line-height: 1;
}
.page-intelligence .results .main-data .row-2 .more-trigger.close {
  color: white;
  background-color: #00304c;
}
.page-intelligence .results .secondary-data {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  margin: 0 15px;
  background-color: #eceef1;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 3px 3px;
  padding: 20px;
}
.page-intelligence .results .secondary-data .icon-info-sign {
  font-size: 12px;
}
.page-intelligence .results .secondary-data.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-intelligence .results .secondary-data .topics {
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding: 0 15px 15px;
}
.page-intelligence .results .secondary-data .topics h6 {
  margin-right: 15px;
}
.page-intelligence .results .secondary-data .row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.page-intelligence .results .secondary-data .row-1 > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-intelligence .results .secondary-data .row-1 > div:not(:last-child) {
  border-right: 1px solid #ccc;
}
.page-intelligence .results .secondary-data .row-1 .stat {
  padding: 0 8px 15px;
}
.page-intelligence .results .secondary-data .row-1 .stat h6 {
  margin-bottom: 5px;
}
.page-intelligence .results .secondary-data .row-1 .stat .data {
  font-size: 18px;
}
.page-intelligence .results .secondary-data .row-1 .stat .location .missing {
  font-size: 18px;
}
.page-intelligence .results .secondary-data .row-1 .stat .location .data {
  font-size: 12px;
}
.page-intelligence .results .secondary-data .row-1 .stat.audience-summary .icon-male,
.page-intelligence .results .secondary-data .row-1 .stat.audience-summary .icon-female {
  color: #00304c;
  font-size: 28px;
  margin-right: 3px;
  line-height: 1;
}
.page-intelligence .results .secondary-data .row-1 .stat.audience-summary .icon-female {
  margin-left: 8px;
}
.page-intelligence .results .secondary-data .row-1 .stat.audience-summary .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-intelligence .results .secondary-data .location-demo-container {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.page-intelligence .results .secondary-data .location-demo-container .age-gender {
  -webkit-box-flex: 2.4;
  -ms-flex: 2.4;
  flex: 2.4;
}
.page-intelligence .results .secondary-data .location-demo-container .age-gender h6 {
  margin-bottom: 10px;
}
.page-intelligence .results .secondary-data .location-demo-container .location {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  margin-left: 15px;
}
.page-intelligence .results .secondary-data .location-demo-container .location h6 {
  margin-bottom: 5px;
}
.page-intelligence .results .secondary-data .row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-intelligence .results .secondary-data .row-3 .col-1 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.page-intelligence .results .secondary-data .row-3 .col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-intelligence .results .secondary-data .image-container {
  height: 55px;
  width: 100px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.page-intelligence .results .secondary-data h6 {
  color: #888;
  font-size: 14px;
  font-weight: 400;
}
.page-intelligence .results .secondary-data .topics label {
  display: inline-block;
  color: #666;
  white-space: nowrap;
  margin-top: 3px;
  background-color: white;
  padding: 0px 6px;
  font-size: 13px;
  border-radius: 3px;
  margin-right: 3px;
}
.page-intelligence .results .secondary-data .audience-overlap {
  margin-top: 20px;
}
.page-intelligence .results .secondary-data .audience-overlap .intelligence-link {
  display: block;
  margin-top: 20px;
}
.page-intelligence .results .secondary-data .audience-overlap .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-intelligence .results .secondary-data .audience-overlap h6 {
  margin-bottom: 10px;
}
.page-intelligence .results .secondary-data .audience-overlap .video-description {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 8px;
  font-size: 12px;
  line-height: 14px;
  color: #999;
}
.page-intelligence .results .secondary-data .audience-overlap .video-description .overlap-bar {
  height: 5px;
  background-color: #ccc;
}
.page-intelligence .results .secondary-data .audience-overlap .video-description .overlap-bar .overlap-indicator {
  background-color: #10a0e4;
  height: 100%;
  width: 50%;
}
.page-intelligence .results .secondary-data .audience-overlap .video-description .title {
  color: #10a0e4;
  font-size: 12px;
}
.page-intelligence .results .secondary-data .audience-overlap .video-description b {
  font-weight: bolder;
  color: #666;
}
.page-intelligence .leaderboard-view {
  margin-top: 14px;
  padding: 10px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eceef1;
  color: #00304c;
}
.page-intelligence .custom-list-view {
  margin-top: 14px;
  padding: 10px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fcf8c6;
  color: #676767;
}
.page-intelligence .saved-search-view {
  margin-top: 14px;
  padding: 10px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #41b2be;
  color: white;
}
.page-intelligence .saved-search-view:hover .icon-remove {
  opacity: 1;
}
.page-intelligence .saved-search-view .icon-remove {
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity, 200ms;
  -o-transition: opacity, 200ms;
  transition: opacity, 200ms;
}
.page-intelligence .topics-v2-category-banner {
  margin-top: 14px;
  padding: 10px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #41b2be;
  color: white;
}
.page-intelligence .topics-v2-category-banner .icon-remove {
  cursor: pointer;
}
.page-intelligence .hspace > *:not(:last-child) {
  margin-right: 10px;
}
.page-intelligence .hspace20 > *:not(:last-child) {
  margin-right: 20px;
}

saved-search-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
saved-search-dropdown .search-wrapper {
  position: relative;
  margin-bottom: 5px;
}
saved-search-dropdown .search-wrapper input {
  padding: 5px 10px 5px 15px;
  font-size: 13px;
  width: 100%;
  color: #9b9b9b;
}
saved-search-dropdown .icon-search {
  position: absolute;
  right: 10px;
  top: 5px;
}
saved-search-dropdown .none-found {
  font-style: italic;
  padding: 5px 10px;
  line-height: 1.6;
}
saved-search-dropdown .dropdown-toggle {
  cursor: pointer;
}
saved-search-dropdown .saved-search .drop-links h4 {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 5px 0;
}
saved-search-dropdown .scroll-container {
  max-height: 200px;
  overflow-y: auto;
}

custom-lists-dropdown .search-wrapper {
  position: relative;
  margin-bottom: 5px;
}
custom-lists-dropdown .search-wrapper input {
  padding: 5px 10px 5px 15px;
  font-size: 13px;
  width: 100%;
  color: #9b9b9b;
}
custom-lists-dropdown .icon-search {
  position: absolute;
  right: 10px;
  top: 5px;
}
custom-lists-dropdown .none-found {
  font-style: italic;
  padding: 5px 10px;
  line-height: 1.6;
}
custom-lists-dropdown .drop-links .scroll-container {
  max-height: 200px;
  overflow-y: auto;
}
custom-lists-dropdown .drop-links .scroll-container h4 {
  font-size: 12px;
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  text-transform: none;
  margin: 5px 0;
}

.export-report .tooltip-inner {
  text-align: left;
}

.saved-search-item-container, .add-to-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.saved-search-item-container:hover .dropdown-toggle, .add-to-group-container:hover .dropdown-toggle {
  visibility: visible;
}
.saved-search-item-container .item-title, .add-to-group-container .item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.saved-search-thumbnail {
  height: 35px;
  width: 35px;
  text-align: center;
  background-color: #eee;
  color: white;
  font-size: 22px;
  font-weight: 200;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  cursor: default;
}

.saved-search-thumbnail-inner {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.add-to-group-container .group-title {
  font-weight: bold;
}
.add-to-group-container .saved-search-thumbnail {
  background-color: white;
  border: solid #c7cbd7 1px;
}
.add-to-group-container .saved-search-thumbnail * {
  color: #c7cbd7;
}
.add-to-group-container .dropdown-toggle {
  color: #c7cbd7;
}
.add-to-group-container:hover {
  cursor: pointer;
}
.add-to-group-container:hover * {
  border-color: #666;
  color: #666;
}

custom-list-tags {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  color: #999999;
}
custom-list-tags .container > *:not(:last-child) {
  margin-right: 5px;
}
custom-list-tags .tag {
  color: #676767;
  background-color: #f3f3f3;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-bottom: 5px;
}
custom-list-tags .tag > * {
  padding: 2px 8px;
}
custom-list-tags .tag > *:last-child {
  font-size: 10px;
  border-left: 1px solid #d7d7d7;
  cursor: pointer;
}
custom-list-tags .tag.new {
  color: white;
  background-color: #77bf56;
}
custom-list-tags .tag.new > *:last-child {
  border-color: white;
}
custom-list-tags .tag.current {
  background-color: #fcf8c6;
}
/* prettier-ignore */

/* prettier-ignore */

.add-channel-container .modal-dialog {
  max-width: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.add-channel-container .modal-dialog .modal-content {
  border-radius: 3px;
}
.add-channel-container .modal-dialog .overlay-modal {
  max-width: 100%;
  margin: 0px auto;
}
.add-channel-container .modal-dialog .drop-group {
  position: relative;
}
@media (max-width: 600px) {
  .add-channel-container .modal-dialog .appropriate-break {
    display: none;
  }
}
.add-channel-container .modal-dialog .search-box-lockup input {
  height: 45px;
  border-right: 1px solid #d7d7d7;
}
.add-channel-container .modal-dialog .search-box-lockup input:focus {
  border-right-color: #0873bb;
}
.add-channel-container .modal-dialog .search-box-lockup .button {
  height: 23px;
  line-height: 23px;
}
/* prettier-ignore */

/* prettier-ignore */

.modal-dialog .overlay-modal {
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 0px;
  border: none;
  max-width: 620px;
  margin: 30px auto;
}
.modal-dialog .modal-title {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: #999;
  position: absolute;
  top: 20px;
  width: 100%;
  pointer-events: none;
}
.modal-dialog .overlay-nav {
  padding: 10px 20px;
}
.modal-dialog .overlay-nav:after {
  content: "";
  display: table;
  clear: both;
}
.modal-dialog .overlay-nav a,
.modal-dialog .overlay-nav i {
  font-size: 24px;
  color: #999;
}
.modal-dialog .overlay-nav a:hover,
.modal-dialog .overlay-nav i:hover {
  text-decoration: none;
  color: #666;
}
.modal-dialog .card-btn-close {
  float: right;
}
.modal-dialog .card-btn-back {
  float: left;
}

.modal.add-actor-success-container .modal-dialog,
.modal.add-actor-fail-container .modal-dialog {
  width: 620px;
}
/**
 * Styling the header for pages with a logo (such as creator or property thumbnail) and a title or lockup.
 * See the creator profile page for a reference.
 */
.page-header {
  padding: 14px 30px;
}
.page-header .details .name-line .name {
  font-size: 20px;
}
.page-header .thumbnail {
  width: 74px;
  height: 74px;
  min-width: 74px;
  background-size: cover;
  border-radius: 50%;
  margin-right: 20px;
}
.page-header .details {
  color: #03314c;
}
.page-header creator-lockup .info-container .display-name {
  color: #00304d;
  font-weight: 500;
}
/* prettier-ignore */

/**
 * Basic styling for page-level tab headings and tabs.
 */
.tab-ctrl {
  background-color: white;
  padding-left: 30px;
  font-size: 14px;
  border-bottom: 1px solid #cbd8e0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tab-ctrl .tab {
  padding: 10px 20px;
  position: relative;
  top: 1px;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
}
.tab-ctrl .tab .blocked-icon {
  color: #9b9b9b;
  padding-left: 5px;
}
.tab-ctrl .current {
  color: #03314c;
  background-color: #eceef1;
  border-top: 1px solid #cbd8e0;
  border-left: 1px solid #cbd8e0;
  border-right: 1px solid #cbd8e0;
  border-bottom: none;
}

.tab-page-content {
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #eceef1;
}
.tab-page-content .content {
  margin-top: 20px;
}
/**
 * Basic styling of the top-level pages in our app.  This includes everything between the nav bar and the footer.
 */
.top-level-page {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
/* prettier-ignore */

.add-channel-container .actor-select-container {
  padding-bottom: 15px;
}
.add-channel-container .actor-select-container label.for-radio .label-text:before {
  padding: 7px 20px;
  vertical-align: top;
  font-size: 16px;
}
.add-channel-container .actor-select-container label.for-radio input[type=radio]:checked {
  padding: 7px 20px;
  vertical-align: top;
  font-size: 16px;
}

.claimed-profile .heading-box {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.claimed-profile .heading-box .heading-page {
  display: inline-block;
}
.claimed-profile .heading-box .right-aligned {
  float: right;
  margin-top: 8px;
}
.claimed-profile .heading-box .dropdown-menu .name-lockup {
  border: none;
}
.claimed-profile .heading-box .dropdown-menu .name-lockup .avatar {
  height: 20px;
  width: 20px;
}
.claimed-profile .heading-box .dropdown-menu .name-lockup .text-container {
  margin: 4px 0 0 10px;
}
.claimed-profile .heading-box .dropdown-menu .name-lockup .text-container .name {
  font-size: 12px;
  margin-top: -2px;
  color: #0873bb;
}
.claimed-profile form.submitted input.ng-invalid,
.claimed-profile form.submitted select.ng-invalid,
.claimed-profile form.submitted input.ng-invalid-url {
  border: 1px solid red;
}
.claimed-profile .inputs .description {
  font-weight: 700;
}
.claimed-profile .inputs .description br {
  line-height: 1em;
}
.claimed-profile .inputs .input-row.single {
  display: block;
  float: none;
}
.claimed-profile .inputs .input-row:after {
  content: "";
  display: table;
  clear: both;
}
.claimed-profile .inputs .input-row textarea {
  height: 108px;
  width: 596px;
  color: #555;
  resize: none;
  margin-bottom: 20px;
}
.claimed-profile .inputs .input-row textarea::-webkit-input-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row textarea::-moz-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row textarea:-moz-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row textarea:-ms-input-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row textarea.disabled {
  background-color: whitesmoke;
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  color: #999;
}
.claimed-profile .inputs .input-row textarea.disabled.editable {
  background-image: url("/static/img/pencil@2x.9349c877265072b128e1cd1939fd6f74.png");
}
.claimed-profile .inputs .input-row textarea.disabled:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.claimed-profile .inputs .input-row input[type=url],
.claimed-profile .inputs .input-row input[type=email] {
  width: 288px;
  float: left;
  margin: 0 20px 20px 0;
  background-color: white;
  color: #555;
}
.claimed-profile .inputs .input-row input[type=url]::-webkit-input-placeholder,
.claimed-profile .inputs .input-row input[type=email]::-webkit-input-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row input[type=url]::-moz-placeholder,
.claimed-profile .inputs .input-row input[type=email]::-moz-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row input[type=url]:-moz-placeholder,
.claimed-profile .inputs .input-row input[type=email]:-moz-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row input[type=url]:-ms-input-placeholder,
.claimed-profile .inputs .input-row input[type=email]:-ms-input-placeholder {
  color: #ccc;
}
.claimed-profile .inputs .input-row input[type=url].disabled,
.claimed-profile .inputs .input-row input[type=email].disabled {
  background-color: whitesmoke;
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  color: #999;
}
.claimed-profile .inputs .input-row input[type=url].disabled.editable,
.claimed-profile .inputs .input-row input[type=email].disabled.editable {
  background-image: url("/static/img/pencil@2x.9349c877265072b128e1cd1939fd6f74.png");
}
.claimed-profile .inputs .input-row input[type=url].disabled:active,
.claimed-profile .inputs .input-row input[type=email].disabled:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.claimed-profile .inputs .grid-row {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.claimed-profile .inputs .grid-row .name-lockup {
  border-radius: 3px;
  border: solid 1px #d7d7d7;
  margin: 5px 5px 5px 0;
}
.claimed-profile .inputs .grid-row .name-lockup .text-container-align-fix {
  margin: 4px 0 0 10px;
}
.claimed-profile .inputs .grid-row.tracked-channel .icon-remove-sign.disabled {
  cursor: default;
}
.claimed-profile .inputs .grid-row.tracked-channel .icon-remove-sign:hover {
  color: #ccc;
}
.claimed-profile .inputs .grid-row .icon-remove-sign,
.claimed-profile .inputs .grid-row .icon-circle-o-notch {
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  margin-left: 10px;
}
.claimed-profile .inputs .grid-row .icon-remove-sign.red {
  color: #cd5050;
  cursor: pointer;
}
.claimed-profile .inputs .grid-row .youtube-account,
.claimed-profile .inputs .grid-row .facebook-account {
  padding: 10px 16px;
  display: block;
  float: left;
  clear: both;
}
.claimed-profile .inputs .grid-row .facebook-account .text-container .channel-name.name {
  display: inline;
}
.claimed-profile .inputs .grid-row .facebook-account .text-container span.remove-icon {
  font-size: 14px;
}
.claimed-profile .inputs .grid-row .xplatform-account {
  padding: 0;
}
.claimed-profile .inputs .grid-row .xplatform-account.name-lockup {
  border: none;
}
.claimed-profile .inputs .grid-row .xplatform-account .channel-name {
  margin-top: -3px;
}
.claimed-profile .inputs .grid-row .xplatform-account .channel-name .static-link {
  color: #999;
  font-size: 0.9em;
  display: block;
}
.claimed-profile .inputs .color-button {
  color: white;
}
.claimed-profile .inputs .color-button.background-color-youtube {
  background-color: #ff0000;
  border-color: #ff0000;
}
.claimed-profile .inputs .color-button.background-color-youtube:hover {
  background-color: #ff3333;
  border-color: #ff3333;
}
.claimed-profile .inputs .color-button.background-color-youtube:active {
  background-color: #cc0000;
  border-color: #cc0000;
}
.claimed-profile .inputs .color-button.background-color-facebook {
  background-color: #1877f2;
  border-color: #1877f2;
}
.claimed-profile .inputs .color-button.background-color-facebook:hover {
  background-color: #4893f5;
  border-color: #4893f5;
}
.claimed-profile .inputs .color-button.background-color-facebook:active {
  background-color: #0b5fcc;
  border-color: #0b5fcc;
}
.claimed-profile .inputs .color-button .icon-youtube-play:before {
  color: white;
}
.claimed-profile .inputs .color-button .icon-facebook:before {
  color: white;
}

.dialog-padding {
  padding: 20px;
}

.no-wrap-hyphen {
  white-space: nowrap;
}

.bulk-delete-header {
  font-size: 15px;
  font-weight: 500;
}
/* prettier-ignore */

.tooltip.vi-ver-tooltip .tooltip-inner {
  white-space: pre-wrap;
  max-width: none;
  text-align: left;
}
.tooltip.vi-title-tooltip .tooltip-inner {
  white-space: pre-wrap;
  max-width: 300px;
  text-align: left;
}

.video-modal {
  width: 570px;
  margin-left: -285px;
  position: absolute;
  left: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 0px 0px 20px 0px;
  -webkit-box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.2);
  padding: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.video-modal .icon-remove-sign {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #999;
  font-size: 20px;
}
.video-modal .icon-remove-sign:hover {
  color: #666;
}
.video-modal .vi-separate-line {
  border-top: 1px solid #eee;
}
.video-modal section .vi-top-level-views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-modal section .vi-title-section {
  line-height: 18px;
  overflow: hidden;
}
.video-modal section .vi-detail-section {
  padding-top: 6px;
}
.video-modal section .vi-detail-section .vi-headline {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-modal section .vi-detail-section .vi-headline .icon-info-sign {
  padding-left: 5px;
  color: #999;
}
.video-modal section .vi-detail-section .vi-xpost-msg {
  font-size: 14px;
  color: #777;
  border: 1px solid #ccc;
  font-style: italic;
  padding: 5px;
}
.video-modal section .vi-detail-section .vi-data-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
}
.video-modal section .vi-detail-section .vi-data-row > div {
  text-align: end;
  width: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-modal section .vi-detail-section .vi-data-row > div .vi-title {
  white-space: nowrap;
  overflow: visible;
}
.video-modal section .vi-detail-section .vi-data-row div:first-child {
  text-align: start;
}
.video-modal section .vi-claimed-by-section {
  min-height: 120px;
  padding-top: 20px;
  line-height: 130%;
}
.video-modal section .vi-claimed-by-section div[layout][vertical][inline] {
  max-width: 285px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.video-modal section .vi-claimed-by-section div[layout][vertical][inline] > div {
  min-height: 40px;
  margin-bottom: 20px;
}
.video-modal section .vi-claimed-by-section .keyword {
  line-height: normal;
}
.video-modal section .vi-video-section {
  padding: 0 40px 10px;
  margin: 0px -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-modal section .vi-video-section .vi-video-thumbnail {
  padding-right: 20px;
  padding-bottom: 10px;
  width: 570px;
  height: 310px;
}
.video-modal section .vi-video-section .vi-video-thumbnail iframe {
  width: 570px;
  height: 310px;
}
.video-modal section .vi-video-section .vi-video-thumbnail .video-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 570px;
  height: 310px;
}
.video-modal section .vi-video-section .vi-video-thumbnail .video-thumbnail a {
  margin-right: 5px;
  margin-top: 5px;
  color: white;
}
.video-modal section .vi-video-section .vi-tvr-data-block {
  padding: 15px 15px 0 15px;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  background-color: white;
  height: 143px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-modal section .vi-video-section .vi-tvr-data-block .vi-tvr-data-block-flex-item {
  width: 100%;
}
.video-modal section .vi-video-section .vi-tvr-data-block .vi-tvr-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 26px;
  padding-bottom: 26px;
}
.video-modal creator-lockup {
  font-size: 14px;
}
.video-modal creator-lockup .info-container .data-numbers {
  font-size: 11px !important;
}
.video-modal .vi-headline {
  font-weight: bold;
  font-size: 11px;
  color: #777;
  letter-spacing: 0.5px;
}
.video-modal .vi-body {
  overflow-wrap: break-word;
  font-weight: 200;
  font-size: 17px;
  color: #777;
}
.video-modal .vi-tvr-date {
  font-style: italic;
}
.video-modal .vi-body-small {
  font-size: 11px;
  color: #777;
  font-weight: normal;
}
.video-modal .vi-title {
  font-weight: normal;
  font-size: 12px;
  color: #999;
}
.video-modal accumulated-metric-chart {
  padding-bottom: 20px;
}
.video-modal accumulated-metric-chart .subsection-title {
  font-size: 11px;
  color: #777;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.video-modal accumulated-metric-chart .export-lock {
  margin-left: 4px;
  color: #999;
}
.video-modal .vi-title {
  font-weight: normal;
  font-size: 12px;
  color: #999;
}
.video-modal .vi-title .no-video-data {
  background-image: url("/static/img/video-modal-blur.5844a215a466f57c371b150595e8e5a7.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 500px;
  text-align: center;
  padding: 30px;
}
.video-modal .vi-title .no-video-data .text-container {
  padding-top: 200px;
  font-size: 24px;
  color: #666;
}
@charset "UTF-8";
/* prettier-ignore */

.welcome-wrap {
  margin-top: 18px;
  position: relative;
  z-index: 1;
}
.welcome-wrap .exports-container {
  max-height: 200px;
  overflow: auto;
}
.welcome-wrap .exports-container tbody tr .center-align {
  text-align: center !important;
}
.welcome-wrap .youtube-account-container .name-lockup {
  margin: 5px;
  border-radius: 3px;
  border: solid 1px #d7d7d7;
}
.welcome-wrap .youtube-account-container .name-lockup .text-container {
  margin: 4px 0 0 10px;
}
.welcome-wrap .youtube-account-container .name-lockup .channel-name {
  overflow-y: hidden;
}
.welcome-wrap .youtube-account-container .invalid {
  border-color: #cd5050;
  border-style: solid;
  border-width: 3px;
}
.welcome-wrap .youtube-account-container .fresh {
  border-color: #3a3a4e;
  border-style: solid;
  border-width: 2px;
}
.welcome-wrap .youtube-account-container.tracked-channel .icon-remove-sign.disabled {
  cursor: default;
}
.welcome-wrap .youtube-account-container.tracked-channel .icon-remove-sign.disabled:hover {
  color: #ccc;
}
.welcome-wrap .youtube-account-container .icon-spinner,
.welcome-wrap .youtube-account-container .icon-refresh,
.welcome-wrap .youtube-account-container .icon-remove-sign,
.welcome-wrap .youtube-account-container .icon-download-alt,
.welcome-wrap .youtube-account-container .icon-group,
.welcome-wrap .youtube-account-container .icon-pencil {
  cursor: pointer;
  font-size: 20px;
  color: #ccc;
  vertical-align: middle;
  margin-left: 10px;
}
.welcome-wrap .youtube-account-container .icon-spinner:hover,
.welcome-wrap .youtube-account-container .icon-refresh:hover,
.welcome-wrap .youtube-account-container .icon-remove-sign:hover,
.welcome-wrap .youtube-account-container .icon-download-alt:hover,
.welcome-wrap .youtube-account-container .icon-group:hover,
.welcome-wrap .youtube-account-container .icon-pencil:hover {
  color: #999;
}
.welcome-wrap .youtube-account-container .youtube-account {
  padding: 10px 16px;
}
.welcome-wrap .mini-tabs {
  border-bottom: none;
}
.welcome-wrap .headlines {
  padding: 45px 0 0 35%;
  width: 66%;
  margin: 0 auto;
}
.welcome-wrap .headlines h2 {
  font-size: 65px;
}
.welcome-wrap .headlines h3 {
  font-size: 36px;
}
.welcome-wrap form {
  display: block;
  margin-bottom: 50px;
}
.welcome-wrap .setup-plate {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  padding: 30px;
  margin-bottom: 10px;
}
.welcome-wrap .setup-plate:after {
  content: "";
  display: table;
  clear: both;
}
.welcome-wrap .setup-plate h4 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.welcome-wrap .setup-plate .input-group {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.welcome-wrap .setup-plate .input-group:after {
  content: "";
  display: table;
  clear: both;
}
.welcome-wrap .setup-plate .input-group:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.welcome-wrap .setup-plate .notice {
  width: 288px;
  display: inline-block;
  margin-left: 238px;
  margin-bottom: 16px;
  color: #c00;
}
.welcome-wrap .setup-plate .upload.link {
  font-size: 14px;
}
.welcome-wrap .setup-plate .input-group-label {
  float: left;
  font-size: 18px;
  color: #00304c;
  width: 170px;
  padding-bottom: 20px;
}
.welcome-wrap .setup-plate .input-group-label .input-label-info {
  font-size: 10px;
  vertical-align: text-top;
}
.welcome-wrap .setup-plate .history {
  width: 100%;
}
.welcome-wrap .setup-plate .history thead tr {
  background-color: #eee;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
}
.welcome-wrap .setup-plate .history tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.welcome-wrap .setup-plate .history tbody tr td {
  padding: 6px 20px;
  text-align: right;
}
.welcome-wrap .setup-plate .history tbody tr td:first-child {
  text-align: left;
  padding-left: 0;
}
.welcome-wrap .setup-plate.cms-auth .authed {
  color: #67b219;
  margin-bottom: 15px;
}
.welcome-wrap .setup-plate.cms-auth .not-authed {
  color: #aaa;
  margin-bottom: 15px;
}
.welcome-wrap .setup-plate.cms-auth .auth-container .label {
  display: inline-block;
  width: 50%;
  margin-left: 15px;
  vertical-align: middle;
}
.welcome-wrap .setup-plate.cms-auth .auth-container a.button {
  vertical-align: middle;
}
.welcome-wrap .setup-plate .inputs {
  float: left;
  width: 728px;
}
.welcome-wrap .setup-plate .inputs .add-more-link {
  display: inline-block;
  margin-bottom: 20px;
}
.welcome-wrap .setup-plate .inputs .add-more-link:hover {
  text-decoration: none;
}
.welcome-wrap .setup-plate .inputs br {
  line-height: 56px;
}
.welcome-wrap .setup-plate .inputs .input-wrap {
  float: left;
  margin-bottom: 20px;
}
.welcome-wrap .setup-plate .inputs .input-row {
  float: left;
}
.welcome-wrap .setup-plate .inputs .parsley-error-list {
  float: left;
  display: block;
  clear: both;
  color: #c00;
  margin-top: -18px;
  margin-bottom: 8px;
}
.welcome-wrap .setup-plate .inputs .account-detail {
  font-size: 18px;
  line-height: 40px;
}
.welcome-wrap .setup-plate .inputs .account-detail:nth-child(even) {
  background-color: #f9f9f9;
}
.welcome-wrap .setup-plate .inputs .account-detail .feature-name {
  display: inline-block;
  margin: 0 5%;
  width: 45%;
}
.welcome-wrap .setup-plate .inputs select {
  max-width: 288px !important;
}
.welcome-wrap .setup-plate .inputs input.parsley-error {
  border-color: #c00;
}
.welcome-wrap .setup-plate .inputs .left-label {
  display: inline-block;
  float: left;
  width: 208px;
  margin-right: 30px;
  line-height: 36px;
  text-align: right;
}
.welcome-wrap .setup-plate .inputs input[type=text],
.welcome-wrap .setup-plate .inputs input[type=password],
.welcome-wrap .setup-plate .inputs select {
  width: 288px;
  float: left;
  margin: 0 20px 0px 0;
  background-color: white;
  color: #555;
}
.welcome-wrap .setup-plate .inputs input[type=text]::-webkit-input-placeholder,
.welcome-wrap .setup-plate .inputs input[type=password]::-webkit-input-placeholder,
.welcome-wrap .setup-plate .inputs select::-webkit-input-placeholder {
  color: #ccc;
}
.welcome-wrap .setup-plate .inputs input[type=text]::-moz-placeholder,
.welcome-wrap .setup-plate .inputs input[type=password]::-moz-placeholder,
.welcome-wrap .setup-plate .inputs select::-moz-placeholder {
  color: #ccc;
}
.welcome-wrap .setup-plate .inputs input[type=text]:-moz-placeholder,
.welcome-wrap .setup-plate .inputs input[type=password]:-moz-placeholder,
.welcome-wrap .setup-plate .inputs select:-moz-placeholder {
  color: #ccc;
}
.welcome-wrap .setup-plate .inputs input[type=text]:-ms-input-placeholder,
.welcome-wrap .setup-plate .inputs input[type=password]:-ms-input-placeholder,
.welcome-wrap .setup-plate .inputs select:-ms-input-placeholder {
  color: #ccc;
}
.welcome-wrap .setup-plate .inputs input[type=text][disabled=disabled],
.welcome-wrap .setup-plate .inputs input[type=password][disabled=disabled],
.welcome-wrap .setup-plate .inputs select[disabled=disabled] {
  background-color: whitesmoke;
  color: #999;
  cursor: not-allowed;
}
.welcome-wrap .setup-plate .inputs input[type=text][disabled=disabled]:active,
.welcome-wrap .setup-plate .inputs input[type=password][disabled=disabled]:active,
.welcome-wrap .setup-plate .inputs select[disabled=disabled]:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.welcome-wrap .setup-plate .inputs .radio-group {
  clear: both;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=text] {
  float: none;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio] {
  display: none;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio] + label {
  display: inline-block;
  width: 130px;
  margin-right: 21px;
  color: #999;
  cursor: pointer;
  font-size: 12px;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio] + label + .network-name {
  opacity: 0;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio] + label:before {
  margin-right: 3px;
  font-family: "font-awesomer";
  speak: none;
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: 12px;
  text-align: center;
  content: "";
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio]:checked + label {
  color: #666;
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio]:checked + label:before {
  content: "";
}
.welcome-wrap .setup-plate .inputs .radio-group input[type=radio]:checked + label + .network-name {
  opacity: 1;
}
.welcome-wrap .apply-btn {
  float: right;
}
/* prettier-ignore */

.xplatform.creator-hero .creator-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.xplatform.creator-hero .creator-title .title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 60%;
}
.xplatform.creator-hero .creator-title .title-container .title-thumbnail {
  width: 160px;
}
.xplatform.creator-hero .creator-title .title-container .main-title {
  width: 80%;
}
.xplatform.creator-hero .creator-title .title-container .bio {
  margin-top: 10px;
  font-size: 16px;
}
.xplatform.creator-hero .creator-stats {
  text-align: left;
}
.xplatform.creator-hero .creator-stats .stats-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.xplatform.creator-hero .creator-stats .stats-container .stat-lockup.stat-lockup--large {
  margin-right: 60px;
}
.xplatform.creator-hero .growth-graph-container {
  margin-top: 20px;
  width: 100%;
}
.xplatform.creator-hero .xplatform.creator-media {
  margin-top: 20px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media {
  width: 425px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.instagram-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.facebook-thumbnail {
  display: block;
  position: relative;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.instagram-thumbnail img,
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.facebook-thumbnail img {
  width: 100%;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.instagram-thumbnail i.icon-external-link,
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media a.facebook-thumbnail i.icon-external-link {
  font-size: 35px;
  position: absolute;
  z-index: 999;
  left: 380px;
  color: rgba(255, 255, 255, 0.7);
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media .media-text {
  color: #999;
  margin-bottom: 11px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media .media-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media .media-stats .stat-lockup {
  margin-right: 20px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .big-media .media-stats .stat-lockup:last-child {
  margin-right: 0;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid-container {
  width: 425px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid-container .specific-grid-container {
  width: 100%;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid-container .specific-grid-container h1.heading-small-cap {
  margin-bottom: 5px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid-container .specific-grid-container:nth-of-type(2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #eceef1;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid {
  width: 425px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media {
  width: 98.75px;
  height: 98.75px;
  overflow: hidden;
  position: relative;
  margin: 0 4px 4px 0;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media:hover,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media:hover {
  text-decoration: none;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail {
  position: relative;
  display: block;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail {
  width: 100%;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail {
  height: 100%;
  max-width: none;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail-overlay,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail-overlay,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail-overlay,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail-overlay {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(60, 109, 150, 0.6);
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail-overlay:hover,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail-overlay:hover,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail-overlay:hover,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail-overlay:hover {
  text-decoration: none;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail-overlay.show,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail-overlay.show,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail-overlay.show,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail-overlay.show {
  opacity: 1;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .instagram-thumbnail-overlay .text-container,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail-overlay .text-container,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .instagram-thumbnail-overlay .text-container,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail-overlay .text-container {
  color: white;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
}
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .instagram-media .facebook-thumbnail-overlay,
.xplatform.creator-hero .xplatform.creator-media .media-container .media-grid .facebook-media .facebook-thumbnail-overlay {
  background: rgba(59, 89, 152, 0.6);
}
/* prettier-ignore */

@media only screen and (max-width: 479px) {
  select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    font-size: 16px;
  }

  header .logo {
    width: 88px;
  }
  header nav .logged-in-as > span.name {
    display: none;
  }

  #notification {
    height: auto;
    line-height: 1.4;
    font-size: 12px !important;
    padding: 10px;
  }
  #notification .inner {
    width: auto;
  }

  footer .positioner {
    margin-left: 25px;
    margin-right: 25px;
  }
  footer .column {
    width: auto;
    float: none;
  }
  footer .column.social {
    width: auto;
  }
  footer .column .footer-social {
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .page-404 {
    background-size: 50%;
  }
  .page-404 h1 {
    font-size: 30px;
  }
  .page-404 .message {
    font-size: 12px;
    margin: 40px auto;
    font-weight: 400;
  }

  .overlay .add-channel-container {
    width: auto;
    margin: 50px 10px;
  }

  .baseball-card {
    width: 100%;
    margin-left: auto;
    margin-top: auto;
    position: relative;
    left: auto;
  }
  .baseball-card article {
    width: auto;
  }
  .baseball-card .mini-tabs {
    font-size: 12px;
  }

  #user-form .mini-tabs {
    margin-bottom: 20px;
  }
  #user-form .mini-tabs .mini-tab {
    display: block;
    border-radius: 0;
  }
  #user-form .mini-tabs .mini-tab.active {
    border-bottom-color: #d7d7d7;
    background-color: #00304c;
    color: white;
    font-weight: 600;
  }
  #user-form .mini-tabs .mini-tab:first-child {
    border-radius: 3px 3px 0px 0px;
  }
  #user-form .mini-tabs .mini-tab:last-child {
    border-radius: 0px 0px 3px 3px;
  }
  #user-form .inputs {
    width: auto;
    float: none;
  }
  #user-form .input-wrap,
#user-form .input-row {
    float: none;
  }
  #user-form [type=text],
#user-form select,
#user-form .welcome-wrap .setup-plate .inputs input[type=text],
#user-form .welcome-wrap .setup-plate .inputs select {
    width: 100%;
    margin-right: 0;
    min-width: inherit;
  }
  #user-form .input-group-label {
    float: none;
    text-align: center;
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px dashed #eeeeee;
    margin-bottom: 20px;
  }
  #user-form .input-group-label br {
    display: none;
  }
}
@media only screen and (max-width: 630px) {
  .signup-signin-links {
    margin: 60px 20px 0 0;
  }

  .auth-form {
    padding: 0 15%;
  }
  .auth-form .apply-link-container,
.auth-form form {
    float: none;
    width: auto;
  }
  .auth-form .question {
    width: auto;
    float: none;
  }
  .auth-form textarea,
.auth-form input,
.auth-form select,
.auth-form .parsley-error-list,
.auth-form .qlabel,
.auth-form .left-label {
    display: block;
    margin-left: 0px;
  }
  .auth-form .label,
.auth-form input[type=submit] {
    margin-left: 0;
  }

  table .name-lockup .text-container {
    display: none;
  }

  table .video .name-lockup .text-container {
    display: block;
  }
  table .video .name-lockup .text-container .sub-text {
    margin-left: 73px;
  }
  table .video .name-lockup .text-container .sub-text i {
    display: block;
  }
}
/* prettier-ignore */

@media only screen and (max-width: 708px) {
  .page-dashboard .the-dashboard .article-cols {
    display: block;
  }
  .page-dashboard .the-dashboard .article-cols .col-1,
.page-dashboard .the-dashboard .article-cols .col-2 {
    display: block;
    width: 100%;
    border: 0;
  }

  .page-dashboard .the-dashboard .tool-tabs-in-dash a {
    background-color: #00304c;
    color: white;
  }

  .page-dashboard .hero-graph-and-stats-wrap .graph {
    height: 150px;
  }
  .page-dashboard .hero-graph-and-stats-wrap .stats {
    padding: 20px 20px 40px;
  }
  .page-dashboard .hero-graph-and-stats-wrap .stats .metric-header {
    white-space: nowrap;
  }
  .page-dashboard .hero-graph-and-stats-wrap .stats .col-metric,
.page-dashboard .hero-graph-and-stats-wrap .stats .col-labels {
    width: 25%;
  }
  .page-dashboard .hero-graph-and-stats-wrap .stats .col-labels .my-channel,
.page-dashboard .hero-graph-and-stats-wrap .stats .col-labels .benchmark-channel {
    font-size: 14px;
  }
  .page-dashboard .hero-graph-and-stats-wrap .stats .col-metric .my-channel,
.page-dashboard .hero-graph-and-stats-wrap .stats .col-metric .benchmark-channel {
    font-size: 36px;
  }

  .page-intelligence {
    width: auto;
  }
}
@charset "UTF-8";
@media only screen and (max-width: 959px) {
  body {
    overflow-x: hidden;
  }

  header {
    text-align: center;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
  }

  .page-intelligence {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    width: 100%;
  }
  .page-intelligence .content {
    max-width: 950px;
    min-width: 800px;
  }

  .page-dashboard .dashboard-list {
    position: absolute;
    left: 0px;
    z-index: 1;
    display: none;
  }
  .page-dashboard .the-dashboard {
    border: none;
    margin: 0;
    position: relative;
    position: absolute;
    top: 80px;
    width: 100%;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
  }
  .nav-open .page-dashboard .the-dashboard {
    left: 235px;
  }
  .nav-open .page-dashboard .the-dashboard .mobile-menu-btn.channels-btn:before {
    content: "";
  }
  .page-dashboard .the-dashboard.tools-open {
    right: 235px;
  }
  .page-dashboard .the-dashboard.tools-open .mobile-menu-btn.tools-btn:after {
    content: "";
  }
  .page-dashboard .the-dashboard .name-lockup.hero {
    padding: 30px 10px 40px;
    clear: both;
  }
  .page-dashboard .article-cols .col-1 article,
.page-dashboard .article-cols .col-2 article {
    width: 313px;
    margin: 0 auto;
  }

  .brand-dashboard {
    width: 100%;
  }

  .mobile-menu-btn {
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 21px;
    text-align: center;
    color: #666;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    position: absolute;
    top: 22px;
  }
  .mobile-menu-btn:before {
    font-family: "font-awesomer";
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "";
    position: relative;
    top: 0.1em;
  }
  .mobile-menu-btn:active {
    color: white;
    background-color: #666;
  }

  .page-leaderboards {
    max-width: 100%;
    min-width: 960px;
  }
}
.scrollable {
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid white;
  background-color: #ccc;
}
.scrollable::-webkit-scrollbar {
  width: 8px;
}

date-range-picker {
  display: block;
  position: relative;
  font-size: 12px;
}
date-range-picker .dropdown-menu {
  min-width: 0;
  width: auto;
  padding: 7px 10px;
}
date-range-picker .dropdown-menu.right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  right: auto;
  left: 0;
}
date-range-picker .dropdown-menu.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  right: 0;
  left: auto;
}
date-range-picker .dropdown-menu .timeframes {
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
date-range-picker .dropdown-menu .timeframes .nested-target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px;
}
date-range-picker .dropdown-menu .timeframes .nested-target:after {
  content: none;
}
date-range-picker .icon-calendar {
  margin-right: 4px;
}
date-range-picker .button {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
date-range-picker .button:hover {
  border-color: #d7d7d7;
}
date-range-picker.filter {
  font-size: 13px !important;
}
date-range-picker.filter .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}
date-range-picker.filter .button > .icon-calendar {
  margin-right: 0;
}
date-range-picker .button {
  display: block;
}
date-range-picker .calendars {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  background: white;
  padding: 16px;
  bottom: 0%;
}
date-range-picker .calendars.right {
  left: 100%;
  right: auto;
  margin-left: -10px;
}
date-range-picker .calendars.left {
  left: auto;
  right: 100%;
  margin-right: -10px;
}
date-range-picker .calendars .disabled {
  color: #999;
  background: #eee;
  border-color: #eee;
  cursor: default;
  pointer-events: none;
}
date-range-picker .timeframes {
  font-size: 12px;
  white-space: nowrap;
}
date-range-picker .timeframes .timeframe {
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
  color: #999;
}
date-range-picker .timeframes .timeframe.active {
  background-color: #eceef1;
  color: #666;
}
date-range-picker .timeframes .timeframe:hover, date-range-picker .timeframes .timeframe.nested-target:hover {
  background-color: #dcecf3;
}
date-range-picker .timeframes .timeframe .drop-links {
  min-width: 50px;
  width: auto;
  z-index: 10001;
  max-height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
date-range-picker .timeframes .timeframe .drop-links::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid white;
  background-color: #ccc;
}
date-range-picker .timeframes .timeframe .drop-links::-webkit-scrollbar {
  width: 8px;
}
date-range-picker .btns {
  margin-top: 10px;
}
date-range-picker .btns button:not(:last-child) {
  margin-right: 10px;
}
date-range-picker .ok-cancel-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
date-range-picker .ok-cancel-section div.all-data {
  margin-top: 5px;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 0px;
}
date-range-picker .ok-cancel-section.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
date-range-picker .ok-cancel-section.reverse div.all-data {
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
date-range-picker .ok-cancel-section.reverse div.all-data div {
  padding-right: 12px;
}
date-range-picker calendar {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
date-range-picker calendar.left {
  margin-right: 13px;
}
date-range-picker .ordering.calendars-open .calendars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
date-range-picker .menu {
  z-index: 10;
  background: white;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
date-range-picker .menu.ng-hide {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
date-range-picker .menu.right .btns {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
date-range-picker .menu.right .ordering .timeframes {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
date-range-picker .menu.right .ordering.calendars-open .timeframes {
  margin-right: 8px;
}
date-range-picker .menu.left {
  right: 0;
}
date-range-picker .menu.left .btns {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
date-range-picker .menu.left .ordering .timeframes {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
}
date-range-picker .menu.left .calendars {
  margin-right: 8px;
}
date-range-picker td,
date-range-picker th {
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
date-range-picker td.available:hover,
date-range-picker th.available:hover {
  background: #eee;
}
date-range-picker td {
  line-height: 26px;
  font-size: 14px;
  padding: 2px 8px;
}
date-range-picker td.off {
  color: #999;
}
date-range-picker td.disabled {
  color: #999;
}
date-range-picker td.in-range {
  background: #ebf4f8;
  border-radius: 0;
}
date-range-picker td.active, date-range-picker td.active:hover {
  background-color: #0086d2;
  color: white;
}
/* prettier-ignore */

.page-creator-search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 960px;
  margin-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-creator-search .fa-table,
.page-creator-search .fa-list {
  font-size: 16px;
}
.page-creator-search .search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 18px 0 0 0;
  width: 100%;
}
.page-creator-search .search-row .intelligence-tabs .tab-content {
  padding-top: 18px;
}
.page-creator-search .search-row .search-column {
  padding: 0px;
}
.page-creator-search .search-row .search-column .include-description .filter-body {
  margin-top: 0px;
}
.page-creator-search .search-row .search-column .include-description label {
  color: #666;
  font-size: 12px;
  padding-left: 0px;
}
.page-creator-search .search-row .search-column .search-controls {
  padding: 10px 20px 10px;
  background-color: #f6f6f6;
}
.page-creator-search .search-row .search-column .search-data {
  padding: 0px;
  background-color: white;
}
.page-creator-search .search-row .search-column .search-data .header-tab {
  pointer-events: none;
  text-transform: none;
}
.page-creator-search .search-row .search-column .search-data .header-tab a {
  margin-left: -15px;
}
.page-creator-search .search-row .search-column .search-data .tab-content {
  padding: 10px 20px 40px;
  background-color: white;
}
.page-creator-search .search-row .search-result-summary {
  margin: 10px 0;
}
.page-creator-search .search-extras {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-creator-search .search-extras .extras-sub-row > *:not(:first-child) {
  margin-left: 15px;
}
.page-creator-search .search-extras .extras-sub-row > *:not(:first-child):hover:before {
  text-decoration: none;
}
.page-creator-search .search-extras .extras-sub-row > *:not(:first-child):before {
  display: inline-block;
  content: "|";
  color: #d7d7d7;
  margin-right: 15px;
}
/**
 * Styles for the Dealmaker page
 */
/* prettier-ignore */

dealmaker-content .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 5px 0 10px 0;
}
dealmaker-content .table-header .spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
dealmaker-content .table-header .filter-summary-button {
  margin-right: 10px;
  height: 30px;
  min-width: 123px;
}
dealmaker-content .table-unified {
  margin: 10px 0;
}
dealmaker-content .table-unified-header-row .platform-header:before {
  margin-right: 4px;
}
dealmaker-content .table-unified-header-row .platform-header.platform-header-youtube:before {
  color: #ff0000;
}
dealmaker-content .table-unified-header-row .platform-header.platform-header-facebook:before {
  color: #1877f2;
}
dealmaker-content .table-unified-header-row .platform-header.platform-header-instagram:before {
  color: #c13584;
}
dealmaker-content .industry-lockup .avatar,
dealmaker-content .genre-lockup .avatar {
  background-color: #d7d7d7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
dealmaker-content .row-with-action {
  position: relative;
}
dealmaker-content .row-with-action row-action-menu {
  position: absolute;
  right: 0;
}
dealmaker-content table-unified .table-unified-cell > table-cell-wrapper > div.video-lockup-cell {
  padding: 0;
}
dealmaker-content .icon-info-sign:before {
  padding-left: 2px;
}
dealmaker-content video-lockup {
  width: 100%;
}
dealmaker-content table-cell-wrapper > tb-tooltip {
  padding: 0 16px;
}
dealmaker-content dealmaker-data-cell,
dealmaker-content dealmaker-summary-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 16px;
}
dealmaker-content .subtitles-2 .subtitle {
  max-width: 75%;
}
dealmaker-content table-unified .table-unified-cell > table-cell-wrapper > div > entity-lockup {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin-right: 0;
  padding-right: 0;
}
dealmaker-content table-unified .table-unified-cell > table-cell-wrapper > div > entity-lockup .text-container {
  width: 100%;
}

/* prettier-ignore */

dealmaker .name-line > .name {
  padding-bottom: 20px;
}
dealmaker .dealmaker-content .table h1 {
  text-align: center;
}
dealmaker .dealmaker-content .heading-and-button-container .heading > h2 {
  font-size: 12px;
}
dealmaker .dealmaker-content .heading-and-button-container .button-container {
  margin-top: 10px;
}
dealmaker .dealmaker-content .button-container > button,
dealmaker .dealmaker-content .btn-group > button,
dealmaker .dealmaker-content .action-button {
  height: 30px;
  width: 94px;
}
dealmaker .dealmaker-content .notification-container {
  margin-top: 5px;
}
dealmaker .tab-decorator {
  color: #f2144b;
  font-size: 10px;
  position: absolute;
  top: 2px;
  right: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
/* prettier-ignore */

market-reports .name-line > .name {
  padding-bottom: 20px;
}
market-reports .market-report-content .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 5px 0 10px 0;
}
market-reports .market-report-content .table-header .spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
market-reports .market-report-content .table-header .filter-summary-button {
  height: 30px;
  min-width: 123px;
}
market-reports .market-report-content .search-column {
  width: calc(100% - 270px);
}
market-reports .market-report-content .search-column .chart-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
}
market-reports .market-report-content .search-column .chart-controls .control {
  padding: 5px;
}
market-reports .market-report-content .search-column .chart-controls .control .dropdown .dropdown-toggle {
  color: #00304d;
}
market-reports .market-report-content .search-column .chart-controls .control .dropdown .dropdown-toggle i {
  padding-right: 5px;
}
market-reports .market-report-content .search-column .chart-controls .control .drop-links,
market-reports .market-report-content .search-column .chart-controls .control .dropdown-menu {
  left: 0px;
  right: auto;
  min-width: 40px;
}
market-reports .market-report-content .search-column .chart-controls .control .drop-links .scroll-container i,
market-reports .market-report-content .search-column .chart-controls .control .dropdown-menu .scroll-container i {
  padding-left: 5px;
}
market-reports .market-report-content .search-column .chart-controls .control .drop-links a:hover,
market-reports .market-report-content .search-column .chart-controls .control .drop-links .link:hover,
market-reports .market-report-content .search-column .chart-controls .control .drop-links .nested-target:hover,
market-reports .market-report-content .search-column .chart-controls .control .dropdown-menu a:hover,
market-reports .market-report-content .search-column .chart-controls .control .dropdown-menu .link:hover,
market-reports .market-report-content .search-column .chart-controls .control .dropdown-menu .nested-target:hover {
  color: #00304d;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart {
  height: 400px;
  padding: 20px 0 30px 0;
  diplay: inline-block;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template {
  min-width: 230px;
  font-size: 12px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-title {
  padding: 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-data div {
  padding: 3px 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-data div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .icon-youtube-play {
  color: #ff0000;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .icon-facebook-sign {
  color: #1877f2;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .icon-instagram {
  color: #c13584;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-table-header-cell {
  min-width: 15%;
  width: 15%;
  text-align: right;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-row {
  width: 100%;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-row .tooltip-row-title {
  min-width: 55%;
  width: 55%;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-row td {
  padding: 3px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-row td i {
  padding-right: 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .market-reports-chart-tooltip-template .tooltip-table .tooltip-row .tooltip-value {
  text-align: right;
  min-width: 15%;
  width: 15%;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .highcharts-tooltip span {
  background-color: white;
  opacity: 1;
  z-index: 9999 !important;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .highcharts-container {
  overflow: visible !important;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked .stacked-chart .highcharts-data-labels {
  z-index: 1 !important;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #datatype-chart {
  width: calc(33.33% + 21px);
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #datatype-chart .highcharts-loading .highcharts-loading-inner {
  visibility: hidden;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #datatype-chart .highcharts-no-data {
  visibility: hidden;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #platform-chart {
  width: calc(33.33% - 21px);
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #platform-chart .highcharts-root {
  overflow: visible !important;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #country-chart {
  width: calc(33.33% - 21px);
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #country-chart .highcharts-loading .highcharts-loading-inner {
  visibility: hidden;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container-stacked #country-chart .highcharts-no-data {
  visibility: hidden;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container {
  width: calc(100% - 5px);
  height: 400px;
  padding-bottom: 30px;
  padding-top: 20px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template {
  min-width: 230px;
  font-size: 12px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-title {
  padding: 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-data div {
  padding: 3px 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-data div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .icon-youtube-play {
  color: #ff0000;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .icon-facebook-sign {
  color: #1877f2;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .icon-instagram {
  color: #c13584;
  padding-right: 4px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-table-header-cell {
  min-width: 15%;
  width: 15%;
  text-align: right;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-row {
  width: 100%;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-row .tooltip-row-title {
  min-width: 55%;
  width: 55%;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-row td {
  padding: 3px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-row td i {
  padding-right: 5px;
}
market-reports .market-report-content .search-column .market-reports-chart #graph-container .market-reports-chart-tooltip-template .tooltip-table .tooltip-row .tooltip-value {
  text-align: right;
  min-width: 15%;
  width: 15%;
}
market-reports .market-report-content .table-unified .icon-youtube-play {
  color: #ff0000;
  padding-right: 4px;
}
market-reports .market-report-content .table-unified .icon-facebook-sign {
  color: #1877f2;
  padding-right: 4px;
}
market-reports .market-report-content .table-unified .icon-instagram {
  color: #c13584;
  padding-right: 4px;
}
market-reports .market-report-content .table-unified table-cell-wrapper .header-text-container .tb-tooltip i {
  float: right;
}
market-reports .market-report-content .heading-and-button-container {
  padding-bottom: 10px;
}
market-reports .market-report-content .heading-and-button-container .heading > h2 {
  font-size: 12px;
}
market-reports .market-report-content .heading-and-button-container .action-button {
  margin-left: auto;
}
market-reports .market-report-content .heading-and-button-container .button-container {
  margin-top: 10px;
}
market-reports .market-report-content .button-container > button,
market-reports .market-report-content .btn-group > button {
  height: 30px;
  width: 94px;
}
/* prettier-ignore */

.x-scrollbar-track {
  position: fixed;
  height: 10px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  background: #eceef1;
}
.x-scrollbar-track .x-scrollbar-thumb {
  height: 10px;
  position: absolute;
  background: #9b9b9b;
  border-radius: 10px;
}
.x-scrollbar-track .x-scrollbar-thumb:hover {
  background: #a4a4a4;
}
/* prettier-ignore */

.page-filters-with-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-filters-with-content h1 {
  color: #00304d;
  font-size: 15px;
  font-weight: 500;
}
.page-filters-with-content .filter-column {
  background-color: white;
  border: 1px solid #d7d7d7;
  min-width: 238px;
  max-width: 238px;
  margin-right: 5px;
  position: relative;
}
.page-filters-with-content .filter-column.hidden {
  visibility: hidden;
}
.page-filters-with-content .filter-column .platform-radio-btns {
  padding-top: 12px;
  padding-bottom: 12px;
}
.page-filters-with-content .filter-column .filter-column-title {
  position: relative;
  background: white;
  border: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 12px 28px;
  border: none;
}
.page-filters-with-content .filter-column .filter-column-title:after, .page-filters-with-content .filter-column .filter-column-title:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.page-filters-with-content .filter-column .filter-column-title:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: white;
  border-width: 8px;
  top: 50%;
  margin-top: -8px;
}
.page-filters-with-content .filter-column .filter-column-title:before {
  border-color: rgba(215, 215, 215, 0);
  border-left-color: #d7d7d7;
  border-width: 9px;
  top: 50%;
  margin-top: -9px;
}
.page-filters-with-content .filter-column .filter-group {
  padding: 14px 0;
  border-top: 1px solid #d7d7d7;
}
.page-filters-with-content .filter-column .filter-group *:not(:last-child) .filter-body {
  margin-bottom: 18px;
}
.page-filters-with-content .filter-column .filter-group platform-filter-group:not(:last-child) {
  margin-bottom: 5px;
}
.page-filters-with-content .filter-column .filter-group platform-filter-group:not(:last-child) .filters {
  margin-bottom: 25px;
}
.page-filters-with-content .filter-column .filter-group .filter-group-title {
  padding: 0 28px 10px;
}
.page-filters-with-content .filter-column .filter-group .filter-group-subtitle {
  padding: 0 38px 10px;
  font-style: italic;
  font-size: 11px;
  margin-top: -15px;
}
.page-filters-with-content .filter-column .filter-group .filter-group-subtext {
  padding: 0 28px;
  font-style: italic;
  font-size: 11px;
  margin-top: -8px;
}
.page-filters-with-content .filter-column .filter-actions-only-child.filter-actions {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-filters-with-content .filter-column .filter-actions {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: white;
  border-top: 1px solid #ddd;
}
.page-filters-with-content .filter-column .filter-actions .apply-btn {
  padding-left: 20px;
  padding-right: 20px;
}
.page-filters-with-content .search-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background-color: white;
  margin-left: 5px;
  padding: 10px 20px 40px;
  position: relative;
  width: calc(100% - 40px);
  min-width: 0;
}
.page-filters-with-content .search-column .no-data-banner .tpl-alert {
  width: 98%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px 0px 10px 0px;
}
.page-filters-with-content .search-column .load-more {
  padding-top: 38px;
}
.page-filters-with-content .search-column .load-more > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px;
  background-color: #f5f5f5;
}
.page-filters-with-content .heading-and-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-filters-with-content .heading-and-button-container .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-filters-with-content .heading-and-button-container .button-container > * {
  margin-left: 10px;
}
/* prettier-ignore */

.page-filters-with-content .icon-lock {
  margin-right: 3px;
  font-size: 12px;
}
.page-filters-with-content .filter-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 0 28px;
}
.page-filters-with-content .filter-header:hover {
  background-color: #f6f6f6;
}
.page-filters-with-content .filter-header h2 {
  color: #00304d;
  font-size: 0.8rem;
}
.page-filters-with-content .filter-header h2 .filter-icon {
  color: #9b9b9b;
}
.page-filters-with-content .filter-header h2 .filter-beta {
  color: #9b9b9b;
}
.page-filters-with-content .filter-header h2 .filter-badge {
  position: relative;
  bottom: 0.0625rem;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.125rem 0.1875rem;
  border-radius: 0.125rem;
  margin-left: 0.1875rem;
  color: #999;
  background: #eceef1;
}
.page-filters-with-content .filter-header h2 .filter-badge.badge-pink {
  color: #f2144b;
  background: #fadae4;
}
.page-filters-with-content .filter-header .icon-caret-right,
.page-filters-with-content .filter-header .icon-caret-down {
  color: #00304d;
}
.page-filters-with-content .filter-header .icon-lock {
  color: #00304d;
}
.page-filters-with-content .filter-body {
  margin-top: 5px;
}
.page-filters-with-content .filter-body multiselect-dropdown label {
  padding-left: 0;
}
.page-filters-with-content .filter-body label {
  font-size: 0.8rem;
  color: #9b9b9b;
  padding-left: 28px;
  padding-right: 12px;
}
.page-filters-with-content .filter-body label i.label-text {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 190px;
}
.page-filters-with-content .filter-body label .exclude-facet {
  opacity: 0;
  padding: 0 5px;
  color: #9b9b9b;
}
.page-filters-with-content .filter-body label:hover .exclude-facet {
  opacity: 1;
}
.page-filters-with-content .filter-body label.excluded .exclude-facet {
  opacity: 1;
}
.page-filters-with-content .filter-body label.excluded .label-text {
  text-decoration: line-through;
}
.page-filters-with-content .filter-body .facet-toggle {
  display: inline-block;
  padding-left: 28px;
  font-size: 0.8rem;
  margin-top: 5px;
}
.page-filters-with-content .filter-body .facet-loading {
  height: 10px;
  margin: 11px 28px;
  border-radius: 4px;
}
.page-filters-with-content .filter-body autocomplete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 5px 12px 0;
}
.page-filters-with-content .filter-body .input-range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 12px;
}
.page-filters-with-content .filter-body .input-range-container .min-input {
  margin-right: 5px;
}
.page-filters-with-content .filter-body .input-range-container input {
  min-width: 0;
  padding: 9px 10px 9px 15px;
  font-size: 0.8rem;
}
.page-filters-with-content .filter-body .slider-dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: relative;
  margin: 5px 12px 0;
  font-size: 0.8rem;
}
.page-filters-with-content .filter-body .slider-dropdown-menu .dropdown {
  width: 100%;
}
.page-filters-with-content .filter-body .slider-dropdown-menu .dropdown button {
  padding: 7px 10px;
  width: 100%;
}
.page-filters-with-content .filter-body .slider-dropdown-menu .dropdown .dropdown-menu {
  min-width: 182px;
}
.page-filters-with-content .filter-body .slider-subtitle {
  font-style: italic;
  font-size: 0.8rem;
  padding-left: 28px;
  margin-top: -5px;
}
.page-filters-with-content .filter-body .slider-label {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 28px;
}
.page-filters-with-content .filter-body .slider-label .icon-remove-sign {
  color: #9b9b9b;
  cursor: pointer;
  padding-right: 28px;
}
.page-filters-with-content .filter-body .slider-bar {
  padding: 0 28px 0 16px;
}
.page-filters-with-content .filter-body date-range-picker {
  margin: 0 12px;
}
.page-filters-with-content .filter-body date-range-picker .selection-text {
  margin-left: 7px;
  font-size: 0.8rem;
}
.page-filters-with-content platform-filter-group {
  display: block;
}
.page-filters-with-content platform-filter-group h2 {
  font-size: 0.8rem;
  font-weight: 400;
}
.page-filters-with-content platform-filter-group .header {
  padding: 0 28px;
  border-left: 3px solid #eee;
  color: #00304d;
  cursor: pointer;
}
.page-filters-with-content platform-filter-group .header:hover {
  background-color: #f6f6f6;
}
.page-filters-with-content platform-filter-group .filters {
  padding-top: 5px;
  padding-left: 0;
  border-left: 3px solid #eee;
}
.page-filters-with-content platform-filter-group .filter-youtube {
  border-color: #ff0000;
}
.page-filters-with-content platform-filter-group .filter-facebook {
  border-color: #1877f2;
}
.page-filters-with-content platform-filter-group .filter-twitter {
  border-color: #1da1f2;
}
.page-filters-with-content platform-filter-group .filter-instagram {
  border-color: #c13584;
}
.page-filters-with-content platform-filter-group .filter-twitch {
  border-color: #6441a4;
}
.page-filters-with-content platform-filter-group .filter-tiktok {
  border-color: #14a8aa;
}
.scrollable {
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid white;
  background-color: #ccc;
}
.scrollable::-webkit-scrollbar {
  width: 8px;
}

/* prettier-ignore */

faceted-filter-dropdown .dropdown-container {
  padding-top: 6px;
}
faceted-filter-dropdown .dropdown-container .dropdown-toggle {
  padding: 7px 10px 7px 15px;
  width: 77%;
  margin-left: 12px;
  color: #9b9b9b;
  font-size: 13px;
}
faceted-filter-dropdown .dropdown-container .dropdown-toggle .icon-caret-down {
  float: right;
}
faceted-filter-dropdown .dropdown-container .dropdown-menu {
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0px 5px;
  margin-left: 12px;
  margin-top: 0px;
  max-height: 160px;
  height: 160px;
  overflow-x: hidden;
  width: 90%;
  border-radius: 3px;
  border: 1px solid #d7d7d7 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
faceted-filter-dropdown .dropdown-container .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid white;
  background-color: #ccc;
}
faceted-filter-dropdown .dropdown-container .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}
faceted-filter-dropdown .dropdown-container .dropdown-menu .scroll-container .dropdown-item-disabled {
  background: none;
  color: #9b9b9b;
  padding: 5px;
}
faceted-filter-dropdown .dropdown-container .dropdown-menu .scroll-container .dropdown-item-enabled {
  color: #666;
  padding: 5px;
}
#simple-btn-keyboard-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  width: 100%;
  line-height: 1.2em;
}
#simple-btn-keyboard-nav .title-name {
  min-width: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
#simple-btn-keyboard-nav .icon-caret-down {
  display: block;
}

dropdown-filter .dropdown-menu {
  padding: 10px;
}
dropdown-filter .icon-caret-down {
  display: none;
}
dropdown-filter .filter-header {
  pointer-events: none;
}
dropdown-filter .filter-body {
  margin: 0 12px;
}
dropdown-filter .locked-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
dropdown-filter .locked-menu-item .icon-lock {
  font-size: 12px;
  margin-left: 10px;
  margin-top: 3px;
}
sort-filter .sort-group-title.group-title {
  padding: 10px;
  font-weight: bold;
}
sort-filter .drop-links .lock-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* prettier-ignore */

/* prettier-ignore */

content-advisor-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 768px;
  height: 44px;
  background-color: #00304c;
}
content-advisor-nav .dogfood {
  cursor: default;
  margin-right: 5px;
  padding-left: 20px;
  color: #72b3cb;
}
content-advisor-nav .dropdown.user .dropdown-menu {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
content-advisor-nav .dropdown-menu.nav-dropdown {
  min-width: 130px;
  left: -10px;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
content-advisor-nav .force-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
content-advisor-nav .logo {
  height: 18px;
  width: 80px;
  min-width: 80px;
  background: no-repeat center/80px url("https://static.tubularlabs.com/images/tubular-logo_pink.svg");
  -webkit-filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
          filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
  margin-right: 10px;
  margin-left: 20px;
}
content-advisor-nav .nav-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-width: 0;
}
content-advisor-nav .hide-when-small-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
content-advisor-nav .hide-when-small {
  display: none;
}
content-advisor-nav .not-last-nav > *:last-child {
  margin-right: 10px;
}
content-advisor-nav .menuClosed {
  left: -260px;
}
content-advisor-nav .nav-link {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 14px 10px;
}
content-advisor-nav .nav-link:hover {
  color: white;
}
content-advisor-nav .nav-link.current {
  color: #00304c;
  background-color: white;
}
content-advisor-nav .sidemenu .nav-link.current {
  color: white;
  background-color: #00304c;
}
content-advisor-nav .nav-link.auth {
  white-space: nowrap;
}
content-advisor-nav .nav-link.gray-current.current {
  background-color: #eceef1;
}
content-advisor-nav .side-link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
}
content-advisor-nav .extra-left-margin {
  margin-left: 10px;
}
content-advisor-nav .support {
  padding-right: 20px;
}
content-advisor-nav .left-border {
  border-left: solid;
  border-color: #72b3cb;
  border-width: thin;
}
content-advisor-nav .top-border {
  border-top: solid 1px #72b3cb;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
}
content-advisor-nav .user {
  min-width: 0;
}
content-advisor-nav .user .dropdown-toggle {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
content-advisor-nav .user .user-name {
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  display: block;
  padding-left: 10px;
  padding-right: 20px;
}
content-advisor-nav .user-avatar {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background-size: 25px;
  margin-right: 5px;
  border-radius: 50%;
  background-image: url("/static/public/img/generic.png");
}
content-advisor-nav .dropdown.open .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  padding: 0;
  background-color: #00304c;
}
content-advisor-nav .dropdown.open .dropdown-menu a {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
}
content-advisor-nav .dropdown.open .dropdown-menu a:hover {
  background-color: #1a4161;
  color: white;
}
content-advisor-nav .dropdown.open .dropdown-menu a.current {
  color: #00304c;
  background-color: white;
}
content-advisor-nav .hide-when-small ~ div input[type=search] {
  width: 375px;
}
content-advisor-nav combocomplete {
  height: 34px;
}
content-advisor-nav combocomplete input[type=search] {
  height: 34px;
  padding: 0 5px;
  font-size: 12px;
  width: 250px;
  background-color: #668394;
  border: none;
  color: white;
}
content-advisor-nav combocomplete input[type=search]:focus {
  background-color: white;
  color: #668394;
}
content-advisor-nav combocomplete input[type=search]::-webkit-input-placeholder {
  color: white;
}
content-advisor-nav combocomplete input[type=search]:-ms-input-placeholder {
  color: white;
}
content-advisor-nav combocomplete input[type=search]::-ms-input-placeholder {
  color: white;
}
content-advisor-nav combocomplete input[type=search]::placeholder {
  color: white;
}
content-advisor-nav .upgrade-container {
  width: 100%;
  background-color: #f8e81c;
  color: #11314b;
  margin: 3px 0;
  padding: 5px;
  border-radius: 3px;
}
content-advisor-nav .upgrade-link {
  padding-left: 2px;
  padding-right: 2px;
}
content-advisor-nav .upgrade-link i {
  font-size: 14px;
  vertical-align: middle;
}
content-advisor-nav .sidemenu {
  min-height: 47rem;
}
/* prettier-ignore */

/* prettier-ignore */

/* prettier-ignore */

influencer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 768px;
  height: 44px;
  background-color: #00304c;
}
influencer-nav .dogfood {
  cursor: default;
  margin-right: 5px;
  padding-left: 20px;
  color: #72b3cb;
}
influencer-nav .dropdown.user .dropdown-menu {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
influencer-nav .dropdown-menu.nav-dropdown {
  min-width: 130px;
  left: -10px;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
influencer-nav .force-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
influencer-nav .logo {
  height: 18px;
  width: 80px;
  min-width: 80px;
  background: no-repeat center/80px url("https://static.tubularlabs.com/images/tubular-logo_pink.svg");
  -webkit-filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
          filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
  margin-right: 10px;
  margin-left: 20px;
}
influencer-nav .nav-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-width: 0;
}
influencer-nav .hide-when-small-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
influencer-nav .hide-when-small {
  display: none;
}
influencer-nav .not-last-nav > *:last-child {
  margin-right: 10px;
}
influencer-nav .menuClosed {
  left: -260px;
}
influencer-nav .nav-link {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 14px 10px;
}
influencer-nav .nav-link:hover {
  color: white;
}
influencer-nav .nav-link.current {
  color: #00304c;
  background-color: white;
}
influencer-nav .sidemenu .nav-link.current {
  color: white;
  background-color: #00304c;
}
influencer-nav .nav-link.auth {
  white-space: nowrap;
}
influencer-nav .nav-link.gray-current.current {
  background-color: #eceef1;
}
influencer-nav .side-link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
}
influencer-nav .extra-left-margin {
  margin-left: 10px;
}
influencer-nav .support {
  padding-right: 20px;
}
influencer-nav .left-border {
  border-left: solid;
  border-color: #72b3cb;
  border-width: thin;
}
influencer-nav .top-border {
  border-top: solid 1px #72b3cb;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
}
influencer-nav .user {
  min-width: 0;
}
influencer-nav .user .dropdown-toggle {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
influencer-nav .user .user-name {
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  display: block;
  padding-left: 10px;
  padding-right: 20px;
}
influencer-nav .user-avatar {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background-size: 25px;
  margin-right: 5px;
  border-radius: 50%;
  background-image: url("/static/public/img/generic.png");
}
influencer-nav .dropdown.open .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  padding: 0;
  background-color: #00304c;
}
influencer-nav .dropdown.open .dropdown-menu a {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
}
influencer-nav .dropdown.open .dropdown-menu a:hover {
  background-color: #1a4161;
  color: white;
}
influencer-nav .dropdown.open .dropdown-menu a.current {
  color: #00304c;
  background-color: white;
}
influencer-nav .hide-when-small ~ div input[type=search] {
  width: 375px;
}
influencer-nav combocomplete {
  height: 34px;
}
influencer-nav combocomplete input[type=search] {
  height: 34px;
  padding: 0 5px;
  font-size: 12px;
  width: 250px;
  background-color: #668394;
  border: none;
  color: white;
}
influencer-nav combocomplete input[type=search]:focus {
  background-color: white;
  color: #668394;
}
influencer-nav combocomplete input[type=search]::-webkit-input-placeholder {
  color: white;
}
influencer-nav combocomplete input[type=search]:-ms-input-placeholder {
  color: white;
}
influencer-nav combocomplete input[type=search]::-ms-input-placeholder {
  color: white;
}
influencer-nav combocomplete input[type=search]::placeholder {
  color: white;
}

.side-links {
  padding: 0 10px;
  margin: 0;
}
/* prettier-ignore */

/* prettier-ignore */

/* prettier-ignore */

public-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 768px;
  height: 44px;
  background-color: #00304c;
}
public-nav .dogfood {
  cursor: default;
  margin-right: 5px;
  padding-left: 20px;
  color: #72b3cb;
}
public-nav .dropdown.user .dropdown-menu {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
public-nav .dropdown-menu.nav-dropdown {
  min-width: 130px;
  left: -10px;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
public-nav .force-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
public-nav .logo {
  height: 18px;
  width: 80px;
  min-width: 80px;
  background: no-repeat center/80px url("https://static.tubularlabs.com/images/tubular-logo_pink.svg");
  -webkit-filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
          filter: hue-rotate(213deg) saturate(0.32) brightness(1.8);
  margin-right: 10px;
  margin-left: 20px;
}
public-nav .nav-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-width: 0;
}
public-nav .hide-when-small-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
public-nav .hide-when-small {
  display: none;
}
public-nav .not-last-nav > *:last-child {
  margin-right: 10px;
}
public-nav .menuClosed {
  left: -260px;
}
public-nav .nav-link {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 14px 10px;
}
public-nav .nav-link:hover {
  color: white;
}
public-nav .nav-link.current {
  color: #00304c;
  background-color: white;
}
public-nav .sidemenu .nav-link.current {
  color: white;
  background-color: #00304c;
}
public-nav .nav-link.auth {
  white-space: nowrap;
}
public-nav .nav-link.gray-current.current {
  background-color: #eceef1;
}
public-nav .side-link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
}
public-nav .extra-left-margin {
  margin-left: 10px;
}
public-nav .support {
  padding-right: 20px;
}
public-nav .left-border {
  border-left: solid;
  border-color: #72b3cb;
  border-width: thin;
}
public-nav .top-border {
  border-top: solid 1px #72b3cb;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
}
public-nav .user {
  min-width: 0;
}
public-nav .user .dropdown-toggle {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
public-nav .user .user-name {
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  display: block;
  padding-left: 10px;
  padding-right: 20px;
}
public-nav .user-avatar {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background-size: 25px;
  margin-right: 5px;
  border-radius: 50%;
  background-image: url("/static/public/img/generic.png");
}
public-nav .dropdown.open .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  padding: 0;
  background-color: #00304c;
}
public-nav .dropdown.open .dropdown-menu a {
  font-size: 10px;
  color: #72b3cb;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
}
public-nav .dropdown.open .dropdown-menu a:hover {
  background-color: #1a4161;
  color: white;
}
public-nav .dropdown.open .dropdown-menu a.current {
  color: #00304c;
  background-color: white;
}
public-nav .hide-when-small ~ div input[type=search] {
  width: 375px;
}
public-nav combocomplete {
  height: 34px;
}
public-nav combocomplete input[type=search] {
  height: 34px;
  padding: 0 5px;
  font-size: 12px;
  width: 250px;
  background-color: #668394;
  border: none;
  color: white;
}
public-nav combocomplete input[type=search]:focus {
  background-color: white;
  color: #668394;
}
public-nav combocomplete input[type=search]::-webkit-input-placeholder {
  color: white;
}
public-nav combocomplete input[type=search]:-ms-input-placeholder {
  color: white;
}
public-nav combocomplete input[type=search]::-ms-input-placeholder {
  color: white;
}
public-nav combocomplete input[type=search]::placeholder {
  color: white;
}

.side-links {
  padding: 0 10px;
  margin: 0;
}
.cp-aaw-chart-wrapper #graph-container {
  width: calc(100% - 5px);
  height: 400px;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip {
  padding: 5px;
  max-width: 320px;
  width: 320px;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip img {
  width: 80px;
  height: 80px;
  border-radius: 3px;
  float: left;
  padding-bottom: 5px;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-creator-name {
  width: 230px;
  height: 80px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  white-space: initial;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-title {
  padding: 5px;
  white-space: initial;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-data div {
  padding: 1px 5px;
  display: block;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-data div div {
  display: inline-block;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-data div .data-title {
  min-width: 120px;
  width: 120px;
  max-width: 120px;
  padding-right: 10px;
}
.cp-aaw-chart-wrapper #graph-container .aaw-chart-tooltip .tooltip-data div .data-value {
  white-space: initial;
}
profile-tab.creator-caw .content {
  padding: 0;
  margin: 0;
  background-color: #eceef1;
}

.cp-audience-caw-wrapper {
  padding: 20px 0;
}

.cp-audience-caw .export-csv {
  height: 35px;
  min-width: 100px;
  background-color: white;
  margin-left: auto;
}
.cp-audience-caw table-dynamic entity-lockup {
  padding-left: 10px;
}
.cp-audience-caw table-dynamic entity-lockup .name {
  font-size: 14px;
  line-height: normal;
}
creator-demographics .cp-audience-demographics-data-wrapper {
  padding: 20px 0;
}
creator-demographics .chart-container {
  width: 740px;
  height: 270px;
}
creator-demographics .facebook-info-notice {
  margin-bottom: 10px;
}
/* prettier-ignore */

.location-chart .graph-container {
  width: 100%;
  height: 100%;
  background-color: white;
}
.location-chart .axis-group text {
  text-anchor: middle;
  fill: #666666;
  font-size: 10px;
}
.location-chart .axis-group .tick line {
  stroke: #d7d7d7;
  opacity: 0.8;
}
.location-chart .axis-group .tick text {
  font-size: 11px;
  text-align: center;
}
.location-chart .axis-group path {
  display: none;
}
.location-chart .bar-group text {
  text-anchor: middle;
  fill: #666666;
  font-size: 11px;
}
.location-chart .tooltip-group .platform-tooltip {
  border-radius: 5px;
  visibility: hidden;
  text-anchor: middle;
  font-size: 12px;
  background: #fff;
  border: 1px solid #d7d7d7;
  z-index: 10;
}
.location-chart .tooltip-group .platform-tooltip .tooltip-wrapper {
  padding: 8px;
}
.location-chart .tooltip-group .platform-tooltip .tooltip-wrapper .tooltip-data {
  font-size: 12px;
  padding-bottom: 5px;
}
.location-chart .tooltip-group .platform-tooltip .tooltip-wrapper .facebook-tooltip-icon {
  color: #3b5998;
}
.location-chart .tooltip-group .platform-tooltip .tooltip-wrapper .youtube-tooltip-icon {
  color: #cd201f;
}
.location-chart .tooltip-group .platform-tooltip .tooltip-wrapper .instagram-tooltip-icon {
  color: #c13584;
}
.location-chart .facebook-bar {
  fill: #1877f2;
}
.location-chart .youtube-bar {
  fill: #ff0000;
}
.location-chart .instagram-bar {
  fill: #c13584;
}
.location-chart .hoverbox {
  opacity: 0;
}
profile-tab.audience .content {
  padding: 0;
  margin: 0;
  background-color: #eceef1;
}

.cp-audience-location-wrapper {
  padding: 20px 0;
}

.cp-audience-location {
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #eceef1;
  padding: 20px;
  overflow: hidden;
}
.cp-audience-location .filter-column {
  height: 100%;
  min-width: 238px;
}
.cp-audience-location .filter-column faceted-filter h2 {
  font-size: 13px;
  color: #00304d;
}

.cp-audience-location-data {
  min-width: 900px;
}
.cp-audience-location-data .chart-summary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-audience-location-data .chart-summary .export-csv {
  height: 35px;
  max-width: 100px;
  background-color: white;
  margin-left: auto;
}
.cp-audience-location-data .chart-summary .chart-heading {
  padding-bottom: 20px;
  font-size: 18px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cp-audience-location-data .chart-summary .chart-heading .chart-tooltip {
  font-size: 11px;
  padding-left: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cp-audience-location-data .tpl-alert {
  width: calc(100% - 30px);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.cp-audience-location-data .location-chart-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-audience-location-data .location-chart-wrapper .location-chart {
  font-size: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 310px;
}
.cp-audience-location-data .table-unified .audience-location-column-arrow-container {
  padding: 0 5px;
  font-size: 14px;
  margin-left: auto;
  margin-top: -25px;
  width: auto;
}

.location-blocked-state {
  width: 100%;
}
profile-tab.creator-vaw .content {
  padding: 0;
  margin: 0;
  background-color: #eceef1;
}

.cp-audience-vaw-wrapper {
  padding: 20px 0;
}

.cp-audience-vaw .export-csv {
  height: 35px;
  min-width: 100px;
  background-color: white;
  margin-left: auto;
}
.blocked-state-container {
  margin-top: 20px;
  display: block;
  min-height: 475px;
  position: relative;
  background-color: white;
  padding: 20px;
}
.blocked-state-container.full {
  background-size: 100%;
  background-repeat: no-repeat;
}
.blocked-state-container.full .full-state-action {
  top: 20%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #00304d;
  min-width: 7.5rem;
  border-radius: 0.5rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blocked-state-container.full .full-state-action.small-view {
  top: 60%;
}
.blocked-state-container.full .full-state-action .title {
  text-align: center;
  color: white;
}
.blocked-state-container.full .full-state-action .button {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1.5rem;
}
.blocked-state-container .state-action {
  position: absolute;
  margin-top: -100px;
  top: 200px;
  left: 0;
  width: 40%;
  line-height: 1.3;
  padding-left: 80px;
  color: #fff;
}
.blocked-state-container .state-action .action {
  font-size: 11px;
  padding-bottom: 15px;
}
.blocked-state-container .state-action .action-title {
  padding-bottom: 20px;
  font-size: 34px;
}
.blocked-state-container .state-action .action-subtitle {
  font-size: 14px;
}
.blocked-state-container .state-action .button {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  width: 180px;
  min-width: 180px;
  height: 35px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  background: -webkit-gradient(linear, left top, right top, from(#ed3972), color-stop(150%, #5e2a55));
  background: -o-linear-gradient(left, #ed3972, #5e2a55 150%);
  background: linear-gradient(to right, #ed3972, #5e2a55 150%);
}
.blocked-state-container .unblocked-image {
  position: relative;
  height: 320px;
  width: 50%;
  max-width: 600px;
  margin-left: 50%;
  margin-top: -220px;
}
.blocked-state-container .unblocked-image .unblocked-example-image {
  position: absolute;
  bottom: 0;
  height: auto;
  margin-left: -10px;
}
.blocked-state-container .hidden-image {
  visibility: hidden;
}
.blocked-state-container .blocked-image {
  width: 100%;
  height: 350px;
  background-color: #00304d;
  border-radius: 4px;
}
/* prettier-ignore */

profile-directory .pd-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eceef1;
  border-bottom: 1px solid #c5cfd7;
  padding-left: 30px;
}
profile-directory .pd-breadcrumb,
profile-directory .pd-breadcrumb-last {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  padding-right: 45px;
  z-index: 11;
}
profile-directory .pd-breadcrumb:after,
profile-directory .pd-breadcrumb-last:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 10px solid #eceef1;
}
profile-directory .pd-breadcrumb:before,
profile-directory .pd-breadcrumb-last:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 10px solid #c5cfd7;
}
profile-directory .pd-breadcrumb .pd-thumbnail,
profile-directory .pd-breadcrumb-last .pd-thumbnail {
  background-size: 21px 21px;
  height: 21px;
  width: 21px;
  font-size: 21px;
  border-radius: 50%;
  margin-right: 0.45em;
}
profile-directory .pd-breadcrumb-last {
  margin-left: -30px;
  padding-left: 30px;
  background-color: #dbe0e4;
  z-index: 10;
}
profile-directory .pd-breadcrumb-last:after {
  border-left: 10px solid #dbe0e4;
}
profile-directory .pd-breadcrumb-last:before {
  background-color: #eceef1;
}
profile-directory .pd-breadcrumb-title {
  font-size: 13px;
  font-family: "faricy-new", sans-serif;
}
profile-directory .pd-profile-icon {
  font-size: 21px;
  background-color: white;
  border-radius: 50%;
  margin-right: 0.45em;
  line-height: 0;
  height: 18px;
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
profile-directory .pd-profile-icon.icon-property {
  color: #213d57;
}
profile-directory .pd-profile-icon.icon-subproperty {
  color: #ebb345;
}
profile-directory .pd-loading-spinner {
  background-image: url("/static/public/img/tubutate.gif");
  background-size: contain;
  height: 20px;
  width: 20px;
}
profile-directory .pd-toggle {
  font-size: 13px;
  font-family: "faricy-new", sans-serif;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
profile-directory .pd-toggle-selected {
  color: #00304d;
}
profile-directory .pd-dropdown {
  font-size: 13px;
  font-family: "faricy-new", sans-serif;
  padding: 10px 0;
  border-radius: 3px;
  max-height: 500px;
  overflow: auto;
}
profile-directory .pd-dropdown .pd-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px;
  color: #0873bb;
}
profile-directory .pd-dropdown .pd-dropdown-item:hover {
  color: #1982b6;
}
profile-directory .pd-dropdown .pd-creator-lockup span:first-child {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 1.3;
}
profile-directory .pd-dropdown .pd-creator-lockup span:last-child {
  font-size: 10px;
  line-height: 1;
  color: #aaa;
}
profile-directory .pd-dropdown .pd-dropdown-selected {
  color: #00304d;
}
profile-directory .pd-dropdown .pd-dropdown-group {
  padding: 5px 15px;
  color: #aaa;
}
profile-directory .pd-dropdown .pd-loading-creator {
  font-size: 20px;
}
global-rankings .gr-tab-ctrl {
  padding-top: 0;
}
global-rankings .gr-tab-ctrl .tab {
  padding: 0;
}
global-rankings .global-rankings-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
global-rankings .global-rankings-content .gr-content .gr-content-title {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
global-rankings .global-rankings-content .gr-content .gr-content-title button:first-child {
  margin-left: auto;
}
global-rankings .global-rankings-content .gr-content global-rankings-chart .gr-chart-container {
  width: 100%;
}
global-rankings .global-rankings-content .gr-content .gr-empty-state-banner {
  background-color: #7ba3d7;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  line-height: 16px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
}
global-rankings .global-rankings-content .gr-content .gr-empty-state-banner .icon-info-sign {
  font-style: italic;
}
global-rankings .global-rankings-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
global-rankings .global-rankings-table-row .ranking-color {
  margin-right: 10px;
}
global-rankings .global-rankings-chart-tooltip-template .gr-chart-tooltip-title {
  padding: 5px;
}
global-rankings .global-rankings-chart-tooltip-template .gr-chart-tooltip-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
global-rankings .global-rankings-chart-tooltip-template .gr-chart-tooltip-data div {
  padding: 1px 5px;
}
global-rankings .global-rankings-chart-tooltip-template .gr-chart-tooltip-data div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/* prettier-ignore */

profile-performance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
profile-performance .blocked-wrapper {
  width: 100%;
}
profile-performance .loading-spinner {
  background-image: url("/static/public/img/tubutate.gif");
  background-size: contain;
  height: 20px;
  width: 20px;
}
profile-performance .heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
profile-performance .heading-container .compare-mode-label .filter-body {
  margin-top: 0px;
}
profile-performance .heading-container .compare-mode-label .filter-body label {
  color: #666;
  font-size: 14px;
}
profile-performance .performance-container .chart-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
}
profile-performance .performance-container .chart-filters dropdown-filter {
  padding: 5px;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header .filter-header {
  padding: 0;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header .filter-header h2 {
  font-size: 14px;
  color: #666;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header .filter-body {
  margin-top: 0;
  margin-left: 5px;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header .filter-body span {
  font-size: 14px;
  color: #00304d;
}
profile-performance .performance-container .chart-filters dropdown-filter filter-with-header .filter-body .icon-caret-down {
  padding-left: 5px;
}
profile-performance .performance-container .chart-filters dropdown-filter .drop-links,
profile-performance .performance-container .chart-filters dropdown-filter .dropdown-menu {
  left: 0;
  right: auto;
  min-width: 40px;
}
profile-performance .performance-container .chart-filters dropdown-filter .drop-links .scroll-container i,
profile-performance .performance-container .chart-filters dropdown-filter .dropdown-menu .scroll-container i {
  padding-left: 5px;
}
profile-performance .performance-container .chart-filters dropdown-filter .drop-links a:hover,
profile-performance .performance-container .chart-filters dropdown-filter .drop-links .link:hover,
profile-performance .performance-container .chart-filters dropdown-filter .drop-links .nested-target:hover,
profile-performance .performance-container .chart-filters dropdown-filter .dropdown-menu a:hover,
profile-performance .performance-container .chart-filters dropdown-filter .dropdown-menu .link:hover,
profile-performance .performance-container .chart-filters dropdown-filter .dropdown-menu .nested-target:hover {
  color: #00304d;
}
/* prettier-ignore */

profile .content-wrapper {
  width: 100%;
}
profile .page-header {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}
profile .teeny-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
  border: 1px solid #98b0be;
  border-radius: 50%;
  color: #98b0be;
  width: 15px;
  height: 15px;
  font-size: 9px;
}
profile .teeny-btn i {
  position: relative;
  top: 1px;
}
profile .teeny-btn:hover {
  border: 1px solid #f2144b;
  color: #f2144b;
  cursor: pointer;
}
profile .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 28px;
}
profile .unit .label {
  margin-right: 5px;
}
profile .unit .data {
  font-weight: bold;
}
profile .month {
  background-color: #03314c;
  font-size: 12px;
  padding: 0 2px;
  line-height: 15px;
  border-radius: 2px;
  margin-right: 10px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}
profile .not-found-container {
  background: #eceef1;
}
profile .not-found {
  margin: 20px;
}
profile .not-found p:first-child {
  font-size: 32px;
  color: #00304c;
  max-width: 960px;
}
profile .video-search-column .search-box-lockup {
  font-size: 12px;
  height: 20px;
  max-width: 300px;
  margin-top: 2px;
}
profile .video-search-column .search-box-lockup input[type=search] {
  font-size: inherit;
  height: 100%;
  border-right: 1px solid #d7d7d7;
  border-radius: 3px;
  padding-left: 25px;
  padding-right: 5px;
}
profile .video-search-column .search-box-lockup input[type=search]:focus {
  border-right: 1px solid #21a1e1;
}
profile .video-search-column .search-box-lockup .icon-search {
  left: 8px;
}
profile .video-search-column .manage-selection {
  font-size: 14px;
}
profile .video-search-column .manage-selection .group-title {
  padding-bottom: 8px;
}
profile .video-search-column .manage-selection .menu-item {
  font-weight: normal;
}
profile .video-search-column .manage-selection .menu-item > span > i {
  margin-right: 8px;
}
/**
 * Styles for the profile actions component
 */
/* prettier-ignore */

profile-actions .creator-name {
  color: #0873bb;
}
profile-actions .favorites-popover {
  position: absolute;
  background: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 11;
  text-align: left;
  cursor: default;
  font-size: 14px;
  padding: 15px;
  right: 0;
  top: 120%;
  width: 150px;
}
profile-actions .profile-actions-dropdown {
  font-size: 12px;
  min-width: 0;
}
profile-actions .menu-item > i:before {
  padding-right: 0.45em;
}
profile-actions .menu-item > i:before {
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
}
profile-actions .notes-btn {
  padding: 0.5rem 0.8rem;
  position: relative;
}
profile-actions .favs-btn {
  position: relative;
}
profile-actions .icon-star {
  color: #f2144b;
}
profile-tab .blocked-icon {
  color: #9b9b9b;
  padding-left: 5px;
}
profile-tab .child-tab-ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}
profile-tab .child-tab-ctrl > * {
  margin-right: 35px;
  color: #787878;
  border-bottom: 2px solid #eceef1;
  padding: 14px 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
profile-tab .child-tab-ctrl > *.current {
  color: #355a6f;
  border-bottom: 2px solid #355a6f;
}

.screen-fit-message {
  display: none;
}

@media (max-width: 700px) {
  profile-tab:not(.summary) {
    display: none;
  }

  .screen-fit-message {
    display: block;
  }
}
profile-tab.video-gallery .content {
  padding: 0;
}

video-gallery {
  background-color: #eceef1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
video-gallery video-lockup {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
video-gallery .heading-and-button-container {
  padding-bottom: 10px;
}
video-gallery .load-more {
  padding-top: 30px;
}
video-gallery .page-filters-with-content .search-column .no-data-banner .tpl-alert {
  margin-top: 0;
}
/* prettier-ignore */

table-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
table-static .table-static {
  border: 1px solid #d7d7d7;
  background: #fff;
  width: 100%;
}
table-static .table-static .column-search {
  font-size: 12px;
  padding: 5px;
}
table-static .table-static .flex-wrapper {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
table-static .table-static .heading-row {
  height: 66px;
  border: 1px solid #d7d7d7;
  background: #f5f5f5;
}
table-static .table-static .heading-sortable {
  cursor: pointer;
  color: #666;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
table-static .table-static .selected {
  background: #dcecf3;
}
table-static .table-static .selected-column {
  -webkit-box-shadow: 1px 0 0 #e3e3e3 inset, -1px 0 0 #e3e3e3 inset;
  box-shadow: 1px 0 0 #e3e3e3 inset, -1px 0 0 #e3e3e3 inset;
}
table-static .table-static .sort-header-icon {
  font-size: 14px;
  margin-top: 5px;
  margin-left: 10px;
}
table-static .table-static tbody tr:nth-child(even) {
  background: #f5f5f5;
}
table-static .table-static tbody tr:hover {
  background: #dcecf3;
}
table-static .table-static td {
  height: 1px;
}
table-static .table-static td > div {
  padding: 16px;
  text-align: right;
}
table-static .table-static tr > td:first-child > div {
  text-align: left;
}
table-static .table-static .table-summary {
  font-weight: 700;
}

table-dynamic .fix-display {
  display: block;
}
table-dynamic .table-dynamic table.meta-table {
  table-layout: fixed;
  width: 100%;
}
table-dynamic .table-dynamic table.meta-table td.td-fixed-columns {
  width: 425px;
}
table-dynamic .table-dynamic div.horizontal-scroll {
  overflow-x: hidden;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))) 0 0, -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))) 100% 0;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 0 0, -o-linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 100% 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 0 0, linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 100% 0;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 10px 100%, 10px 100%;
}
table-dynamic .table-dynamic div.horizontal-scroll .table {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0))) 100% 0;
  background: -o-linear-gradient(left, white 30%, rgba(255, 255, 255, 0)), -o-linear-gradient(right, white 30%, rgba(255, 255, 255, 0)) 100% 0;
  background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  max-width: none;
  margin-bottom: 0;
}
table-dynamic .table-dynamic label.check {
  position: absolute;
  left: 25px;
  top: 20px;
}
table-dynamic .table-dynamic label.check input[type=checkbox].big-checkbox.platform-checkbox + .label-text:before {
  border-color: inherit;
  visibility: visible;
  margin: 0px;
}
table-dynamic .table-dynamic label.check input[type=checkbox].big-checkbox.platform-checkbox:checked + .label-text:before {
  background-color: inherit;
}
table-dynamic .table-dynamic label.check > i {
  visibility: hidden;
}
table-dynamic .table-dynamic .action-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 10px;
}
table-dynamic .table-dynamic .action-bar .action-button {
  margin-left: 10px;
  height: 32px;
}
table-dynamic .table-dynamic .manage-button {
  margin-top: 4px;
  padding: 2px 4px 1px;
  height: 20px;
  width: 20px;
}
table-dynamic .table-dynamic .table-wrapper {
  width: 100%;
}
table-dynamic .table-dynamic .table-wrapper .table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #d7d7d7;
}
table-dynamic .table-dynamic .table-wrapper .table-fixed-columns {
  border-right: 1px solid #d7d7d7;
}
table-dynamic .table-dynamic .table-wrapper .table-fixed-columns tr > td:nth-child(2) > div {
  text-align: left;
}
table-dynamic .table-dynamic .table-wrapper .table-fixed-columns tr > td:first-child {
  border-right: 1px solid #d7d7d7;
}
table-dynamic .table-dynamic .table-wrapper .table-fixed-columns tr > td:first-child > div {
  text-align: center;
}
table-dynamic .table-dynamic .table-wrapper .table-data-columns {
  border-left: none;
}
table-dynamic .table-dynamic .table-wrapper .table-data-columns tr.table-row {
  height: 60px;
}
table-dynamic .table-dynamic .table-wrapper .table-data-columns tr.table-row > td > div {
  text-align: right;
}
table-dynamic .table-dynamic .table-wrapper .table .heading-row {
  height: 66px;
  border: 1px solid #d7d7d7;
  background: rgba(237, 237, 237, 0.5);
  border-right: none;
  border-left: none;
}
table-dynamic .table-dynamic .table-wrapper .table .heading-row > td {
  vertical-align: top;
}
table-dynamic .table-dynamic .table-wrapper .table .table-heading {
  color: #666;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2em;
  padding-top: 16px;
  height: 34px;
}
table-dynamic .table-dynamic .table-wrapper .table .heading-sortable {
  cursor: pointer;
}
table-dynamic .table-dynamic .table-wrapper .table .selected {
  background: rgba(187, 219, 231, 0.5);
}
table-dynamic .table-dynamic .table-wrapper .table .selected-column {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
table-dynamic .table-dynamic .table-wrapper .table tr > td:first-child {
  border-left: none;
}
table-dynamic .table-dynamic .table-wrapper .table .sort-header-icon {
  font-size: 14px;
  margin-top: 5px;
}
table-dynamic .table-dynamic .table-wrapper .table .table-summary {
  font-weight: 700;
  height: 60px;
}
table-dynamic .table-dynamic .table-wrapper .table .table-summary td {
  height: 60px;
}
table-dynamic .table-dynamic .table-wrapper .table tbody tr:nth-child(even) {
  background: rgba(237, 237, 237, 0.5);
}
table-dynamic .table-dynamic .table-wrapper .table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.5);
}
table-dynamic .table-dynamic .table-wrapper .table tbody tr.hover {
  background: rgba(187, 219, 231, 0.5);
}
table-dynamic .table-dynamic .table-wrapper .table td {
  height: 1px;
  vertical-align: middle;
}
table-dynamic .table-dynamic .table-wrapper .table td .checkbox-cell {
  padding: 0px;
  position: relative;
  height: 60px;
}
table-dynamic .table-dynamic .table-wrapper .table td .checkbox-cell .row-index {
  position: relative;
  top: 5px;
  font-size: 12px;
  font-weight: 500;
}
table-dynamic .table-dynamic .table-wrapper .table td.lockup {
  padding-left: 0px;
  width: 355px;
}
table-dynamic .table-dynamic .table-wrapper .table td:first-child {
  width: 70px;
}
table-dynamic .table-dynamic .table-wrapper .table td.data-column {
  width: 140px;
}
table-dynamic .table-dynamic .table-wrapper .table td > div {
  padding: 16px;
  text-align: right;
}
table-dynamic .load-more {
  padding-top: 38px;
}
table-dynamic .load-more > .button {
  padding: 7px;
  background-color: #f5f5f5;
}
@charset "UTF-8";
manage-header-cell {
  width: 100%;
}
manage-header-cell > div {
  width: 100%;
}
manage-header-cell > div .manage-button {
  margin-top: 2px;
  padding: 2px 4px 1px;
  height: 20px;
  width: 20px;
}

/* prettier-ignore */

select-all-checkbox {
  -ms-flex-item-align: center;
      align-self: center;
}
select-all-checkbox label.check {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
select-all-checkbox label.check input[type=checkbox].big-checkbox + .label-text:before {
  border-color: #666;
  visibility: visible;
  margin: 0px;
  font-size: 14px;
  color: white;
}
select-all-checkbox label.check input[type=checkbox].big-checkbox.checked + .label-text:before {
  content: "";
  background-color: #666;
}
select-all-checkbox label.check input[type=checkbox].big-checkbox.unchecked + .label-text:before {
  content: "";
  background-color: white;
}
select-all-checkbox label.check input[type=checkbox].big-checkbox.mixed + .label-text:before {
  content: "";
  background-color: #666;
}
select-all-checkbox label.check > i {
  visibility: hidden;
}

sortable-header-cell {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
sortable-header-cell .header-text-container {
  padding-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
sortable-header-cell .header-text-container.selected {
  padding: 0 5px 0 16px;
}
sortable-header-cell .header-text-container > span {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  width: 100%;
}
sortable-header-cell .header-arrow-container {
  padding: 0 5px;
  width: 6px;
}
sortable-header-cell .header-arrow-container .sort-header-icon {
  font-size: 14px;
  margin-left: auto;
  margin-top: 2px;
  width: auto;
}

/* prettier-ignore */

table-unified .table-unified {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
table-unified .table-unified table {
  border-collapse: separate;
}
table-unified table.table-unified-meta {
  table-layout: fixed;
  width: 100%;
}
table-unified table.table-unified-meta .table-unified-pinned-columns {
  table-layout: fixed;
}
table-unified table.table-unified-meta .table-unified-free-columns-container {
  border-left: 1px solid #d7d7d7;
}
table-unified table.table-unified-meta .table-unified-free-columns {
  table-layout: fixed;
}
table-unified .table-unified-header-row {
  background: rgba(237, 237, 237, 0.5);
  border: none;
  font-size: 11px;
  font-weight: 700;
}
table-unified .table-unified-header-row td {
  padding-top: 16px;
  border-bottom: 1px solid #d7d7d7;
}
table-unified .table-unified-header-row td.selected {
  background-color: rgba(187, 219, 231, 0.5);
  color: #1f4962;
}
table-unified .table-unified-data-row td {
  vertical-align: middle;
}
table-unified .table-unified-cell {
  height: inherit;
  width: inherit;
}
table-unified .table-unified-cell > table-cell-wrapper {
  height: inherit;
  width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
table-unified .table-unified-cell > table-cell-wrapper > * {
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  width: 100%;
}
table-unified .table-unified-cell > table-cell-wrapper > div {
  padding: 0 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
table-unified .table-unified-cell > table-cell-wrapper > div > span {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
table-unified .table-unified-summary-row {
  font-weight: 700;
}
table-unified .table-unified-summary-cell {
  height: inherit;
  width: inherit;
}
table-unified .table-unified-summary-cell > table-cell-wrapper {
  height: inherit;
  width: inherit;
}
table-unified .table-unified-summary-cell > table-cell-wrapper > div {
  padding: 0px 16px 0px 16px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table-unified table.table-unified-pinned-columns tbody tr:nth-child(even), table-unified table.table-unified-free-columns tbody tr:nth-child(even) {
  background: rgba(237, 237, 237, 0.5);
}
table-unified table.table-unified-pinned-columns tbody tr:nth-child(odd), table-unified table.table-unified-free-columns tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.5);
}
table-unified table.table-unified-pinned-columns tbody tr.hover, table-unified table.table-unified-free-columns tbody tr.hover {
  background: rgba(187, 219, 231, 0.5);
}
table-unified table.table-unified-pinned-columns td.bordered, table-unified table.table-unified-free-columns td.bordered {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table-unified table.table-unified-pinned-columns td.separator, table-unified table.table-unified-free-columns td.separator {
  border-left: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table-unified table.table-unified-pinned-columns td.clickable, table-unified table.table-unified-free-columns td.clickable {
  cursor: pointer;
}
table-unified table.table-unified-pinned-columns td:first-child {
  border-left: 0;
}
table-unified table.table-unified-free-columns td:first-child {
  border-left: 0;
}
table-unified table.table-unified-free-columns td:last-child {
  border-right: 0;
}
table-unified div.horizontal-scroll {
  overflow-x: hidden;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))) 0 0, -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))) 100% 0;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 0 0, -o-linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 100% 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 0 0, linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 100% 0;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 10px 100%, 10px 100%;
}
table-unified div.horizontal-scroll > table {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0))) 100% 0;
  background: -o-linear-gradient(left, white 30%, rgba(255, 255, 255, 0)), -o-linear-gradient(right, white 30%, rgba(255, 255, 255, 0)) 100% 0;
  background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  max-width: none;
  margin-bottom: 0;
}
table-unified .table-unified-cell > table-cell-wrapper > div.searchable-header-cell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: visible;
}
table-unified .table-unified-cell > table-cell-wrapper > div.searchable-header-cell search-filter {
  width: 100%;
}
table-unified .table-unified-cell > table-cell-wrapper > div.searchable-header-cell search-filter .search-box-lockup input[type=search] {
  height: 20px;
  width: 90%;
  max-width: 300px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  font-size: 10px;
  padding: 0 5px 0 22px;
  margin-right: -5px;
}
table-unified .table-unified-cell > table-cell-wrapper > div.searchable-header-cell search-filter .search-box-lockup .icon-search {
  left: 8px;
}
table-unified .table-unified-cell > table-cell-wrapper > div.searchable-header-cell search-filter .search-box-lockup .icon-search:focus {
  border: 1px solid #0873bb;
}
.grid-container {
  overflow: hidden;
}

.grid-row {
  display: block;
  margin: 0 -10px;
  overflow: hidden;
}
.grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.grid-row [class^=column-],
.grid-row [class^=col-] {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
}
.grid-row [class^=column-].parent-of-nested,
.grid-row [class^=col-].parent-of-nested {
  padding: 0;
}
.grid-row .column-whole {
  width: 100%;
}
.grid-row .column-half {
  width: 50%;
}
.grid-row .column-third {
  width: 33.33%;
}
.grid-row .column-fourth {
  width: 25%;
}
.grid-row .column-sixth {
  width: 16.66%;
}
.grid-row .column-eighth {
  width: 12.5%;
}
.grid-row .column-twelfth {
  width: 8.33%;
}
.grid-row .col-1 {
  width: 100%;
}
.grid-row .col-1-1 {
  width: 100%;
}
.grid-row .col-0-1 {
  width: 0%;
}
.grid-row .col-2 {
  width: 50%;
}
.grid-row .col-1-2 {
  width: 50%;
}
.grid-row .col-3 {
  width: 33.3333333333%;
}
.grid-row .col-1-3 {
  width: 33.3333333333%;
}
.grid-row .col-2-3 {
  width: 66.6666666667%;
}
.grid-row .col-4 {
  width: 25%;
}
.grid-row .col-1-4 {
  width: 25%;
}
.grid-row .col-2-4 {
  width: 50%;
}
.grid-row .col-3-4 {
  width: 75%;
}
.grid-row .col-5 {
  width: 20%;
}
.grid-row .col-1-5 {
  width: 20%;
}
.grid-row .col-2-5 {
  width: 40%;
}
.grid-row .col-3-5 {
  width: 60%;
}
.grid-row .col-4-5 {
  width: 80%;
}
.grid-row .col-6 {
  width: 16.6666666667%;
}
.grid-row .col-1-6 {
  width: 16.6666666667%;
}
.grid-row .col-2-6 {
  width: 33.3333333333%;
}
.grid-row .col-3-6 {
  width: 50%;
}
.grid-row .col-4-6 {
  width: 66.6666666667%;
}
.grid-row .col-5-6 {
  width: 83.3333333333%;
}
.grid-row .col-7 {
  width: 14.2857142857%;
}
.grid-row .col-1-7 {
  width: 14.2857142857%;
}
.grid-row .col-2-7 {
  width: 28.5714285714%;
}
.grid-row .col-3-7 {
  width: 42.8571428571%;
}
.grid-row .col-4-7 {
  width: 57.1428571429%;
}
.grid-row .col-5-7 {
  width: 71.4285714286%;
}
.grid-row .col-6-7 {
  width: 85.7142857143%;
}
.grid-row .col-8 {
  width: 12.5%;
}
.grid-row .col-1-8 {
  width: 12.5%;
}
.grid-row .col-2-8 {
  width: 25%;
}
.grid-row .col-3-8 {
  width: 37.5%;
}
.grid-row .col-4-8 {
  width: 50%;
}
.grid-row .col-5-8 {
  width: 62.5%;
}
.grid-row .col-6-8 {
  width: 75%;
}
.grid-row .col-7-8 {
  width: 87.5%;
}
.grid-row .col-9 {
  width: 11.1111111111%;
}
.grid-row .col-1-9 {
  width: 11.1111111111%;
}
.grid-row .col-2-9 {
  width: 22.2222222222%;
}
.grid-row .col-3-9 {
  width: 33.3333333333%;
}
.grid-row .col-4-9 {
  width: 44.4444444444%;
}
.grid-row .col-5-9 {
  width: 55.5555555556%;
}
.grid-row .col-6-9 {
  width: 66.6666666667%;
}
.grid-row .col-7-9 {
  width: 77.7777777778%;
}
.grid-row .col-8-9 {
  width: 88.8888888889%;
}
.grid-row .col-10 {
  width: 10%;
}
.grid-row .col-1-10 {
  width: 10%;
}
.grid-row .col-2-10 {
  width: 20%;
}
.grid-row .col-3-10 {
  width: 30%;
}
.grid-row .col-4-10 {
  width: 40%;
}
.grid-row .col-5-10 {
  width: 50%;
}
.grid-row .col-6-10 {
  width: 60%;
}
.grid-row .col-7-10 {
  width: 70%;
}
.grid-row .col-8-10 {
  width: 80%;
}
.grid-row .col-9-10 {
  width: 90%;
}
.grid-row .col-11 {
  width: 9.0909090909%;
}
.grid-row .col-1-11 {
  width: 9.0909090909%;
}
.grid-row .col-2-11 {
  width: 18.1818181818%;
}
.grid-row .col-3-11 {
  width: 27.2727272727%;
}
.grid-row .col-4-11 {
  width: 36.3636363636%;
}
.grid-row .col-5-11 {
  width: 45.4545454545%;
}
.grid-row .col-6-11 {
  width: 54.5454545455%;
}
.grid-row .col-7-11 {
  width: 63.6363636364%;
}
.grid-row .col-8-11 {
  width: 72.7272727273%;
}
.grid-row .col-9-11 {
  width: 81.8181818182%;
}
.grid-row .col-10-11 {
  width: 90.9090909091%;
}
.grid-row .col-12 {
  width: 8.3333333333%;
}
.grid-row .col-1-12 {
  width: 8.3333333333%;
}
.grid-row .col-2-12 {
  width: 16.6666666667%;
}
.grid-row .col-3-12 {
  width: 25%;
}
.grid-row .col-4-12 {
  width: 33.3333333333%;
}
.grid-row .col-5-12 {
  width: 41.6666666667%;
}
.grid-row .col-6-12 {
  width: 50%;
}
.grid-row .col-7-12 {
  width: 58.3333333333%;
}
.grid-row .col-8-12 {
  width: 66.6666666667%;
}
.grid-row .col-9-12 {
  width: 75%;
}
.grid-row .col-10-12 {
  width: 83.3333333333%;
}
.grid-row .col-11-12 {
  width: 91.6666666667%;
}
.grid-row.grid-row--ruled {
  margin: 0 -20px;
}
.grid-row.grid-row--ruled > [class^=column-],
.grid-row.grid-row--ruled > [class^=col-] {
  padding: 0 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.grid-row.grid-row--ruled > [class^=column-].parent-of-nested,
.grid-row.grid-row--ruled > [class^=col-].parent-of-nested {
  padding: 0;
}
.grid-row.grid-row--ruled > [class^=column-]:last-child,
.grid-row.grid-row--ruled > [class^=col-]:last-child {
  border-right: none;
}
.grid-row.grid-row--gutter10 {
  margin: 0 -5px;
}
.grid-row.grid-row--gutter10 [class^=column-],
.grid-row.grid-row--gutter10 [class^=col-] {
  padding: 0 5px;
}
.grid-row.grid-row--gutter10 [class^=column-].parent-of-nested,
.grid-row.grid-row--gutter10 [class^=col-].parent-of-nested {
  padding: 0;
}
@media only screen and (max-width: 630px) {
  .grid-row .break-md {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 479px) {
  .grid-row .break-sm {
    float: none;
    width: auto;
  }
}

.grid-example code:not(.in-example) {
  border: 0;
  background: none;
  font-size: 10px;
  padding: 0;
  color: #999;
}
.grid-example .grid-row {
  margin-bottom: 10px;
}
.grid-example [class^=column-]:before,
.grid-example [class^=col-]:before {
  content: "";
  display: block;
  height: 50px;
  background: #eee;
}
.grid-example [class^=column-].parent-of-nested,
.grid-example [class^=col-].parent-of-nested {
  background: lavenderblush;
}
.grid-example [class^=column-].parent-of-nested:before,
.grid-example [class^=col-].parent-of-nested:before {
  display: none;
}

/* prettier-ignore */

/* prettier-ignore */

.blocked-state-container {
  margin-top: 20px;
  display: block;
  min-height: 475px;
  position: relative;
  background-color: white;
  padding: 20px;
}
.blocked-state-container.full {
  background-size: 100%;
  background-repeat: no-repeat;
}
.blocked-state-container.full .full-state-action {
  top: 20%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #00304d;
  min-width: 7.5rem;
  border-radius: 0.5rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blocked-state-container.full .full-state-action.small-view {
  top: 60%;
}
.blocked-state-container.full .full-state-action .title {
  text-align: center;
  color: white;
}
.blocked-state-container.full .full-state-action .button {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1.5rem;
}
.blocked-state-container .state-action {
  position: absolute;
  margin-top: -100px;
  top: 200px;
  left: 0;
  width: 40%;
  line-height: 1.3;
  padding-left: 80px;
  color: #fff;
}
.blocked-state-container .state-action .action {
  font-size: 11px;
  padding-bottom: 15px;
}
.blocked-state-container .state-action .action-title {
  padding-bottom: 20px;
  font-size: 34px;
}
.blocked-state-container .state-action .action-subtitle {
  font-size: 14px;
}
.blocked-state-container .state-action .button {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  width: 180px;
  min-width: 180px;
  height: 35px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  background: -webkit-gradient(linear, left top, right top, from(#ed3972), color-stop(150%, #5e2a55));
  background: -o-linear-gradient(left, #ed3972, #5e2a55 150%);
  background: linear-gradient(to right, #ed3972, #5e2a55 150%);
}
.blocked-state-container .unblocked-image {
  position: relative;
  height: 320px;
  width: 50%;
  max-width: 600px;
  margin-left: 50%;
  margin-top: -220px;
}
.blocked-state-container .unblocked-image .unblocked-example-image {
  position: absolute;
  bottom: 0;
  height: auto;
  margin-left: -10px;
}
.blocked-state-container .hidden-image {
  visibility: hidden;
}
.blocked-state-container .blocked-image {
  width: 100%;
  height: 350px;
  background-color: #00304d;
  border-radius: 4px;
}

.card-container {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  background-color: white;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.card-container .empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-size: 0.8rem;
  color: #00304d;
}
.card-container .advert-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -1.25rem;
  padding: 1.25rem;
  height: 100%;
  font-size: 2.125rem;
  background-color: #00304d;
  color: #fff;
}
.card-container .advert-state .advert-title {
  font-size: 0.688rem;
}
.card-container .advert-state .advert-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  border: none;
  width: 11.25rem;
  height: 2.188rem;
  font-size: 0.813rem;
  border-radius: 3px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#ed3972), color-stop(150%, #5e2a55));
  background: -o-linear-gradient(left, #ed3972, #5e2a55 150%);
  background: linear-gradient(to right, #ed3972, #5e2a55 150%);
}
.card-container ui-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.card-container .chart-container {
  width: 100%;
  height: 100%;
}
.card-container .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 1.7rem;
}
.card-container .card-header .card-title {
  font-size: 0.938rem;
  line-height: 1;
  color: #00304d;
}
.card-container .card-header .card-see-more-link {
  font-size: 0.688rem;
  line-height: 1.2;
  color: #0fa0e4;
  white-space: nowrap;
}
.card-container .card-header .card-time-range-picker {
  margin-left: 0.625rem;
  width: 6.25rem;
}
.card-container .card-header .card-time-range-picker .button,
.card-container .card-header .card-time-range-picker .dropdown-menu,
.card-container .card-header .card-time-range-picker .timeframes {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.card-container .card-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 1.7rem;
  border-bottom: 1px solid #cbd8e0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card-container .card-tabs .card-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 0.625rem;
  line-height: 1.2;
  padding-top: 3px;
  margin-right: 1.25rem;
  cursor: default;
}
.card-container .card-tabs .card-tab.clickable {
  cursor: pointer;
}
.card-container .card-tabs .card-tab.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.card-container .card-tabs .card-tab.active {
  border-bottom: 3px solid #00304d;
}
.card-container .card-tabs .card-tab.bold {
  font-weight: bold;
  color: #00304d;
}
.card-container .card-tabs .card-tab.deselected,
.card-container .card-tabs .card-tab.deselected i::before {
  color: #aaa;
}
.card-container .card-tabs .card-tab:last-child {
  padding-right: initial;
}
.card-container .card-tabs .card-tab .card-tab-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 1px;
}
.card-container .card-tabs .card-tab .icon {
  font-size: 14px;
}
.card-container .card-tab-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 16.875rem;
  padding-top: 1.25rem;
}
.card-container .card-tab-content .card-items-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
.card-container .card-tab-content .card-items-list entity-lockup {
  height: 20%;
}
.card-container .card-tab-content .card-items-list entity-lockup strong > span {
  font-size: 0.938rem;
  line-height: 1.1;
  color: #2eace8;
}
.card-container .card-tab-content .card-items-list entity-lockup .subtitles > span {
  font-size: 0.625rem;
  line-height: 1.2;
  color: #666666;
}
.card-container .card-tab-content .card-items-list video-lockup {
  height: 25%;
}
.card-container .card-tab-content .card-items-list video-lockup .link-video-modal {
  font-size: 0.938rem;
  line-height: 1.1;
  color: #2eace8;
}
.card-container .card-chart-tooltip-template {
  font-size: 0.75rem;
}
.card-container .card-chart-tooltip-template .card-chart-tooltip-title {
  color: #00304d;
}
.card-container .card-chart-tooltip-template .card-chart-tooltip-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 9.375rem;
  height: 1.25rem;
}

.monthly-stats-container .monthly-stats-content {
  height: 16.875rem;
}

.audience-demographics-container .audience-demographics-content {
  height: 16.875rem;
  padding-top: 0;
}
.audience-demographics-container .audience-demographics-content .advert-state {
  margin-top: 0;
  padding-top: 0;
}

.demographics-chart-axis-title-label {
  height: 1.25rem;
}

.demographics-chart-axis-title-value {
  font-size: 0.938rem;
  line-height: 1.7;
  color: #00304d;
}
.demographics-chart-axis-title-value.right {
  text-align: right;
}

.audience-location-container .audience-location-content {
  height: 16.875rem;
}

.platform-overview-container .platform-overview-content .performance-section {
  height: 5.625rem;
  border-bottom: 1px solid #cbd8e0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.platform-overview-container .platform-overview-content .performance-section .metrics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 1.25rem;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric .metric-title {
  font-size: 0.75rem;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric .metric-value {
  font-size: 1.625rem;
  line-height: 1.2;
  color: #00304d;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric .metric-value .metric-value-sub {
  font-size: 0.875rem;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric .metric-value .metric-value-sub.green {
  color: #48a2a4;
}
.platform-overview-container .platform-overview-content .performance-section .metrics .metric .metric-value .metric-value-sub.red {
  color: #ff8697;
}
.platform-overview-container .platform-overview-content .videos-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding-top: 1.25rem;
  min-height: 25rem;
}
.platform-overview-container .platform-overview-content .videos-section .empty-state {
  position: absolute;
  width: 100%;
  height: 100%;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.625rem;
  width: 50%;
  padding-right: 0.625rem;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-category {
  height: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 0.625rem;
  cursor: pointer;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-embed {
  position: absolute;
  height: 100%;
  width: 100%;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-title {
  color: #00304d;
  line-height: 1.2;
  cursor: pointer;
  margin-bottom: 0.25rem;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-sub-title {
  margin-bottom: 0.625rem;
}
.platform-overview-container .platform-overview-content .videos-section .video-quick-view .video-quick-view-sub-title .link {
  overflow-wrap: break-word;
}
.platform-overview-container .platform-overview-content .videos-section .video-left {
  width: 55%;
}
.platform-overview-container .platform-overview-content .videos-section .video-left .video-quick-view {
  width: 100%;
}
.platform-overview-container .platform-overview-content .videos-section .video-left .video-quick-view .video-quick-view-thumbnail {
  padding-bottom: 56%;
}
.platform-overview-container .platform-overview-content .videos-section .video-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 45%;
}
.platform-overview-container .platform-overview-content .loading-spinner {
  height: 31.875rem;
}

.leaderboards-container .card-tabs .leaderboard-header {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 0;
  padding-left: 5px;
}
.leaderboards-container .leaderboards-content {
  height: 16.875rem;
  padding-top: 0;
}
.leaderboards-container .leaderboards-content .leaderboard-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -1.25rem;
  padding: 0 1.25rem;
  height: 33.3333333333%;
}
.leaderboards-container .leaderboards-content .leaderboard-item:first-child {
  background-color: #ddedf3;
}
.leaderboards-container .leaderboards-content .leaderboard-item:not(:nth-child(3)) {
  border-bottom: 1px solid #cbd8e0;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #00304d;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  font-size: 1.25rem;
  line-height: 1.2;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-change.move-up {
  color: #48a2a4;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-change.move-down {
  color: #ff8697;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.625rem;
  line-height: 1.2;
  color: #666666;
  text-transform: uppercase;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-params .leaderboard-param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leaderboards-container .leaderboards-content .leaderboard-item .leaderboard-params .leaderboard-param .split-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1rem;
}

profile-summary .icon-info-sign,
profile-summary .icon-lock {
  font-size: 0.75rem;
  color: #b9c3ca;
}
profile-summary .summary-container .wrapper {
  max-width: 86rem;
  margin: auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
profile-summary .summary-container .wrapper .card-1 {
  grid-column: span 1;
}
profile-summary .summary-container .wrapper .card-2 {
  grid-column: span 2;
}
profile-summary .summary-container .wrapper .card-3 {
  grid-column: span 3;
}
profile-summary .summary-container .wrapper .card-4 {
  grid-column: span 4;
}
profile-summary .summary-container .wrapper .card-5 {
  grid-column: span 5;
}
profile-summary .summary-container .wrapper .card-6 {
  grid-column: span 6;
}
@media (max-width: 800px) {
  profile-summary .summary-container .wrapper .card-1 {
    grid-column: 1;
  }
  profile-summary .summary-container .wrapper .card-2 {
    grid-column: 1;
  }
  profile-summary .summary-container .wrapper .card-3 {
    grid-column: 1;
  }
  profile-summary .summary-container .wrapper .card-4 {
    grid-column: 1;
  }
  profile-summary .summary-container .wrapper .card-5 {
    grid-column: 1;
  }
  profile-summary .summary-container .wrapper .card-6 {
    grid-column: 1;
  }
}
/* prettier-ignore */

/* prettier-ignore */

.page-video-search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 960px;
  margin-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-video-search .fa-table,
.page-video-search .fa-bar-chart-o {
  font-size: 16px;
}
.page-video-search .search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 18px 0 0 0;
  width: 100%;
}
.page-video-search .search-row .intelligence-tabs .tab-content {
  padding-top: 18px;
}
.page-video-search .search-row .search-column {
  overflow: initial;
  padding: 0px;
}
.page-video-search .search-row .search-column .include-description .filter-body {
  margin-top: 0px;
}
.page-video-search .search-row .search-column .include-description label {
  color: #666;
  font-size: 12px;
  padding-left: 0px;
}
.page-video-search .search-row .search-column .search-controls {
  padding: 10px 20px 10px;
  background-color: #f6f6f6;
}
.page-video-search .search-row .search-column .search-data {
  padding: 0px;
  background-color: white;
}
.page-video-search .search-row .search-column .search-data .header-tab {
  pointer-events: none;
  text-transform: none;
}
.page-video-search .search-row .search-column .search-data .header-tab a {
  margin-left: -15px;
}
.page-video-search .search-row .search-column .search-data .tab-content {
  padding: 10px 20px 40px;
  background-color: white;
}
.page-video-search .search-row .search-result-summary {
  margin: 10px 0;
}
.page-video-search .search-extras {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-video-search .search-extras .tips-link {
  margin-right: 10px;
}
.page-video-search .pills {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ededed;
}
.page-video-search custom-list-tags {
  padding: 10px 0 0 0;
  border-bottom: none;
  border-top: 1px solid #ededed;
  margin-top: 10px;
}
@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("/static/img/fontawesome-webfont.674f50d287a8c48dc19ba404d20fe713.eot");
  src: url("/static/img/fontawesome-webfont.674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/static/img/fontawesome-webfont.af7ae505a9eed503f8b8e6982036873e.woff2") format("woff2"), url("/static/img/fontawesome-webfont.fee66e712a8a08eef5805a46892932ad.woff") format("woff"), url("/static/img/fontawesome-webfont.b06871f281fee6b241d60582ae9369b9.ttf") format("truetype"), url("/static/img/fontawesome-webfont.912ec66d7572ff821749319396470bde.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

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

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

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

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

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

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.graphiql-container,
.graphiql-container button,
.graphiql-container input {
  color: #141823;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 14px;
}

.graphiql-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%;
}

.graphiql-container .editorWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
}

.graphiql-container .title {
  font-size: 18px;
}

.graphiql-container .title em {
  font-family: georgia;
  font-size: 19px;
}

.graphiql-container .topBarWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.graphiql-container .topBar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
  background: -o-linear-gradient(#f7f7f7, #e2e2e2);
  background: linear-gradient(#f7f7f7, #e2e2e2);
  border-bottom: 1px solid #d0d0d0;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 34px;
  overflow-y: visible;
  padding: 7px 14px 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .toolbar {
  overflow-x: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.graphiql-container .docExplorerShow,
.graphiql-container .historyShow {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
  background: -o-linear-gradient(#f7f7f7, #e2e2e2);
  background: linear-gradient(#f7f7f7, #e2e2e2);
  border-radius: 0;
  border-bottom: 1px solid #d0d0d0;
  border-right: none;
  border-top: none;
  color: #3B5998;
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  outline: 0;
  padding: 2px 20px 0 18px;
}

.graphiql-container .docExplorerShow {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.graphiql-container .historyShow {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
}

.graphiql-container .docExplorerShow:before {
  border-left: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  content: '';
  display: inline-block;
  height: 9px;
  margin: 0 3px -1px 0;
  position: relative;
  -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  width: 9px;
}

.graphiql-container .editorBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.graphiql-container .queryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.graphiql-container .resultWrap {
  border-left: solid 1px #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.graphiql-container .docExplorerWrap,
.graphiql-container .historyPaneWrap {
  background: white;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
}

.graphiql-container .historyPaneWrap {
  min-width: 230px;
  z-index: 5;
}

.graphiql-container .docExplorerResizer {
  cursor: col-resize;
  height: 100%;
  left: -5px;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: 10;
}

.graphiql-container .docExplorerHide {
  cursor: pointer;
  font-size: 18px;
  margin: -7px -8px -6px 0;
  padding: 18px 16px 15px 12px;
}

.graphiql-container div .query-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.graphiql-container .variable-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 29px;
  position: relative;
}

.graphiql-container .variable-editor-title {
  background: #eeeeee;
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #e0e0e0;
  color: #777;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  padding: 6px 0 8px 43px;
  text-transform: lowercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .codemirrorWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  position: relative;
}

.graphiql-container .result-window {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  position: relative;
}

.graphiql-container .footer {
  background: #f6f7f8;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin-left: 12px;
  position: relative;
}

.graphiql-container .footer:before {
  background: #eeeeee;
  bottom: 0;
  content: " ";
  left: -13px;
  position: absolute;
  top: -1px;
  width: 12px;
}

/* No `.graphiql-container` here so themes can overwrite */
.result-window .CodeMirror {
  background: #f6f7f8;
}

.graphiql-container .result-window .CodeMirror-gutters {
  background-color: #eeeeee;
  border-color: #e0e0e0;
  cursor: col-resize;
}

.graphiql-container .result-window .CodeMirror-foldgutter,
.graphiql-container .result-window .CodeMirror-foldgutter-open:after,
.graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
  padding-left: 3px;
}

.graphiql-container .toolbar-button {
  background: #fdfdfd;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
  background: -o-linear-gradient(#f9f9f9, #ececec);
  background: linear-gradient(#f9f9f9, #ececec);
  border-radius: 3px;
  -webkit-box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.20),
    0 1px 0 rgba(255,255,255, 0.7),
    inset 0 1px #fff;
          box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.20),
    0 1px 0 rgba(255,255,255, 0.7),
    inset 0 1px #fff;
  color: #555;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  padding: 3px 11px 5px;
  text-decoration: none;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.graphiql-container .toolbar-button:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d5d5d5));
  background: -o-linear-gradient(#ececec, #d5d5d5);
  background: linear-gradient(#ececec, #d5d5d5);
  -webkit-box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7),
    inset 0 0 0 1px rgba(0,0,0,0.10),
    inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
    inset 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7),
    inset 0 0 0 1px rgba(0,0,0,0.10),
    inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
    inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.graphiql-container .toolbar-button.error {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf3f3), to(#e6d6d7));
  background: -o-linear-gradient(#fdf3f3, #e6d6d7);
  background: linear-gradient(#fdf3f3, #e6d6d7);
  color: #b00;
}

.graphiql-container .toolbar-button-group {
  margin: 0 5px;
  white-space: nowrap;
}

.graphiql-container .toolbar-button-group > * {
  margin: 0;
}

.graphiql-container .toolbar-button-group > *:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.graphiql-container .toolbar-button-group > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.graphiql-container .execute-button-wrap {
  height: 34px;
  margin: 0 14px 0 28px;
  position: relative;
}

.graphiql-container .execute-button {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d2d3d6));
  background: -o-linear-gradient(#fdfdfd, #d2d3d6);
  background: linear-gradient(#fdfdfd, #d2d3d6);
  border-radius: 17px;
  border: 1px solid rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  cursor: pointer;
  fill: #444;
  height: 34px;
  margin: 0;
  padding: 0;
  width: 34px;
}

.graphiql-container .execute-button svg {
  pointer-events: none;
}

.graphiql-container .execute-button:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c3c3c3));
  background: -o-linear-gradient(#e6e6e6, #c3c3c3);
  background: linear-gradient(#e6e6e6, #c3c3c3);
  -webkit-box-shadow:
    0 1px 0 #fff,
    inset 0 0 2px rgba(0, 0, 0, 0.2),
    inset 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 1px 0 #fff,
    inset 0 0 2px rgba(0, 0, 0, 0.2),
    inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.graphiql-container .execute-button:focus {
  outline: 0;
}

.graphiql-container .toolbar-menu,
.graphiql-container .toolbar-select {
  position: relative;
}

.graphiql-container .execute-options,
.graphiql-container .toolbar-menu-items,
.graphiql-container .toolbar-select-options {
  background: #fff;
  -webkit-box-shadow:
    0 0 0 1px rgba(0,0,0,0.1),
    0 2px 4px rgba(0,0,0,0.25);
          box-shadow:
    0 0 0 1px rgba(0,0,0,0.1),
    0 2px 4px rgba(0,0,0,0.25);
  margin: 0;
  padding: 6px 0;
  position: absolute;
  z-index: 100;
}

.graphiql-container .execute-options {
  min-width: 100px;
  top: 37px;
  left: -1px;
}

.graphiql-container .toolbar-menu-items {
  left: 1px;
  margin-top: -1px;
  min-width: 110%;
  top: 100%;
  visibility: hidden;
}

.graphiql-container .toolbar-menu-items.open {
  visibility: visible;
}

.graphiql-container .toolbar-select-options {
  left: 0;
  min-width: 100%;
  top: -5px;
  visibility: hidden;
}

.graphiql-container .toolbar-select-options.open {
  visibility: visible;
}

.graphiql-container .execute-options > li,
.graphiql-container .toolbar-menu-items > li,
.graphiql-container .toolbar-select-options > li {
  cursor: pointer;
  display: block;
  margin: none;
  max-width: 300px;
  overflow: hidden;
  padding: 2px 20px 4px 11px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.graphiql-container .execute-options > li.selected,
.graphiql-container .toolbar-menu-items > li.hover,
.graphiql-container .toolbar-menu-items > li:active,
.graphiql-container .toolbar-menu-items > li:hover,
.graphiql-container .toolbar-select-options > li.hover,
.graphiql-container .toolbar-select-options > li:active,
.graphiql-container .toolbar-select-options > li:hover,
.graphiql-container .history-contents > p:hover,
.graphiql-container .history-contents > p:active {
  background: #e10098;
  color: #fff;
}

.graphiql-container .toolbar-select-options > li > svg {
  display: inline;
  fill: #666;
  margin: 0 -6px 0 6px;
  pointer-events: none;
  vertical-align: middle;
}

.graphiql-container .toolbar-select-options > li.hover > svg,
.graphiql-container .toolbar-select-options > li:active > svg,
.graphiql-container .toolbar-select-options > li:hover > svg {
  fill: #fff;
}

.graphiql-container .CodeMirror-scroll {
  overflow-scrolling: touch;
}

.graphiql-container .CodeMirror {
  color: #141823;
  font-family:
    'Consolas',
    'Inconsolata',
    'Droid Sans Mono',
    'Monaco',
    monospace;
  font-size: 13px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.graphiql-container .CodeMirror-lines {
  padding: 20px 0;
}

.CodeMirror-hint-information .content {
  box-orient: vertical;
  color: #141823;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
  font-size: 13px;
  line-clamp: 3;
  line-height: 16px;
  max-height: 48px;
  overflow: hidden;
  -o-text-overflow: -o-ellipsis-lastline;
     text-overflow: -o-ellipsis-lastline;
}

.CodeMirror-hint-information .content p:first-child {
  margin-top: 0;
}

.CodeMirror-hint-information .content p:last-child {
  margin-bottom: 0;
}

.CodeMirror-hint-information .infoType {
  color: #CA9800;
  cursor: pointer;
  display: inline;
  margin-right: 0.5em;
}

.autoInsertedLeaf.cm-property {
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-name: insertionFade;
          animation-name: insertionFade;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  border-radius: 2px;
  margin: -2px -4px -1px;
  padding: 2px 4px 1px;
}

@-webkit-keyframes insertionFade {
  from, to {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
  }

  15%, 85% {
    background: #fbffc9;
    border-color: #f0f3c0;
  }
}

@keyframes insertionFade {
  from, to {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
  }

  15%, 85% {
    background: #fbffc9;
    border-color: #f0f3c0;
  }
}

div.CodeMirror-lint-tooltip {
  background-color: white;
  border-radius: 2px;
  border: 0;
  color: #141823;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 13px;
  line-height: 16px;
  max-width: 430px;
  opacity: 0;
  padding: 8px 10px;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: pre-wrap;
}

div.CodeMirror-lint-tooltip > * {
  padding-left: 23px;
}

div.CodeMirror-lint-tooltip > * + * {
  margin-top: 12px;
}

/* COLORS */

.graphiql-container .CodeMirror-foldmarker {
  border-radius: 4px;
  background: #08f;
  background: -webkit-gradient(linear, left top, left bottom, from(#43A8FF), to(#0F83E8));
  background: -o-linear-gradient(#43A8FF, #0F83E8);
  background: linear-gradient(#43A8FF, #0F83E8);
  -webkit-box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  color: white;
  font-family: arial;
  font-size: 12px;
  line-height: 0;
  margin: 0 3px;
  padding: 0px 4px 1px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
}

.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
  color: #555;
  text-decoration: underline;
}

.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f00;
}

/* Comment */
.cm-comment {
  color: #999;
}

/* Punctuation */
.cm-punctuation {
  color: #555;
}

/* Keyword */
.cm-keyword {
  color: #B11A04;
}

/* OperationName, FragmentName */
.cm-def {
  color: #D2054E;
}

/* FieldName */
.cm-property {
  color: #1F61A0;
}

/* FieldAlias */
.cm-qualifier {
  color: #1C92A9;
}

/* ArgumentName and ObjectFieldName */
.cm-attribute {
  color: #8B2BB9;
}

/* Number */
.cm-number {
  color: #2882F9;
}

/* String */
.cm-string {
  color: #D64292;
}

/* Boolean */
.cm-builtin {
  color: #D47509;
}

/* EnumValue */
.cm-string-2 {
  color: #0B7FC7;
}

/* Variable */
.cm-variable {
  color: #397D13;
}

/* Directive */
.cm-meta {
  color: #B33086;
}

/* Type */
.cm-atom {
  color: #CA9800;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  color: black;
  font-family: monospace;
  height: 300px;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  color: #999;
  min-width: 20px;
  padding: 0 3px 0 5px;
  text-align: right;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror .CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  background: #7e7;
  border: 0;
  width: auto;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  -webkit-animation: blink 1.06s steps(1) infinite;
          animation: blink 1.06s steps(1) infinite;
  border: 0;
  width: auto;
}
@-webkit-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}

/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  background: white;
  overflow: hidden;
  position: relative;
}

.CodeMirror-scroll {
  height: 100%;
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  outline: none; /* Prevent dragging from highlighting the element */
  overflow: scroll !important; /* Things will break if this is overridden */
  padding-bottom: 30px;
  position: relative;
}
.CodeMirror-sizer {
  border-right: 30px solid transparent;
  position: relative;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  display: none;
  position: absolute;
  z-index: 6;
}
.CodeMirror-vscrollbar {
  overflow-x: hidden;
  overflow-y: scroll;
  right: 0; top: 0;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  min-height: 100%;
  position: absolute; left: 0; top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  display: inline-block;
  height: 100%;
  margin-bottom: -30px;
  vertical-align: top;
  white-space: normal;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  background: none !important;
  border: none !important;
  position: absolute;
  z-index: 4;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  cursor: default;
  position: absolute;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  -webkit-tap-highlight-color: transparent;
  /* Reset some styles that the rest of the page might have set */
  background: transparent;
  border-radius: 0;
  border-width: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  position: relative;
  white-space: pre;
  word-wrap: normal;
  z-index: 2;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  overflow: auto;
  position: relative;
  z-index: 2;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.CodeMirror-measure {
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 100%;
}

.CodeMirror-cursor { position: absolute; }
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  position: relative;
  visibility: hidden;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-dialog {
  background: inherit;
  color: inherit;
  left: 0; right: 0;
  overflow: hidden;
  padding: .1em .8em;
  position: absolute;
  z-index: 15;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  background: transparent;
  border: 1px solid #d3d6db;
  color: inherit;
  font-family: monospace;
  outline: none;
  width: 20em;
}

.CodeMirror-dialog button {
  font-size: 70%;
}
.graphiql-container .doc-explorer {
  background: white;
}

.graphiql-container .doc-explorer-title-bar,
.graphiql-container .history-title-bar {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  line-height: 14px;
  padding: 8px 8px 5px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .doc-explorer-title,
.graphiql-container .history-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  overflow-x: hidden;
  padding: 10px 0 10px 10px;
  text-align: center;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-user-select: initial;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  white-space: nowrap;
}

.graphiql-container .doc-explorer-back {
  color: #3B5998;
  cursor: pointer;
  margin: -7px 0 -6px -8px;
  overflow-x: hidden;
  padding: 17px 12px 16px 16px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.doc-explorer-narrow .doc-explorer-back {
  width: 0;
}

.graphiql-container .doc-explorer-back:before {
  border-left: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  content: '';
  display: inline-block;
  height: 9px;
  margin: 0 3px -1px 0;
  position: relative;
  -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  width: 9px;
}

.graphiql-container .doc-explorer-rhs {
  position: relative;
}

.graphiql-container .doc-explorer-contents,
.graphiql-container .history-contents {
  background-color: #ffffff;
  border-top: 1px solid #d6d6d6;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 20px 15px;
  position: absolute;
  right: 0;
  top: 47px;
}

.graphiql-container .doc-explorer-contents {
  min-width: 300px;
}

.graphiql-container .doc-type-description p:first-child ,
.graphiql-container .doc-type-description blockquote:first-child {
  margin-top: 0;
}

.graphiql-container .doc-explorer-contents a {
  cursor: pointer;
  text-decoration: none;
}

.graphiql-container .doc-explorer-contents a:hover {
  text-decoration: underline;
}

.graphiql-container .doc-value-description > :first-child {
  margin-top: 4px;
}

.graphiql-container .doc-value-description > :last-child {
  margin-bottom: 4px;
}

.graphiql-container .doc-category {
  margin: 20px 0;
}

.graphiql-container .doc-category-title {
  border-bottom: 1px solid #e0e0e0;
  color: #777;
  cursor: default;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 -15px 10px 0;
  padding: 10px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .doc-category-item {
  margin: 12px 0;
  color: #555;
}

.graphiql-container .keyword {
  color: #B11A04;
}

.graphiql-container .type-name {
  color: #CA9800;
}

.graphiql-container .field-name {
  color: #1F61A0;
}

.graphiql-container .field-short-description {
  color: #999;
  margin-left: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.graphiql-container .enum-value {
  color: #0B7FC7;
}

.graphiql-container .arg-name {
  color: #8B2BB9;
}

.graphiql-container .arg {
  display: block;
  margin-left: 1em;
}

.graphiql-container .arg:first-child:last-child,
.graphiql-container .arg:first-child:nth-last-child(2),
.graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {
  display: inherit;
  margin: inherit;
}

.graphiql-container .arg:first-child:nth-last-child(2):after {
  content: ', ';
}

.graphiql-container .arg-default-value {
  color: #43A047;
}

.graphiql-container .doc-deprecation {
  background: #fffae8;
  -webkit-box-shadow: inset 0 0 1px #bfb063;
          box-shadow: inset 0 0 1px #bfb063;
  color: #867F70;
  line-height: 16px;
  margin: 8px -8px;
  max-height: 80px;
  overflow: hidden;
  padding: 8px;
  border-radius: 3px;
}

.graphiql-container .doc-deprecation:before {
  content: 'Deprecated:';
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .doc-deprecation > :first-child {
  margin-top: 0;
}

.graphiql-container .doc-deprecation > :last-child {
  margin-bottom: 0;
}

.graphiql-container .show-btn {
  -webkit-appearance: initial;
  display: block;
  border-radius: 3px;
  border: solid 1px #ccc;
  text-align: center;
  padding: 8px 12px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fbfcfc;
  color: #555;
  cursor: pointer;
}

.graphiql-container .search-box {
  border-bottom: 1px solid #d3d6db;
  display: block;
  font-size: 14px;
  margin: -15px -15px 12px 0;
  position: relative;
}

.graphiql-container .search-box:before {
  content: '\26b2';
  cursor: pointer;
  display: block;
  font-size: 24px;
  position: absolute;
  top: -2px;
  -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .search-box .search-box-clear {
  background-color: #d0d0d0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  padding: 1px 5px 2px;
  position: absolute;
  right: 3px;
  top: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.graphiql-container .search-box .search-box-clear:hover {
  background-color: #b9b9b9;
}

.graphiql-container .search-box > input {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  outline: none;
  padding: 6px 24px 8px 20px;
  width: 100%;
}

.graphiql-container .error-container {
  font-weight: bold;
  left: 0;
  letter-spacing: 1px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
.CodeMirror-foldmarker {
  color: blue;
  cursor: pointer;
  font-family: arial;
  line-height: .3;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}
.graphiql-container .history-contents {
  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
  padding: 0;
}

.graphiql-container .history-contents p {
  font-size: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.graphiql-container .history-contents p:hover {
  cursor: pointer;
}
.CodeMirror-info {
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #555;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 13px;
  line-height: 16px;
  margin: 8px -8px;
  max-width: 400px;
  opacity: 0;
  overflow: hidden;
  padding: 8px 8px;
  position: fixed;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
  z-index: 50;
}

.CodeMirror-info :first-child {
  margin-top: 0;
}

.CodeMirror-info :last-child {
  margin-bottom: 0;
}

.CodeMirror-info p {
  margin: 1em 0;
}

.CodeMirror-info .info-description {
  color: #777;
  line-height: 16px;
  margin-top: 1em;
  max-height: 80px;
  overflow: hidden;
}

.CodeMirror-info .info-deprecation {
  background: #fffae8;
  -webkit-box-shadow: inset 0 1px 1px -1px #bfb063;
          box-shadow: inset 0 1px 1px -1px #bfb063;
  color: #867F70;
  line-height: 16px;
  margin: -8px;
  margin-top: 8px;
  max-height: 80px;
  overflow: hidden;
  padding: 8px;
}

.CodeMirror-info .info-deprecation-label {
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.CodeMirror-info .info-deprecation-label + * {
  margin-top: 0;
}

.CodeMirror-info a {
  text-decoration: none;
}

.CodeMirror-info a:hover {
  text-decoration: underline;
}

.CodeMirror-info .type-name {
  color: #CA9800;
}

.CodeMirror-info .field-name {
  color: #1F61A0;
}

.CodeMirror-info .enum-value {
  color: #0B7FC7;
}

.CodeMirror-info .arg-name {
  color: #8B2BB9;
}

.CodeMirror-info .directive-name {
  color: #B33086;
}
.CodeMirror-jump-token {
  text-decoration: underline;
  cursor: pointer;
}
/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}

.CodeMirror-lint-tooltip {
  background-color: infobackground;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid black;
  color: infotext;
  font-family: monospace;
  font-size: 10pt;
  max-width: 600px;
  opacity: 0;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
  white-space: pre-wrap;
  z-index: 100;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
  background-image:
  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
  ;
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 18px;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%; height: 100%;
}
.graphiql-container .spinner-container {
  height: 36px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 36px;
  z-index: 10;
}

.graphiql-container .spinner {
  -webkit-animation: rotation .6s infinite linear;
          animation: rotation .6s infinite linear;
  border-bottom: 6px solid rgba(150, 150, 150, .15);
  border-left: 6px solid rgba(150, 150, 150, .15);
  border-radius: 100%;
  border-right: 6px solid rgba(150, 150, 150, .15);
  border-top: 6px solid rgba(150, 150, 150, .8);
  display: inline-block;
  height: 24px;
  position: absolute;
  vertical-align: middle;
  width: 24px;
}

@-webkit-keyframes rotation {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes rotation {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.CodeMirror-hints {
  background: white;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
  font-size: 13px;
  list-style: none;
  margin-left: -6px;
  margin: 0;
  max-height: 14.5em;
  overflow-y: auto;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.CodeMirror-hint {
  border-top: solid 1px #f7f7f7;
  color: #141823;
  cursor: pointer;
  margin: 0;
  max-width: 300px;
  overflow: hidden;
  padding: 2px 6px;
  white-space: pre;
}

li.CodeMirror-hint-active {
  background-color: #08f;
  border-top-color: white;
  color: white;
}

.CodeMirror-hint-information {
  border-top: solid 1px #c0c0c0;
  max-width: 300px;
  padding: 4px 6px;
  position: relative;
  z-index: 1;
}

.CodeMirror-hint-information:first-child {
  border-bottom: solid 1px #c0c0c0;
  border-top: none;
  margin-bottom: -1px;
}

.CodeMirror-hint-deprecation {
  background: #fffae8;
  -webkit-box-shadow: inset 0 1px 1px -1px #bfb063;
          box-shadow: inset 0 1px 1px -1px #bfb063;
  color: #867F70;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 13px;
  line-height: 16px;
  margin-top: 4px;
  max-height: 80px;
  overflow: hidden;
  padding: 6px;
}

.CodeMirror-hint-deprecation .deprecation-label {
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.CodeMirror-hint-deprecation .deprecation-label + * {
  margin-top: 0;
}

.CodeMirror-hint-deprecation :last-child {
  margin-bottom: 0;
}

/* prettier-ignore */

.floating-scroll-host {
  position: relative;
}

.floating-scroll-positioner {
  position: -webkit-sticky;
  position: sticky;
  bottom: 35px;
}
.floating-scroll-positioner .floating-scroll-track {
  position: relative;
  height: 10px;
  top: 10px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  background: #eceef1;
}
.floating-scroll-positioner .floating-scroll-track .floating-scroll-thumb {
  height: 10px;
  position: absolute;
  background: #9b9b9b;
  border-radius: 10px;
}
.floating-scroll-positioner .floating-scroll-track .floating-scroll-thumb:hover {
  background: #a4a4a4;
}
/* prettier-ignore */
/* prettier-ignore */

autocomplete .flex-name-lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
autocomplete .flex-name-lockup .avatar {
  height: 35px;
  width: 35px;
}
autocomplete .flex-name-lockup entity-performance-lockup {
  font-size: 14px;
}
trends-chart .trends-chart-tooltip-template {
  min-width: 230px;
  font-size: 12px;
}
trends-chart .trends-chart-tooltip-template .tooltip-title {
  padding: 5px;
}
trends-chart .trends-chart-tooltip-template .tooltip-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
trends-chart .trends-chart-tooltip-template .tooltip-data div {
  padding: 3px 5px;
}
trends-chart .trends-chart-tooltip-template .tooltip-data div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
trends-chart .trends-chart-tooltip-template .tooltip-data .percent-total {
  text-align: right;
  width: 40px;
}
trends-chart .trends-chart-tooltip-template .top-entities-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #00304c;
  font-weight: 600;
}
trends-chart .trends-chart-tooltip-template.extra-wide {
  min-width: 270px;
}
content-explorer-chart .cursor-pointer {
  cursor: pointer;
}
/* prettier-ignore */

unified-table unified-table-dynamic-cell > * > div {
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
unified-table .unified-table-header-cell .header-cell-content {
  padding: 16px 16px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
unified-table .unified-table-summary-cell {
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.5);
}
unified-table .unified-table-empty-cell {
  background-color: rgba(237, 237, 237, 0.5);
}
unified-table .align-left .receive-alignment {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: start;
}
unified-table .align-right .receive-alignment {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: end;
}
unified-table .align-center .receive-alignment {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
}
unified-table .platform-header:before {
  margin-right: 4px;
}
unified-table .platform-header.platform-header-youtube:before {
  color: #ff0000;
}
unified-table .platform-header.platform-header-facebook:before {
  color: #1877f2;
}
unified-table .platform-header.platform-header-instagram:before {
  color: #c13584;
}
unified-table .platform-header.platform-header-twitter:before {
  color: #1da1f2;
}
unified-table .platform-header.platform-header-tubular:before {
  color: #f2144b;
  font-size: 14px;
}
/* prettier-ignore */

comparisons-table unified-table .unified-table-row:not(:last-child) {
  border-bottom: 1px solid #d7d7d7;
}
comparisons-table unified-table .unified-table-data-row {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
comparisons-table unified-table .unified-table-reference-row {
  background-color: rgba(237, 237, 237, 0.5) !important;
}
comparisons-table unified-table .unified-table-reference-row .unified-table-data-cell {
  font-weight: 700;
}
api-explorer .graphiql-container {
  height: calc(100vh - 200px);
}